From 3fb2033b324bf93cfe520239a99390fe65874520 Mon Sep 17 00:00:00 2001 From: Balazs Bajorics <2226774+balazsbajorics@users.noreply.github.com> Date: Wed, 19 Jun 2024 11:58:46 +0200 Subject: [PATCH] Feautre/cartouche context menu (#5993) This PR adds a basic context menu to the Data Reference Cartouche. image Most of my evening was spent wrestling ContextMenuWrapper. I decided to "give up" and create a new component which uses a proper portal instead of horrible x-hacks and whatevers. **Commit Details:** - Renamed `ContextMenuWrapper` to `ContextMenuWrapper_DEPRECATED` also marked it as deprecated - Added new `ContextMenuWrapper` which takes way less props, uses less wrapping divs, and uses a Portal. - `DataCartoucheInner` uses `ContextMenuWrapper`. - The only actually working option is `Replace...` which just opens the data picker - Everything else is a placeholder for future capability Fixes #5972 --------- Co-authored-by: Berci Kormendy --- .../src/components/context-menu-wrapper.tsx | 46 ++- .../src/components/filebrowser/fileitem.tsx | 6 +- .../component-section-children.tsx | 3 +- .../data-reference-cartouche.tsx | 89 ++++-- .../component-section/data-selector-modal.tsx | 2 +- .../header-section/target-selector.tsx | 6 +- .../layout-section/list-source-cartouche.tsx | 3 +- .../component-picker-context-menu.tsx | 11 +- ...performance-regression-tests.spec.tsx.snap | 264 +++++++++++++++--- .../performance-regression-tests.spec.tsx | 4 +- 10 files changed, 366 insertions(+), 68 deletions(-) diff --git a/editor/src/components/context-menu-wrapper.tsx b/editor/src/components/context-menu-wrapper.tsx index 5525fd593e86..ad4c00ad3564 100644 --- a/editor/src/components/context-menu-wrapper.tsx +++ b/editor/src/components/context-menu-wrapper.tsx @@ -9,13 +9,15 @@ import { Submenu as SubmenuComponent, useContextMenu, } from 'react-contexify' -import { colorTheme, Icons, UtopiaStyles } from '../uuiui' +import { colorTheme, Icons, OnClickOutsideHOC, UtopiaStyles } from '../uuiui' import { getControlStyles } from '../uuiui-deps' import type { ContextMenuItem } from './context-menu-items' import type { EditorDispatch } from './editor/action-types' import type { WindowPoint } from '../core/shared/math-utils' import { windowPoint } from '../core/shared/math-utils' import { addOpenMenuId, removeOpenMenuId } from '../core/shared/menu-state' +import { createPortal } from 'react-dom' +import { CanvasContextMenuPortalTargetID } from '../core/shared/utils' interface Submenu { items: Item[] @@ -176,7 +178,8 @@ export const ContextMenu = ({ dispatch, getData, id, items }: ContextMenuPro ) } -export const ContextMenuWrapper = ({ +/** @deprecated use ContextMenuWrapper instead, which is Portaled */ +export const ContextMenuWrapper_DEPRECATED = ({ children, className = '', data, @@ -290,6 +293,7 @@ export const MenuProvider = ({ const onContextMenu = React.useCallback( (event: React.MouseEvent) => { + event.stopPropagation() if (itemsLength <= 0) { return } @@ -311,3 +315,41 @@ export const MenuProvider = ({ ) } + +export const ContextMenuWrapper = ({ + children, + data, + dispatch, + id, + items, + style, +}: { + children?: React.ReactNode + data: T + dispatch?: EditorDispatch + id: string + items: ContextMenuItem[] + style?: React.CSSProperties +}) => { + const { hideAll } = useContextMenu({ id }) + + const getData = React.useCallback(() => data, [data]) + + const portalTarget = document.getElementById(CanvasContextMenuPortalTargetID) + + return ( + + + {children} + + {portalTarget != null + ? createPortal( + + + , + portalTarget, + ) + : null} + + ) +} diff --git a/editor/src/components/filebrowser/fileitem.tsx b/editor/src/components/filebrowser/fileitem.tsx index f9ceb91c9895..f2e22dd18eeb 100644 --- a/editor/src/components/filebrowser/fileitem.tsx +++ b/editor/src/components/filebrowser/fileitem.tsx @@ -12,7 +12,7 @@ import { Clipboard } from '../../utils/clipboard' import Utils from '../../utils/utils' import type { ContextMenuItem } from '../context-menu-items' import { requireDispatch } from '../context-menu-items' -import { ContextMenuWrapper } from '../context-menu-wrapper' +import { ContextMenuWrapper_DEPRECATED } from '../context-menu-wrapper' import type { EditorAction, EditorDispatch } from '../editor/action-types' import * as EditorActions from '../editor/actions/action-creators' import { ExpandableIndicator } from '../navigator/navigator-item/expandable-indicator' @@ -887,14 +887,14 @@ class FileBrowserItemInner extends React.PureComponent< style={{ width: '100%' }} key={`${contextMenuID}-wrapper`} > - {fileBrowserItem} - + ) } diff --git a/editor/src/components/inspector/sections/component-section/component-section-children.tsx b/editor/src/components/inspector/sections/component-section/component-section-children.tsx index 836b059b8915..f92e1a257bbf 100644 --- a/editor/src/components/inspector/sections/component-section/component-section-children.tsx +++ b/editor/src/components/inspector/sections/component-section/component-section-children.tsx @@ -4,6 +4,7 @@ import type { RegularControlDescription, } from '../../../custom-code/internal-property-controls' import type { ElementPath } from '../../../../core/shared/project-file-types' +import * as EP from '../../../../core/shared/element-path' import * as PP from '../../../../core/shared/property-path' import { iconForControlType } from '../../../../uuiui' import type { ControlForPropProps } from './property-control-controls' @@ -66,7 +67,7 @@ export function useChildrenPropOverride( matchType='partial' onOpenDataPicker={props.onOpenDataPicker} onDeleteCartouche={props.onDeleteCartouche} - testId={`cartouche-${PP.toString(props.propPath)}`} + testId={`cartouche-${EP.toString(props.elementPath)}-${PP.toString(props.propPath)}`} propertyPath={props.propPath} safeToDelete={props.safeToDelete} elementPath={props.elementPath} diff --git a/editor/src/components/inspector/sections/component-section/data-reference-cartouche.tsx b/editor/src/components/inspector/sections/component-section/data-reference-cartouche.tsx index e419301f9a5d..5f1b7be34574 100644 --- a/editor/src/components/inspector/sections/component-section/data-reference-cartouche.tsx +++ b/editor/src/components/inspector/sections/component-section/data-reference-cartouche.tsx @@ -29,6 +29,8 @@ import type { CartoucheDataType, CartoucheHighlight, CartoucheUIProps } from './ import { CartoucheUI } from './cartouche-ui' import * as PP from '../../../../core/shared/property-path' import { AllHtmlEntities } from 'html-entities' +import { ContextMenuWrapper } from '../../../context-menu-wrapper' +import type { ContextMenuItem } from '../../../context-menu-items' import { optionalMap } from '../../../../core/shared/optional-utils' const htmlEntities = new AllHtmlEntities() @@ -185,7 +187,7 @@ export const DataReferenceCartoucheControl = React.memo( export type DataReferenceCartoucheContentType = 'value-literal' | 'object-literal' | 'reference' interface DataCartoucheInnerProps { onClick: (e: React.MouseEvent) => void - onDoubleClick: (e: React.MouseEvent) => void + onDoubleClick: () => void selected: boolean contentsToDisplay: { type: DataReferenceCartoucheContentType @@ -216,6 +218,8 @@ export const DataCartoucheInner = React.forwardRef( datatype, } = props + const dispatch = useDispatch() + const onDeleteInner = React.useCallback( (e: React.MouseEvent) => { e.stopPropagation() @@ -236,26 +240,79 @@ export const DataCartoucheInner = React.forwardRef( : 'internal' return ( - + id={`cartouche-context-menu-${props.testId}`} + dispatch={dispatch} + items={contextMenuItems} + data={{ openDataPicker: onDoubleClick, deleteCartouche: onDeleteCallback }} > - {contentsToDisplay.shortLabel ?? contentsToDisplay.label ?? 'DATA'} - + + {contentsToDisplay.shortLabel ?? contentsToDisplay.label ?? 'DATA'} + + ) }, ) +type ContextMenuItemsData = { + openDataPicker?: () => void + deleteCartouche?: () => void +} + +const Separator = { + name:
, + enabled: false, + action: NO_OP, + isSeparator: true, +} as const + +const contextMenuItems: Array> = [ + { + name: 'Replace...', + enabled: (data) => data.openDataPicker != null, + action: (data) => { + data.openDataPicker?.() + }, + }, + { + name: 'Remove', + enabled: false, + action: (data) => { + data.deleteCartouche?.() + }, + }, + Separator, + { + name: 'Edit value', + enabled: false, + action: (data) => {}, + }, + { + name: 'Open in external CMS', + enabled: false, + action: (data) => {}, + }, + Separator, + { + name: 'Open in code editor', + enabled: false, + action: (data) => {}, + }, +] + export function getTextContentOfElement( element: JSXElementChild, metadata: ElementInstanceMetadata | null, diff --git a/editor/src/components/inspector/sections/component-section/data-selector-modal.tsx b/editor/src/components/inspector/sections/component-section/data-selector-modal.tsx index 5333454573a3..03aba6d85e73 100644 --- a/editor/src/components/inspector/sections/component-section/data-selector-modal.tsx +++ b/editor/src/components/inspector/sections/component-section/data-selector-modal.tsx @@ -261,7 +261,7 @@ export const DataSelectorModal = React.memo( onChange={onSearchFieldValueChange} ref={searchBoxRef} value={searchTerm ?? ''} - data-testId='data-selector-modal-search-input' + data-testid='data-selector-modal-search-input' placeholder='Search data' style={{ outline: 'none', diff --git a/editor/src/components/inspector/sections/header-section/target-selector.tsx b/editor/src/components/inspector/sections/header-section/target-selector.tsx index a545df4b3cbc..749414de81dd 100644 --- a/editor/src/components/inspector/sections/header-section/target-selector.tsx +++ b/editor/src/components/inspector/sections/header-section/target-selector.tsx @@ -18,7 +18,7 @@ import { UIRow, Icn, } from '../../../../uuiui' -import { ContextMenuWrapper } from '../../../../uuiui-deps' +import { ContextMenuWrapper_DEPRECATED } from '../../../../uuiui-deps' import { useDispatch } from '../../../editor/store/dispatch-context' import { useEditorState } from '../../../editor/store/store-hook' import { ExpandableIndicator } from '../../../navigator/navigator-item/expandable-indicator' @@ -299,7 +299,7 @@ const TargetListItem = React.memo((props: TargetListItemProps) => { }, [onDeleteByIndex, itemIndex]) return ( - { )} - + ) }) diff --git a/editor/src/components/inspector/sections/layout-section/list-source-cartouche.tsx b/editor/src/components/inspector/sections/layout-section/list-source-cartouche.tsx index df6f279d5309..831a8b20f88d 100644 --- a/editor/src/components/inspector/sections/layout-section/list-source-cartouche.tsx +++ b/editor/src/components/inspector/sections/layout-section/list-source-cartouche.tsx @@ -24,6 +24,7 @@ import { traceDataFromElement, dataPathSuccess } from '../../../../core/data-tra import type { CartoucheDataType } from '../component-section/cartouche-ui' import { CartoucheInspectorWrapper } from '../component-section/cartouche-control' import { MapCounter } from '../../../navigator/navigator-item/map-counter' +import * as EP from '../../../../core/shared/element-path' interface MapListSourceCartoucheProps { target: ElementPath @@ -174,7 +175,7 @@ const MapListSourceCartoucheInner = React.memo( onDelete={NO_OP} selected={props.selected} safeToDelete={false} - testId='list-source-cartouche' + testId={`list-source-cartouche-${EP.toString(target)}`} contentIsComingFromServer={isDataComingFromHookResult} datatype={cartoucheDataType} badge={ diff --git a/editor/src/components/navigator/navigator-item/component-picker-context-menu.tsx b/editor/src/components/navigator/navigator-item/component-picker-context-menu.tsx index bbd7068b7067..33272320ad6f 100644 --- a/editor/src/components/navigator/navigator-item/component-picker-context-menu.tsx +++ b/editor/src/components/navigator/navigator-item/component-picker-context-menu.tsx @@ -46,7 +46,7 @@ import type { PreferredChildComponentDescriptor } from '../../custom-code/intern import { fixUtopiaElement, generateConsistentUID } from '../../../core/shared/uid-utils' import { getAllUniqueUids } from '../../../core/model/get-unique-ids' import { elementFromInsertMenuItem } from '../../editor/insert-callbacks' -import { ContextMenuWrapper } from '../../context-menu-wrapper' +import { ContextMenuWrapper_DEPRECATED } from '../../context-menu-wrapper' import { BodyMenuOpenClass, assertNever } from '../../../core/shared/utils' import { type ContextMenuItem } from '../../context-menu-items' import { FlexRow, Icn, type IcnProps } from '../../../uuiui' @@ -848,7 +848,7 @@ const ComponentPickerContextMenuSimple = React.memo {data.name} @@ -868,7 +868,12 @@ const ComponentPickerContextMenuSimple = React.memo + ) }, ) diff --git a/editor/src/core/performance/__snapshots__/performance-regression-tests.spec.tsx.snap b/editor/src/core/performance/__snapshots__/performance-regression-tests.spec.tsx.snap index c0f79708fca6..48f3b4132294 100644 --- a/editor/src/core/performance/__snapshots__/performance-regression-tests.spec.tsx.snap +++ b/editor/src/core/performance/__snapshots__/performance-regression-tests.spec.tsx.snap @@ -196,18 +196,50 @@ Array [ "/ControlForProp//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)", "//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)/div", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/span", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", + "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(MenuProvider)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(ContextMenu)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(MenuProvider)/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/span", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", "/Symbol(react.forward_ref)()/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)", "/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)", "/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))", "/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))", "/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))/div", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)", + "/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)", + "/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)/UtopiaSpiedExoticType(Symbol(react.provider))", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", @@ -463,18 +495,50 @@ Array [ "/ControlForProp//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)", "//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)/div", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/span", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", + "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(MenuProvider)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(ContextMenu)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(MenuProvider)/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/span", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", "/Symbol(react.forward_ref)()/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)", "/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)", "/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))", "/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))", "/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))/div", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)", + "/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)", + "/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)/UtopiaSpiedExoticType(Symbol(react.provider))", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", @@ -1623,18 +1687,50 @@ Array [ "/ControlForProp//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)", "//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)/div", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/span", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", + "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(MenuProvider)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(ContextMenu)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(MenuProvider)/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/span", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", "/Symbol(react.forward_ref)()/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)", "/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)", "/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))", "/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))", "/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))/div", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)", + "/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)", + "/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)/UtopiaSpiedExoticType(Symbol(react.provider))", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", @@ -1829,18 +1925,50 @@ Array [ "/ControlForProp//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)", "//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)/div", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/span", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", + "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(MenuProvider)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(ContextMenu)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(MenuProvider)/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/span", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", "/Symbol(react.forward_ref)()/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)", "/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)", "/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))", "/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))", "/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))/div", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)", + "/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)", + "/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)/UtopiaSpiedExoticType(Symbol(react.provider))", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", @@ -2085,18 +2213,50 @@ Array [ "/ControlForProp//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)", "//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)/div", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/span", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", + "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(MenuProvider)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(ContextMenu)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(MenuProvider)/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/span", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", "/Symbol(react.forward_ref)()/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)", "/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)", "/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))", "/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))", "/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))/div", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)", + "/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)", + "/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)/UtopiaSpiedExoticType(Symbol(react.provider))", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", @@ -2168,18 +2328,50 @@ Array [ "/ControlForProp//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)", "//CartoucheInspectorWrapper/Symbol(react.forward_ref)(EmotionCssPropInternal)/div", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/span", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", - "/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)()/div", + "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(MenuProvider)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedFunctionComponent(ContextMenu)", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))", + "/div/Symbol(react.forward_ref)()/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedFunctionComponent(ContextMenuWrapper)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(MenuProvider)/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/span", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/Symbol(react.forward_ref)(EmotionCssPropInternal)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/UtopiaSpiedClass(Tooltip)", + "/UtopiaSpiedFunctionComponent(MenuProvider)/div/Symbol(react.forward_ref)()/div", "/Symbol(react.forward_ref)()/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)", "/div/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)", "/UtopiaSpiedClass(Tooltip)/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(TippyWrapper)/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))", "/UtopiaSpiedFunctionComponent(Tippy)/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))", "/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.forward_ref)(EmotionCssPropInternal)/Symbol(react.forward_ref)(Styled(div))/div", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)", + "/null/UtopiaSpiedClass(OnClickOutside(OnClickOutsideHOCUnenhanced))/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/span", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", + "/UtopiaSpiedClass(OnClickOutsideHOCUnenhanced)/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)", + "/UtopiaSpiedExoticType(Symbol(react.fragment))/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)", + "/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(it)/UtopiaSpiedFunctionComponent($)/UtopiaSpiedExoticType(Symbol(react.provider))", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/span", "/Symbol(react.forward_ref)(EmotionCssPropInternal)/div/UtopiaSpiedFunctionComponent(ContextMenu)/UtopiaSpiedFunctionComponent(pt)", diff --git a/editor/src/core/performance/performance-regression-tests.spec.tsx b/editor/src/core/performance/performance-regression-tests.spec.tsx index 0b91d5e87b32..46411581651f 100644 --- a/editor/src/core/performance/performance-regression-tests.spec.tsx +++ b/editor/src/core/performance/performance-regression-tests.spec.tsx @@ -127,7 +127,7 @@ describe('React Render Count Tests -', () => { const renderCountAfter = renderResult.getNumberOfRenders() // if this breaks, GREAT NEWS but update the test please :) - expect(renderCountAfter - renderCountBefore).toMatchInlineSnapshot(`1007`) + expect(renderCountAfter - renderCountBefore).toMatchInlineSnapshot(`1135`) expect(renderResult.getRenderInfo()).toMatchSnapshot() }) @@ -249,7 +249,7 @@ describe('React Render Count Tests -', () => { const renderCountAfter = renderResult.getNumberOfRenders() // if this breaks, GREAT NEWS but update the test please :) - expect(renderCountAfter - renderCountBefore).toMatchInlineSnapshot(`646`) + expect(renderCountAfter - renderCountBefore).toMatchInlineSnapshot(`710`) expect(renderResult.getRenderInfo()).toMatchSnapshot() }) })