Skip to content

Commit 03f7675

Browse files
ruggiruggi
authored
Partial grid resize mixed with absolute resize (#6546)
**Problem:** When a grid child is stretching on a single direction it should be possible to cell-resize it along that direction, while element-resize it in the other direction. The diagonal resize controls should be disabled in that case. **Fix:** Do that. https://github.com/user-attachments/assets/e53be7c8-08fc-4ffe-8248-d147e01981f9 Fixes #6544
1 parent 2f54a78 commit 03f7675

File tree

6 files changed

+173
-56
lines changed

6 files changed

+173
-56
lines changed

‎editor/src/components/canvas/canvas-strategies/strategies/grid-resize-element-strategy.ts

+2-2
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import {
55
isInfinityRectangle,
66
rectangleIntersection,
77
} from '../../../../core/shared/math-utils'
8-
import { isFillOrStretchModeApplied } from '../../../inspector/inspector-common'
8+
import { isFillOrStretchModeAppliedOnAnySide } from '../../../inspector/inspector-common'
99
import {
1010
controlsForGridPlaceholders,
1111
gridEdgeToEdgePosition,
@@ -49,7 +49,7 @@ export const gridResizeElementStrategy: CanvasStrategyFactory = (
4949
return null
5050
}
5151

52-
if (!isFillOrStretchModeApplied(canvasState.startingMetadata, selectedElement)) {
52+
if (!isFillOrStretchModeAppliedOnAnySide(canvasState.startingMetadata, selectedElement)) {
5353
return null
5454
}
5555

‎editor/src/components/canvas/controls/grid-controls.tsx

+37-4
Original file line numberDiff line numberDiff line change
@@ -88,6 +88,7 @@ import {
8888
import { useMaybeHighlightElement } from './select-mode/select-mode-hooks'
8989
import { useResizeEdges } from './select-mode/use-resize-edges'
9090
import { getGridHelperStyleMatchingTargetGrid } from './grid-controls-helpers'
91+
import { isFillOrStretchModeAppliedOnSpecificSide } from '../../inspector/inspector-common'
9192

9293
const CELL_ANIMATION_DURATION = 0.15 // seconds
9394

@@ -1586,6 +1587,28 @@ export const GridResizeControlsComponent = ({ target }: GridResizeControlProps)
15861587
},
15871588
})
15881589

1590+
const resizeDirection = useEditorState(
1591+
Substores.metadata,
1592+
(store) => {
1593+
if (element == null) {
1594+
return { horizontal: false, vertical: false }
1595+
}
1596+
return {
1597+
horizontal: isFillOrStretchModeAppliedOnSpecificSide(
1598+
store.editor.jsxMetadata,
1599+
element.elementPath,
1600+
'horizontal',
1601+
),
1602+
vertical: isFillOrStretchModeAppliedOnSpecificSide(
1603+
store.editor.jsxMetadata,
1604+
element.elementPath,
1605+
'vertical',
1606+
),
1607+
}
1608+
},
1609+
'GridResizeControlsComponent resizeDirection',
1610+
)
1611+
15891612
if (
15901613
element == null ||
15911614
element.globalFrame == null ||
@@ -1618,10 +1641,20 @@ export const GridResizeControlsComponent = ({ target }: GridResizeControlProps)
16181641
pointerEvents: 'none',
16191642
}}
16201643
>
1621-
{resizeEdges.top}
1622-
{resizeEdges.left}
1623-
{resizeEdges.bottom}
1624-
{resizeEdges.right}
1644+
{when(
1645+
resizeDirection.vertical,
1646+
<React.Fragment>
1647+
{resizeEdges.top}
1648+
{resizeEdges.bottom}
1649+
</React.Fragment>,
1650+
)}
1651+
{when(
1652+
resizeDirection.horizontal,
1653+
<React.Fragment>
1654+
{resizeEdges.left}
1655+
{resizeEdges.right}
1656+
</React.Fragment>,
1657+
)}
16251658
</div>
16261659
</div>
16271660
</CanvasOffsetWrapper>

‎editor/src/components/canvas/controls/select-mode/absolute-resize-control.tsx

+73-16
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,8 @@ import type { FixedHugFill } from '../../../inspector/inspector-common'
2424
import {
2525
detectFillHugFixedState,
2626
invert,
27+
isFillOrStretchModeAppliedOnAnySide,
28+
isFillOrStretchModeAppliedOnSpecificSide,
2729
resizeToFitCommands,
2830
} from '../../../inspector/inspector-common'
2931
import { setPropHugStrategies } from '../../../inspector/inspector-strategies/inspector-strategies'
@@ -135,6 +137,38 @@ export const AbsoluteResizeControl = controlForStrategyMemoized(
135137
onEdgeDoubleClick,
136138
})
137139

140+
const canResize = useEditorState(
141+
Substores.metadata,
142+
(store) => {
143+
const metadata = store.editor.jsxMetadata
144+
145+
let horizontally = true
146+
let vertically = true
147+
let diagonally = true
148+
149+
for (const element of selectedElementsRef.current) {
150+
if (MetadataUtils.isGridCell(metadata, element)) {
151+
if (isFillOrStretchModeAppliedOnAnySide(metadata, element)) {
152+
diagonally = false
153+
}
154+
if (isFillOrStretchModeAppliedOnSpecificSide(metadata, element, 'horizontal')) {
155+
horizontally = false
156+
}
157+
if (isFillOrStretchModeAppliedOnSpecificSide(metadata, element, 'vertical')) {
158+
vertically = false
159+
}
160+
}
161+
}
162+
163+
return {
164+
horizontally: horizontally,
165+
vertically: vertically,
166+
diagonally: diagonally,
167+
}
168+
},
169+
'AbsoluteResizeControl canResize',
170+
)
171+
138172
return (
139173
<CanvasOffsetWrapper>
140174
<div
@@ -145,22 +179,45 @@ export const AbsoluteResizeControl = controlForStrategyMemoized(
145179
pointerEvents: 'none',
146180
}}
147181
>
148-
{resizeEdges.top}
149-
{resizeEdges.left}
150-
{resizeEdges.bottom}
151-
{resizeEdges.right}
152-
<ResizePoint ref={topLeftRef} position={{ x: 0, y: 0 }} cursor={CSSCursor.ResizeNWSE} />
153-
<ResizePoint ref={topRightRef} position={{ x: 1, y: 0 }} cursor={CSSCursor.ResizeNESW} />
154-
<ResizePoint
155-
ref={bottomLeftRef}
156-
position={{ x: 0, y: 1 }}
157-
cursor={CSSCursor.ResizeNESW}
158-
/>
159-
<ResizePoint
160-
ref={bottomRightRef}
161-
position={{ x: 1, y: 1 }}
162-
cursor={CSSCursor.ResizeNWSE}
163-
/>
182+
{when(
183+
canResize.vertically,
184+
<React.Fragment>
185+
{resizeEdges.top}
186+
{resizeEdges.bottom}
187+
</React.Fragment>,
188+
)}
189+
{when(
190+
canResize.horizontally,
191+
<React.Fragment>
192+
{resizeEdges.left}
193+
{resizeEdges.right}
194+
</React.Fragment>,
195+
)}
196+
{when(
197+
canResize.diagonally,
198+
<React.Fragment>
199+
<ResizePoint
200+
ref={topLeftRef}
201+
position={{ x: 0, y: 0 }}
202+
cursor={CSSCursor.ResizeNWSE}
203+
/>
204+
<ResizePoint
205+
ref={topRightRef}
206+
position={{ x: 1, y: 0 }}
207+
cursor={CSSCursor.ResizeNESW}
208+
/>
209+
<ResizePoint
210+
ref={bottomLeftRef}
211+
position={{ x: 0, y: 1 }}
212+
cursor={CSSCursor.ResizeNESW}
213+
/>
214+
<ResizePoint
215+
ref={bottomRightRef}
216+
position={{ x: 1, y: 1 }}
217+
cursor={CSSCursor.ResizeNWSE}
218+
/>
219+
</React.Fragment>,
220+
)}
164221
<SizeLabel ref={resizeRef} targets={targets} pathsWereReplaced={pathsWereReplaced} />
165222
</div>
166223
</CanvasOffsetWrapper>

‎editor/src/components/inspector/inspector-common.ts

+21
Original file line numberDiff line numberDiff line change
@@ -921,6 +921,27 @@ export function isFillOrStretchModeApplied(
921921
)
922922
}
923923

924+
export function isFillOrStretchModeAppliedOnAnySide(
925+
metadata: ElementInstanceMetadataMap,
926+
element: ElementPath,
927+
): boolean {
928+
return (
929+
isFixedHugFillModeAppliedOnAnySide(metadata, element, 'fill') ||
930+
isFixedHugFillModeAppliedOnAnySide(metadata, element, 'stretch')
931+
)
932+
}
933+
934+
export function isFillOrStretchModeAppliedOnSpecificSide(
935+
metadata: ElementInstanceMetadataMap,
936+
element: ElementPath,
937+
side: 'horizontal' | 'vertical',
938+
): boolean {
939+
return (
940+
detectFillHugFixedState(side, metadata, element).fixedHugFill?.type === 'fill' ||
941+
detectFillHugFixedState(side, metadata, element).fixedHugFill?.type === 'stretch'
942+
)
943+
}
944+
924945
export function isFixedHugFillModeAppliedOnAnySide(
925946
metadata: ElementInstanceMetadataMap,
926947
element: ElementPath,

‎editor/src/core/performance/__snapshots__/performance-regression-tests.spec.tsx.snap

+38-32
Original file line numberDiff line numberDiff line change
@@ -64,30 +64,33 @@ Array [
6464
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
6565
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
6666
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
67+
"/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
68+
"/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
6769
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
6870
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
6971
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
7072
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
73+
"/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
7174
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))",
7275
"/Symbol(react.memo)()///div:data-testid='utopia-storyboard-uid/scene-aaa/app-entity:parent/ccc-absolute-resize-control'",
7376
"/Symbol(react.memo)()///Symbol(react.memo)()",
7477
"////div",
75-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-0'",
76-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0-0.5'",
77-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-1'",
78-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-1-0.5'",
79-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
80-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-0'",
81-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
82-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
83-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-0'",
84-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
85-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
86-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-1'",
87-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
88-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
89-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-1'",
90-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
78+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-0'",
79+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-1'",
80+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0-0.5'",
81+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-1-0.5'",
82+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
83+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-0'",
84+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
85+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
86+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-0'",
87+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
88+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
89+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-1'",
90+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
91+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
92+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-1'",
93+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
9194
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='SizeLabelTestId'",
9295
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='parent-resize-label'",
9396
"/Symbol(react.forward_ref)(Styled(div))/div/Symbol(react.forward_ref)(Styled(div))/div",
@@ -848,30 +851,33 @@ Array [
848851
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
849852
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
850853
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))",
854+
"/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
855+
"/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
851856
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
852857
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
853858
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
854859
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))",
860+
"/Symbol(react.memo)()///UtopiaSpiedExoticType(Symbol(react.fragment))",
855861
"/Symbol(react.memo)()///Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))",
856862
"/Symbol(react.memo)()///div:data-testid='utopia-storyboard-uid/scene-aaa/app-entity:parent/ccc-absolute-resize-control'",
857863
"/Symbol(react.memo)()///Symbol(react.memo)()",
858864
"////div",
859-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-0'",
860-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0-0.5'",
861-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-1'",
862-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-1-0.5'",
863-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
864-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-0'",
865-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
866-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
867-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-0'",
868-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
869-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
870-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-1'",
871-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
872-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
873-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-1'",
874-
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
865+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-0'",
866+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0.5-1'",
867+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-0-0.5'",
868+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizeEdge))/Symbol(react.forward_ref)(ResizeEdge)/div:data-testid='resize-control-1-0.5'",
869+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
870+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-0'",
871+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
872+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
873+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-0'",
874+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
875+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
876+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-0-1'",
877+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
878+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
879+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div:data-testid='resize-control-1-1'",
880+
"/UtopiaSpiedExoticType(Symbol(react.fragment))/Symbol(react.memo)(Symbol(react.forward_ref)(ResizePoint))/Symbol(react.forward_ref)(ResizePoint)/div",
875881
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='SizeLabelTestId'",
876882
"/div/Symbol(react.memo)(Symbol(react.forward_ref)(SizeLabel))/Symbol(react.forward_ref)(SizeLabel)/div:data-testid='parent-resize-label'",
877883
"/Symbol(react.forward_ref)(Styled(div))/div/Symbol(react.forward_ref)(Styled(div))/div",

0 commit comments

Comments
 (0)