diff --git a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap index d01c0243995a..df7eef693210 100644 --- a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap +++ b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas-bugs.spec.tsx.snap @@ -232,8 +232,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -383,8 +398,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", diff --git a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap index 1300f2829a97..be17ed60714a 100644 --- a/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap +++ b/editor/src/components/canvas/__snapshots__/ui-jsx-canvas.spec.tsx.snap @@ -273,8 +273,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -447,8 +462,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -916,8 +946,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -1234,8 +1279,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -1407,8 +1467,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -1580,8 +1655,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -1753,8 +1843,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -2031,8 +2136,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -2205,8 +2325,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -2485,8 +2620,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -2762,8 +2912,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -2936,8 +3101,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -3090,8 +3270,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -3385,8 +3580,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -3559,8 +3769,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -3940,8 +4165,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -4287,8 +4527,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -4489,8 +4744,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -4657,8 +4927,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -4859,8 +5144,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -5027,8 +5327,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -5229,8 +5544,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -5397,8 +5727,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -5743,8 +6088,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -5917,8 +6277,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -6519,8 +6894,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -7087,8 +7477,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -7495,8 +7900,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -7869,8 +8289,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -8091,8 +8526,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -8279,8 +8729,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -8501,8 +8966,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -8689,8 +9169,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -8911,8 +9406,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -9099,8 +9609,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -9507,8 +10032,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -9881,8 +10421,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -10103,8 +10658,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -10291,8 +10861,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -10513,8 +11098,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -10701,8 +11301,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -10923,8 +11538,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -11111,8 +11741,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -11519,8 +12164,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -11893,8 +12553,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -12115,8 +12790,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -12303,8 +12993,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -12525,8 +13230,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -12713,8 +13433,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -12935,8 +13670,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -13123,8 +13873,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -13412,8 +14177,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -13586,8 +14366,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -13801,163 +14596,23 @@ Object { "y": 0, }, "padding": Object {}, - "parentFlexDirection": null, - "parentFlexGap": 0, - "parentHugsOnMainAxis": false, - "parentJustifyContent": null, - "parentLayoutSystem": "flow", - "parentPadding": Object {}, - "parentTextDirection": "ltr", - "position": null, - "providesBoundsForAbsoluteChildren": false, - "renderedChildrenCount": 0, - "rowGap": null, - "textBounds": null, - "textDecorationLine": null, - "usesParentBounds": false, - }, - "textContent": null, - }, - "utopia-storyboard-uid/scene-aaa/app-entity:zzz/aaa": Object { - "assignedToProp": null, - "attributeMetadata": Object {}, - "componentInstance": true, - "computedStyle": Object {}, - "conditionValue": "not-a-conditional", - "earlyReturn": null, - "element": Object { - "type": "RIGHT", - "value": Object { - "children": Array [], - "name": Object { - "baseVariable": "Thing", - "propertyPath": Object { - "propertyElements": Array [], - }, - }, - "props": Array [ - Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "key": "data-uid", - "type": "JSX_ATTRIBUTES_ENTRY", - "value": Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "type": "ATTRIBUTE_VALUE", - "uid": "", - "value": "aaa", - }, - }, - ], - "type": "JSX_ELEMENT", - "uid": "", - }, - }, - "elementPath": Object { - "parts": Array [ - Array [ - "utopia-storyboard-uid", - "scene-aaa", - "app-entity", - ], - Array [ - "zzz", - "aaa", - ], - ], - "type": "elementpath", - }, - "globalFrame": null, - "importInfo": Object { - "filePath": "test.js", - "type": "SAME_FILE_ORIGIN", - "variableName": "Thing", - }, - "isEmotionOrStyledComponent": false, - "label": null, - "nonRoundedGlobalFrame": null, - "specialSizeMeasurements": Object { - "alignContent": null, - "alignItems": null, - "alignSelf": null, - "borderRadius": null, - "clientHeight": 0, - "clientWidth": 0, - "closestOffsetParentPath": Object { - "parts": Array [], - "type": "elementpath", - }, - "columnGap": null, - "computedHugProperty": Object { - "height": null, - "width": null, - }, - "containerGridProperties": Object { + "parentContainerGridProperties": Object { "gridAutoColumns": null, "gridAutoFlow": null, "gridAutoRows": null, "gridTemplateColumns": null, "gridTemplateRows": null, }, - "containerGridPropertiesFromProps": Object { + "parentContainerGridPropertiesFromProps": Object { "gridAutoColumns": null, "gridAutoFlow": null, "gridAutoRows": null, "gridTemplateColumns": null, "gridTemplateRows": null, }, - "coordinateSystemBounds": null, - "display": "initial", - "elementGridProperties": Object { - "gridColumnEnd": null, - "gridColumnStart": null, - "gridRowEnd": null, - "gridRowStart": null, - }, - "elementGridPropertiesFromProps": Object { - "gridColumnEnd": null, - "gridColumnStart": null, - "gridRowEnd": null, - "gridRowStart": null, - }, - "flexDirection": null, - "float": "none", - "fontSize": null, - "fontStyle": null, - "fontWeight": null, - "gap": null, - "globalContentBoxForChildren": null, - "globalFrameWithTextContent": null, - "gridCellGlobalFrames": null, - "hasPositionOffset": false, - "hasTransform": false, - "htmlElementName": "div", - "immediateParentBounds": Object { - "height": 0, - "width": 0, - "x": 0, - "y": 0, - }, - "immediateParentProvidesLayout": true, - "justifyContent": null, - "justifySelf": null, - "layoutSystemForChildren": null, - "layoutSystemForChildrenInherited": false, - "margin": Object {}, - "naturalHeight": null, - "naturalWidth": null, - "offset": Object { - "x": 0, - "y": 0, - }, - "padding": Object {}, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -13973,7 +14628,7 @@ Object { }, "textContent": null, }, - "utopia-storyboard-uid/scene-aaa/app-entity:zzz/bbb": Object { + "utopia-storyboard-uid/scene-aaa/app-entity:zzz/aaa": Object { "assignedToProp": null, "attributeMetadata": Object {}, "componentInstance": true, @@ -14005,7 +14660,7 @@ Object { }, "type": "ATTRIBUTE_VALUE", "uid": "", - "value": "bbb", + "value": "aaa", }, }, ], @@ -14022,7 +14677,7 @@ Object { ], Array [ "zzz", - "bbb", + "aaa", ], ], "type": "elementpath", @@ -14111,8 +14766,193 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, + "parentHugsOnMainAxis": false, + "parentJustifyContent": null, + "parentLayoutSystem": "flow", + "parentPadding": Object {}, + "parentTextDirection": "ltr", + "position": null, + "providesBoundsForAbsoluteChildren": false, + "renderedChildrenCount": 0, + "rowGap": null, + "textBounds": null, + "textDecorationLine": null, + "usesParentBounds": false, + }, + "textContent": null, + }, + "utopia-storyboard-uid/scene-aaa/app-entity:zzz/bbb": Object { + "assignedToProp": null, + "attributeMetadata": Object {}, + "componentInstance": true, + "computedStyle": Object {}, + "conditionValue": "not-a-conditional", + "earlyReturn": null, + "element": Object { + "type": "RIGHT", + "value": Object { + "children": Array [], + "name": Object { + "baseVariable": "Thing", + "propertyPath": Object { + "propertyElements": Array [], + }, + }, + "props": Array [ + Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "key": "data-uid", + "type": "JSX_ATTRIBUTES_ENTRY", + "value": Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "type": "ATTRIBUTE_VALUE", + "uid": "", + "value": "bbb", + }, + }, + ], + "type": "JSX_ELEMENT", + "uid": "", + }, + }, + "elementPath": Object { + "parts": Array [ + Array [ + "utopia-storyboard-uid", + "scene-aaa", + "app-entity", + ], + Array [ + "zzz", + "bbb", + ], + ], + "type": "elementpath", + }, + "globalFrame": null, + "importInfo": Object { + "filePath": "test.js", + "type": "SAME_FILE_ORIGIN", + "variableName": "Thing", + }, + "isEmotionOrStyledComponent": false, + "label": null, + "nonRoundedGlobalFrame": null, + "specialSizeMeasurements": Object { + "alignContent": null, + "alignItems": null, + "alignSelf": null, + "borderRadius": null, + "clientHeight": 0, + "clientWidth": 0, + "closestOffsetParentPath": Object { + "parts": Array [], + "type": "elementpath", + }, + "columnGap": null, + "computedHugProperty": Object { + "height": null, + "width": null, + }, + "containerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "containerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "coordinateSystemBounds": null, + "display": "initial", + "elementGridProperties": Object { + "gridColumnEnd": null, + "gridColumnStart": null, + "gridRowEnd": null, + "gridRowStart": null, + }, + "elementGridPropertiesFromProps": Object { + "gridColumnEnd": null, + "gridColumnStart": null, + "gridRowEnd": null, + "gridRowStart": null, + }, + "flexDirection": null, + "float": "none", + "fontSize": null, + "fontStyle": null, + "fontWeight": null, + "gap": null, + "globalContentBoxForChildren": null, + "globalFrameWithTextContent": null, + "gridCellGlobalFrames": null, + "hasPositionOffset": false, + "hasTransform": false, + "htmlElementName": "div", + "immediateParentBounds": Object { + "height": 0, + "width": 0, + "x": 0, + "y": 0, + }, + "immediateParentProvidesLayout": true, + "justifyContent": null, + "justifySelf": null, + "layoutSystemForChildren": null, + "layoutSystemForChildrenInherited": false, + "margin": Object {}, + "naturalHeight": null, + "naturalWidth": null, + "offset": Object { + "x": 0, + "y": 0, + }, + "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentFlexDirection": null, + "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -14388,8 +15228,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -14562,8 +15417,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -14829,8 +15699,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -15124,8 +16009,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -15298,8 +16198,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -15696,8 +16611,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -16059,8 +16989,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -16281,8 +17226,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -16503,8 +17463,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -16725,8 +17700,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -17020,8 +18010,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -17194,8 +18199,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -17592,8 +18612,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -17955,8 +18990,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -18177,8 +19227,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -18399,8 +19464,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -18621,8 +19701,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -18910,8 +20005,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -19084,8 +20194,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -19299,8 +20424,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -19454,8 +20594,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -19609,8 +20764,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -19898,8 +21068,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -20072,8 +21257,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -20392,8 +21592,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -20678,8 +21893,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -20834,8 +22064,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -20990,8 +22235,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -21295,8 +22555,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -21484,8 +22759,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -21952,8 +23242,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -22239,8 +23544,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -22543,8 +23863,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -22732,8 +24067,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -23200,8 +24550,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -23487,8 +24852,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -23792,8 +25172,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -23981,8 +25376,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -24500,8 +25910,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -24838,8 +26263,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -25143,8 +26583,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -25332,8 +26787,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -25851,8 +27321,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -26189,8 +27674,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -26465,8 +27965,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -26639,8 +28154,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -26793,8 +28323,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -27192,8 +28737,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -27366,8 +28926,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -29298,8 +30873,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -30776,8 +32366,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -32220,8 +33825,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -32846,8 +34466,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -33200,8 +34835,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -33826,8 +35476,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -34180,8 +35845,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -34806,8 +36486,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -35160,8 +36855,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -35824,8 +37534,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -36220,8 +37945,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -36884,8 +38624,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -37280,8 +39035,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -37944,8 +39714,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -38340,8 +40125,23 @@ export var storyboard = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -38639,8 +40439,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -38813,8 +40628,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -39062,8 +40892,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -39234,8 +41079,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -39406,8 +41266,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -39684,8 +41559,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -39858,8 +41748,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -40079,8 +41984,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -40356,8 +42276,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -40530,8 +42465,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -40855,8 +42805,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -41178,8 +43143,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -41352,8 +43332,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -41634,8 +43629,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -41865,8 +43875,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -42045,8 +44070,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -42350,8 +44390,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -42539,8 +44594,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -42898,8 +44968,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -43079,8 +45164,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -43537,8 +45637,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -43726,8 +45841,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -44087,8 +46217,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -44268,8 +46413,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -44657,8 +46817,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -44830,8 +47005,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -45628,8 +47818,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -45784,8 +47989,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -45940,8 +48160,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -46096,8 +48331,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -46254,8 +48504,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -46410,8 +48675,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -46566,8 +48846,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -46722,8 +49017,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -46946,8 +49256,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -47131,8 +49456,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -47289,8 +49629,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -47445,8 +49800,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -47601,8 +49971,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -47757,8 +50142,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -47913,8 +50313,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -48069,8 +50484,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -48225,8 +50655,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -48381,8 +50826,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -48537,8 +50997,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -48693,8 +51168,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -48849,8 +51339,23 @@ export var App = (props) => { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -49144,8 +51649,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -49318,8 +51838,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -49716,8 +52251,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -50079,8 +52629,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -50301,8 +52866,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -50523,8 +53103,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -50745,8 +53340,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -51040,8 +53650,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -51214,8 +53839,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -51611,8 +54251,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -51973,230 +54628,23 @@ Object { "y": 0, }, "padding": Object {}, - "parentFlexDirection": null, - "parentFlexGap": 0, - "parentHugsOnMainAxis": false, - "parentJustifyContent": null, - "parentLayoutSystem": "flow", - "parentPadding": Object {}, - "parentTextDirection": "ltr", - "position": null, - "providesBoundsForAbsoluteChildren": false, - "renderedChildrenCount": 0, - "rowGap": null, - "textBounds": null, - "textDecorationLine": null, - "usesParentBounds": false, - }, - "textContent": null, - }, - "utopia-storyboard-uid/scene-aaa/app-entity:aaa/fc8/bbb~~~1": Object { - "assignedToProp": null, - "attributeMetadata": Object {}, - "componentInstance": true, - "computedStyle": Object {}, - "conditionValue": "not-a-conditional", - "earlyReturn": null, - "element": Object { - "type": "RIGHT", - "value": Object { - "children": Array [], - "name": Object { - "baseVariable": "MyCard", - "propertyPath": Object { - "propertyElements": Array [], - }, - }, - "props": Array [ - Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "key": "data-uid", - "type": "JSX_ATTRIBUTES_ENTRY", - "value": Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "type": "ATTRIBUTE_VALUE", - "uid": "", - "value": "bbb~~~1", - }, - }, - Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "key": "title", - "type": "JSX_ATTRIBUTES_ENTRY", - "value": Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "definedElsewhere": Array [ - "div", - ], - "elementsWithin": Object {}, - "javascriptWithUIDs": "'n' + div;", - "originalJavascript": "'n' + div", - "params": Array [], - "sourceMap": Object { - "file": "code.tsx", - "mappings": "OAQ+CA,MAADC,GAACD", - "names": Array [ - "n", - "'", - ], - "sources": Array [ - "code.tsx", - ], - "sourcesContent": Array [ - " - import * as React from \\"react\\" - import { View, Storyboard, Scene } from 'utopia-api' - - const MyCard = (props) =>
{props.title}
- export var App = props => { - return - {[1,2,3].map(div => ( - - ))} - - } - export var storyboard = (props) => { - return ( - - - - - - ) - } - ", - ], - "version": 3, - }, - "transpiledJavascript": "return 'n' + div;", - "type": "ATTRIBUTE_OTHER_JAVASCRIPT", - "uid": "", - }, - }, - ], - "type": "JSX_ELEMENT", - "uid": "", - }, - }, - "elementPath": Object { - "parts": Array [ - Array [ - "utopia-storyboard-uid", - "scene-aaa", - "app-entity", - ], - Array [ - "aaa", - "fc8", - "bbb~~~1", - ], - ], - "type": "elementpath", - }, - "globalFrame": null, - "importInfo": Object { - "filePath": "test.js", - "type": "SAME_FILE_ORIGIN", - "variableName": "MyCard", - }, - "isEmotionOrStyledComponent": false, - "label": null, - "nonRoundedGlobalFrame": null, - "specialSizeMeasurements": Object { - "alignContent": null, - "alignItems": null, - "alignSelf": null, - "borderRadius": null, - "clientHeight": 0, - "clientWidth": 0, - "closestOffsetParentPath": Object { - "parts": Array [], - "type": "elementpath", - }, - "columnGap": null, - "computedHugProperty": Object { - "height": null, - "width": null, - }, - "containerGridProperties": Object { + "parentContainerGridProperties": Object { "gridAutoColumns": null, "gridAutoFlow": null, "gridAutoRows": null, "gridTemplateColumns": null, "gridTemplateRows": null, }, - "containerGridPropertiesFromProps": Object { + "parentContainerGridPropertiesFromProps": Object { "gridAutoColumns": null, "gridAutoFlow": null, "gridAutoRows": null, "gridTemplateColumns": null, "gridTemplateRows": null, }, - "coordinateSystemBounds": null, - "display": "initial", - "elementGridProperties": Object { - "gridColumnEnd": null, - "gridColumnStart": null, - "gridRowEnd": null, - "gridRowStart": null, - }, - "elementGridPropertiesFromProps": Object { - "gridColumnEnd": null, - "gridColumnStart": null, - "gridRowEnd": null, - "gridRowStart": null, - }, - "flexDirection": null, - "float": "none", - "fontSize": null, - "fontStyle": null, - "fontWeight": null, - "gap": null, - "globalContentBoxForChildren": null, - "globalFrameWithTextContent": null, - "gridCellGlobalFrames": null, - "hasPositionOffset": false, - "hasTransform": false, - "htmlElementName": "div", - "immediateParentBounds": Object { - "height": 0, - "width": 0, - "x": 0, - "y": 0, - }, - "immediateParentProvidesLayout": true, - "justifyContent": null, - "justifySelf": null, - "layoutSystemForChildren": null, - "layoutSystemForChildrenInherited": false, - "margin": Object {}, - "naturalHeight": null, - "naturalWidth": null, - "offset": Object { - "x": 0, - "y": 0, - }, - "padding": Object {}, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -52212,7 +54660,244 @@ Object { }, "textContent": null, }, - "utopia-storyboard-uid/scene-aaa/app-entity:aaa/fc8/bbb~~~2": Object { + "utopia-storyboard-uid/scene-aaa/app-entity:aaa/fc8/bbb~~~1": Object { + "assignedToProp": null, + "attributeMetadata": Object {}, + "componentInstance": true, + "computedStyle": Object {}, + "conditionValue": "not-a-conditional", + "earlyReturn": null, + "element": Object { + "type": "RIGHT", + "value": Object { + "children": Array [], + "name": Object { + "baseVariable": "MyCard", + "propertyPath": Object { + "propertyElements": Array [], + }, + }, + "props": Array [ + Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "key": "data-uid", + "type": "JSX_ATTRIBUTES_ENTRY", + "value": Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "type": "ATTRIBUTE_VALUE", + "uid": "", + "value": "bbb~~~1", + }, + }, + Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "key": "title", + "type": "JSX_ATTRIBUTES_ENTRY", + "value": Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "definedElsewhere": Array [ + "div", + ], + "elementsWithin": Object {}, + "javascriptWithUIDs": "'n' + div;", + "originalJavascript": "'n' + div", + "params": Array [], + "sourceMap": Object { + "file": "code.tsx", + "mappings": "OAQ+CA,MAADC,GAACD", + "names": Array [ + "n", + "'", + ], + "sources": Array [ + "code.tsx", + ], + "sourcesContent": Array [ + " + import * as React from \\"react\\" + import { View, Storyboard, Scene } from 'utopia-api' + + const MyCard = (props) =>
{props.title}
+ export var App = props => { + return + {[1,2,3].map(div => ( + + ))} + + } + export var storyboard = (props) => { + return ( + + + + + + ) + } + ", + ], + "version": 3, + }, + "transpiledJavascript": "return 'n' + div;", + "type": "ATTRIBUTE_OTHER_JAVASCRIPT", + "uid": "", + }, + }, + ], + "type": "JSX_ELEMENT", + "uid": "", + }, + }, + "elementPath": Object { + "parts": Array [ + Array [ + "utopia-storyboard-uid", + "scene-aaa", + "app-entity", + ], + Array [ + "aaa", + "fc8", + "bbb~~~1", + ], + ], + "type": "elementpath", + }, + "globalFrame": null, + "importInfo": Object { + "filePath": "test.js", + "type": "SAME_FILE_ORIGIN", + "variableName": "MyCard", + }, + "isEmotionOrStyledComponent": false, + "label": null, + "nonRoundedGlobalFrame": null, + "specialSizeMeasurements": Object { + "alignContent": null, + "alignItems": null, + "alignSelf": null, + "borderRadius": null, + "clientHeight": 0, + "clientWidth": 0, + "closestOffsetParentPath": Object { + "parts": Array [], + "type": "elementpath", + }, + "columnGap": null, + "computedHugProperty": Object { + "height": null, + "width": null, + }, + "containerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "containerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "coordinateSystemBounds": null, + "display": "initial", + "elementGridProperties": Object { + "gridColumnEnd": null, + "gridColumnStart": null, + "gridRowEnd": null, + "gridRowStart": null, + }, + "elementGridPropertiesFromProps": Object { + "gridColumnEnd": null, + "gridColumnStart": null, + "gridRowEnd": null, + "gridRowStart": null, + }, + "flexDirection": null, + "float": "none", + "fontSize": null, + "fontStyle": null, + "fontWeight": null, + "gap": null, + "globalContentBoxForChildren": null, + "globalFrameWithTextContent": null, + "gridCellGlobalFrames": null, + "hasPositionOffset": false, + "hasTransform": false, + "htmlElementName": "div", + "immediateParentBounds": Object { + "height": 0, + "width": 0, + "x": 0, + "y": 0, + }, + "immediateParentProvidesLayout": true, + "justifyContent": null, + "justifySelf": null, + "layoutSystemForChildren": null, + "layoutSystemForChildrenInherited": false, + "margin": Object {}, + "naturalHeight": null, + "naturalWidth": null, + "offset": Object { + "x": 0, + "y": 0, + }, + "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentFlexDirection": null, + "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, + "parentHugsOnMainAxis": false, + "parentJustifyContent": null, + "parentLayoutSystem": "flow", + "parentPadding": Object {}, + "parentTextDirection": "ltr", + "position": null, + "providesBoundsForAbsoluteChildren": false, + "renderedChildrenCount": 0, + "rowGap": null, + "textBounds": null, + "textDecorationLine": null, + "usesParentBounds": false, + }, + "textContent": null, + }, + "utopia-storyboard-uid/scene-aaa/app-entity:aaa/fc8/bbb~~~2": Object { "assignedToProp": null, "attributeMetadata": Object {}, "componentInstance": true, @@ -52417,8 +55102,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -52639,8 +55339,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -52934,8 +55649,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -53108,8 +55838,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -53549,8 +56294,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -53955,8 +56715,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -54177,230 +56952,23 @@ Object { "y": 0, }, "padding": Object {}, - "parentFlexDirection": null, - "parentFlexGap": 0, - "parentHugsOnMainAxis": false, - "parentJustifyContent": null, - "parentLayoutSystem": "flow", - "parentPadding": Object {}, - "parentTextDirection": "ltr", - "position": null, - "providesBoundsForAbsoluteChildren": false, - "renderedChildrenCount": 0, - "rowGap": null, - "textBounds": null, - "textDecorationLine": null, - "usesParentBounds": false, - }, - "textContent": null, - }, - "utopia-storyboard-uid/scene-aaa/app-entity:aaa/032/bbb~~~2": Object { - "assignedToProp": null, - "attributeMetadata": Object {}, - "componentInstance": true, - "computedStyle": Object {}, - "conditionValue": "not-a-conditional", - "earlyReturn": null, - "element": Object { - "type": "RIGHT", - "value": Object { - "children": Array [], - "name": Object { - "baseVariable": "MyCard", - "propertyPath": Object { - "propertyElements": Array [], - }, - }, - "props": Array [ - Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "key": "data-uid", - "type": "JSX_ATTRIBUTES_ENTRY", - "value": Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "type": "ATTRIBUTE_VALUE", - "uid": "", - "value": "bbb~~~2", - }, - }, - Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "key": "title", - "type": "JSX_ATTRIBUTES_ENTRY", - "value": Object { - "comments": Object { - "leadingComments": Array [], - "trailingComments": Array [], - }, - "definedElsewhere": Array [ - "n", - ], - "elementsWithin": Object {}, - "javascriptWithUIDs": "'n' + n;", - "originalJavascript": "'n' + n", - "params": Array [], - "sourceMap": Object { - "file": "code.tsx", - "mappings": "OAS+CA,MAADC,CAACD", - "names": Array [ - "n", - "'", - ], - "sources": Array [ - "code.tsx", - ], - "sourcesContent": Array [ - " - import * as React from \\"react\\" - import { View, Storyboard, Scene } from 'utopia-api' - - const MyCard = (props) =>
{props.title}
- export var App = props => { - const nestedThings = [ {a: { b: { c: [ 1 ] } } }, {a: { b: { c: [ 2 ] } } }, {a: { b: { c: [ 3 ] } } } ] - return - {nestedThings.map(({ a: { b: { c: [ n ] } } }) => ( - - ))} - - } - export var storyboard = (props) => { - return ( - - - - - - ) - }", - ], - "version": 3, - }, - "transpiledJavascript": "return 'n' + n;", - "type": "ATTRIBUTE_OTHER_JAVASCRIPT", - "uid": "", - }, - }, - ], - "type": "JSX_ELEMENT", - "uid": "", - }, - }, - "elementPath": Object { - "parts": Array [ - Array [ - "utopia-storyboard-uid", - "scene-aaa", - "app-entity", - ], - Array [ - "aaa", - "032", - "bbb~~~2", - ], - ], - "type": "elementpath", - }, - "globalFrame": null, - "importInfo": Object { - "filePath": "test.js", - "type": "SAME_FILE_ORIGIN", - "variableName": "MyCard", - }, - "isEmotionOrStyledComponent": false, - "label": null, - "nonRoundedGlobalFrame": null, - "specialSizeMeasurements": Object { - "alignContent": null, - "alignItems": null, - "alignSelf": null, - "borderRadius": null, - "clientHeight": 0, - "clientWidth": 0, - "closestOffsetParentPath": Object { - "parts": Array [], - "type": "elementpath", - }, - "columnGap": null, - "computedHugProperty": Object { - "height": null, - "width": null, - }, - "containerGridProperties": Object { + "parentContainerGridProperties": Object { "gridAutoColumns": null, "gridAutoFlow": null, "gridAutoRows": null, "gridTemplateColumns": null, "gridTemplateRows": null, }, - "containerGridPropertiesFromProps": Object { + "parentContainerGridPropertiesFromProps": Object { "gridAutoColumns": null, "gridAutoFlow": null, "gridAutoRows": null, "gridTemplateColumns": null, "gridTemplateRows": null, }, - "coordinateSystemBounds": null, - "display": "initial", - "elementGridProperties": Object { - "gridColumnEnd": null, - "gridColumnStart": null, - "gridRowEnd": null, - "gridRowStart": null, - }, - "elementGridPropertiesFromProps": Object { - "gridColumnEnd": null, - "gridColumnStart": null, - "gridRowEnd": null, - "gridRowStart": null, - }, - "flexDirection": null, - "float": "none", - "fontSize": null, - "fontStyle": null, - "fontWeight": null, - "gap": null, - "globalContentBoxForChildren": null, - "globalFrameWithTextContent": null, - "gridCellGlobalFrames": null, - "hasPositionOffset": false, - "hasTransform": false, - "htmlElementName": "div", - "immediateParentBounds": Object { - "height": 0, - "width": 0, - "x": 0, - "y": 0, - }, - "immediateParentProvidesLayout": true, - "justifyContent": null, - "justifySelf": null, - "layoutSystemForChildren": null, - "layoutSystemForChildrenInherited": false, - "margin": Object {}, - "naturalHeight": null, - "naturalWidth": null, - "offset": Object { - "x": 0, - "y": 0, - }, - "padding": Object {}, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -54416,7 +56984,244 @@ Object { }, "textContent": null, }, - "utopia-storyboard-uid/scene-aaa/app-entity:aaa/032/bbb~~~3": Object { + "utopia-storyboard-uid/scene-aaa/app-entity:aaa/032/bbb~~~2": Object { + "assignedToProp": null, + "attributeMetadata": Object {}, + "componentInstance": true, + "computedStyle": Object {}, + "conditionValue": "not-a-conditional", + "earlyReturn": null, + "element": Object { + "type": "RIGHT", + "value": Object { + "children": Array [], + "name": Object { + "baseVariable": "MyCard", + "propertyPath": Object { + "propertyElements": Array [], + }, + }, + "props": Array [ + Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "key": "data-uid", + "type": "JSX_ATTRIBUTES_ENTRY", + "value": Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "type": "ATTRIBUTE_VALUE", + "uid": "", + "value": "bbb~~~2", + }, + }, + Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "key": "title", + "type": "JSX_ATTRIBUTES_ENTRY", + "value": Object { + "comments": Object { + "leadingComments": Array [], + "trailingComments": Array [], + }, + "definedElsewhere": Array [ + "n", + ], + "elementsWithin": Object {}, + "javascriptWithUIDs": "'n' + n;", + "originalJavascript": "'n' + n", + "params": Array [], + "sourceMap": Object { + "file": "code.tsx", + "mappings": "OAS+CA,MAADC,CAACD", + "names": Array [ + "n", + "'", + ], + "sources": Array [ + "code.tsx", + ], + "sourcesContent": Array [ + " + import * as React from \\"react\\" + import { View, Storyboard, Scene } from 'utopia-api' + + const MyCard = (props) =>
{props.title}
+ export var App = props => { + const nestedThings = [ {a: { b: { c: [ 1 ] } } }, {a: { b: { c: [ 2 ] } } }, {a: { b: { c: [ 3 ] } } } ] + return + {nestedThings.map(({ a: { b: { c: [ n ] } } }) => ( + + ))} + + } + export var storyboard = (props) => { + return ( + + + + + + ) + }", + ], + "version": 3, + }, + "transpiledJavascript": "return 'n' + n;", + "type": "ATTRIBUTE_OTHER_JAVASCRIPT", + "uid": "", + }, + }, + ], + "type": "JSX_ELEMENT", + "uid": "", + }, + }, + "elementPath": Object { + "parts": Array [ + Array [ + "utopia-storyboard-uid", + "scene-aaa", + "app-entity", + ], + Array [ + "aaa", + "032", + "bbb~~~2", + ], + ], + "type": "elementpath", + }, + "globalFrame": null, + "importInfo": Object { + "filePath": "test.js", + "type": "SAME_FILE_ORIGIN", + "variableName": "MyCard", + }, + "isEmotionOrStyledComponent": false, + "label": null, + "nonRoundedGlobalFrame": null, + "specialSizeMeasurements": Object { + "alignContent": null, + "alignItems": null, + "alignSelf": null, + "borderRadius": null, + "clientHeight": 0, + "clientWidth": 0, + "closestOffsetParentPath": Object { + "parts": Array [], + "type": "elementpath", + }, + "columnGap": null, + "computedHugProperty": Object { + "height": null, + "width": null, + }, + "containerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "containerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "coordinateSystemBounds": null, + "display": "initial", + "elementGridProperties": Object { + "gridColumnEnd": null, + "gridColumnStart": null, + "gridRowEnd": null, + "gridRowStart": null, + }, + "elementGridPropertiesFromProps": Object { + "gridColumnEnd": null, + "gridColumnStart": null, + "gridRowEnd": null, + "gridRowStart": null, + }, + "flexDirection": null, + "float": "none", + "fontSize": null, + "fontStyle": null, + "fontWeight": null, + "gap": null, + "globalContentBoxForChildren": null, + "globalFrameWithTextContent": null, + "gridCellGlobalFrames": null, + "hasPositionOffset": false, + "hasTransform": false, + "htmlElementName": "div", + "immediateParentBounds": Object { + "height": 0, + "width": 0, + "x": 0, + "y": 0, + }, + "immediateParentProvidesLayout": true, + "justifyContent": null, + "justifySelf": null, + "layoutSystemForChildren": null, + "layoutSystemForChildrenInherited": false, + "margin": Object {}, + "naturalHeight": null, + "naturalWidth": null, + "offset": Object { + "x": 0, + "y": 0, + }, + "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentFlexDirection": null, + "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, + "parentHugsOnMainAxis": false, + "parentJustifyContent": null, + "parentLayoutSystem": "flow", + "parentPadding": Object {}, + "parentTextDirection": "ltr", + "position": null, + "providesBoundsForAbsoluteChildren": false, + "renderedChildrenCount": 0, + "rowGap": null, + "textBounds": null, + "textDecorationLine": null, + "usesParentBounds": false, + }, + "textContent": null, + }, + "utopia-storyboard-uid/scene-aaa/app-entity:aaa/032/bbb~~~3": Object { "assignedToProp": null, "attributeMetadata": Object {}, "componentInstance": true, @@ -54621,8 +57426,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -54922,8 +57742,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -55111,8 +57946,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -55379,8 +58229,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -55560,8 +58425,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -55839,8 +58719,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -55990,8 +58885,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -56189,8 +59099,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -56350,8 +59275,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -56511,8 +59451,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -56777,8 +59732,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -56928,8 +59898,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -57185,8 +60170,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -57384,8 +60384,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -57546,8 +60561,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -57800,8 +60830,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -57951,8 +60996,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -58218,8 +61278,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -58394,8 +61469,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -58648,8 +61738,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -58799,8 +61904,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -58953,8 +62073,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -59215,8 +62350,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -59366,8 +62516,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -59598,8 +62763,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -59779,8 +62959,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -60035,8 +63230,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -60186,8 +63396,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -60515,8 +63740,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -60710,8 +63950,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -60905,8 +64160,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -61160,8 +64430,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -61311,8 +64596,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -61482,8 +64782,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -61782,8 +65097,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -61956,8 +65286,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -62467,8 +65812,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -62628,8 +65988,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -62903,8 +66278,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -63176,8 +66566,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -63373,8 +66778,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -63568,8 +66988,23 @@ export var storyboard = ( "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -63850,8 +67285,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -64024,8 +67474,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -64227,8 +67692,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -64399,8 +67879,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -64679,8 +68174,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -64853,8 +68363,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -65007,8 +68532,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -65317,8 +68857,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -65491,8 +69046,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -65914,8 +69484,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -66302,8 +69887,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -66538,8 +70138,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -66744,8 +70359,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -66916,8 +70546,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -67152,8 +70797,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -67358,8 +71018,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -67530,8 +71205,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -67766,8 +71456,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -67972,8 +71677,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -68144,8 +71864,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -68423,8 +72158,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -68597,8 +72347,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -68751,8 +72516,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -69040,8 +72820,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -69214,8 +73009,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -69436,8 +73246,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -69628,8 +73453,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", @@ -69790,8 +73630,23 @@ Object { "y": 0, }, "padding": Object {}, + "parentContainerGridProperties": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, + "parentContainerGridPropertiesFromProps": Object { + "gridAutoColumns": null, + "gridAutoFlow": null, + "gridAutoRows": null, + "gridTemplateColumns": null, + "gridTemplateRows": null, + }, "parentFlexDirection": null, "parentFlexGap": 0, + "parentGridCellGlobalFrames": null, "parentHugsOnMainAxis": false, "parentJustifyContent": null, "parentLayoutSystem": "flow", diff --git a/editor/src/components/canvas/canvas-strategies/strategies/grid-cell-bounds.ts b/editor/src/components/canvas/canvas-strategies/strategies/grid-cell-bounds.ts index ea07d028e61d..a4378542506f 100644 --- a/editor/src/components/canvas/canvas-strategies/strategies/grid-cell-bounds.ts +++ b/editor/src/components/canvas/canvas-strategies/strategies/grid-cell-bounds.ts @@ -95,14 +95,14 @@ export function getClosestGridCellToPoint( export function getGridChildCellCoordBoundsFromCanvas( child: ElementInstanceMetadata, - grid: ElementInstanceMetadata, + gridCellGlobalFrames: GridCellGlobalFrames, ) { const cellFrame = child.globalFrame - if (cellFrame == null || isInfinityRectangle(cellFrame)) { + if (cellFrame == null || isInfinityRectangle(cellFrame) || gridCellGlobalFrames == null) { return null } - const cellOrigin = getClosestGridCellToPointFromMetadata(grid, cellFrame) + const cellOrigin = getClosestGridCellToPoint(gridCellGlobalFrames, cellFrame) if (cellOrigin == null) { return null } @@ -114,7 +114,7 @@ export function getGridChildCellCoordBoundsFromCanvas( y: cellFrame.height, }), ) - const cellEnd = getClosestGridCellToPointFromMetadata(grid, cellEndPoint) + const cellEnd = getClosestGridCellToPoint(gridCellGlobalFrames, cellEndPoint) if (cellEnd == null) { return null } diff --git a/editor/src/components/canvas/canvas-strategies/strategies/grid-helpers.ts b/editor/src/components/canvas/canvas-strategies/strategies/grid-helpers.ts index 079a12531a0c..77a6260c8856 100644 --- a/editor/src/components/canvas/canvas-strategies/strategies/grid-helpers.ts +++ b/editor/src/components/canvas/canvas-strategies/strategies/grid-helpers.ts @@ -34,7 +34,6 @@ import { deleteProperties } from '../../commands/delete-properties-command' import { reorderElement } from '../../commands/reorder-element-command' import { setCssLengthProperty } from '../../commands/set-css-length-command' import { setProperty } from '../../commands/set-property-command' -import type { CustomStrategyState } from '../canvas-strategy-types' import type { DragInteractionData } from '../interaction-state' import type { GridCellCoordinates } from './grid-cell-bounds' import { @@ -51,21 +50,21 @@ export function runGridRearrangeMove( selectedElement: ElementPath, jsxMetadata: ElementInstanceMetadataMap, interactionData: DragInteractionData, - grid: ElementInstanceMetadata, + gridCellGlobalFrames: GridCellGlobalFrames, + gridTemplate: GridContainerProperties, newPathAfterReparent?: ElementPath, ): CanvasCommand[] { if (interactionData.drag == null) { return [] } - const isReparent = newPathAfterReparent != null - - const { gridCellGlobalFrames, containerGridProperties: gridTemplate } = - grid.specialSizeMeasurements - if (gridCellGlobalFrames == null) { + const originalElement = MetadataUtils.findElementByElementPath(jsxMetadata, selectedElement) + if (originalElement == null) { return [] } + const isReparent = newPathAfterReparent != null + const mousePos = offsetPoint(interactionData.dragStart, interactionData.drag) const targetCellData = getClosestGridCellToPoint(gridCellGlobalFrames, mousePos) const targetCellCoords = targetCellData?.gridCellCoordinates @@ -75,23 +74,15 @@ export function runGridRearrangeMove( const originalElementGridConfiguration = isReparent ? { - originalElementMetadata: null, originalCellBounds: { width: 1, height: 1 }, //when reparenting, we just put it in a single cell mouseCellPosInOriginalElement: { row: 0, column: 0 }, } - : getOriginalElementGridConfiguration( - gridCellGlobalFrames, - interactionData, - jsxMetadata, - selectedElement, - grid, - ) + : getOriginalElementGridConfiguration(gridCellGlobalFrames, interactionData, originalElement) if (originalElementGridConfiguration == null) { return [] } - const { originalElementMetadata, originalCellBounds, mouseCellPosInOriginalElement } = - originalElementGridConfiguration + const { originalCellBounds, mouseCellPosInOriginalElement } = originalElementGridConfiguration // get the new adjusted row const row = Math.max(targetCellCoords.row - mouseCellPosInOriginalElement.row, 1) @@ -99,6 +90,7 @@ export function runGridRearrangeMove( const column = Math.max(targetCellCoords.column - mouseCellPosInOriginalElement.column, 1) const pathForCommands = newPathAfterReparent ?? targetElement // when reparenting, we want to use the new path for commands + const gridPath = EP.parentPath(pathForCommands) const gridCellMoveCommands = setGridPropsCommands(pathForCommands, gridTemplate, { gridColumnStart: gridPositionValue(column), @@ -120,7 +112,7 @@ export function runGridRearrangeMove( }) // The siblings of the grid element being moved - const siblings = MetadataUtils.getChildrenUnordered(jsxMetadata, grid.elementPath) + const siblings = MetadataUtils.getChildrenUnordered(jsxMetadata, gridPath) .filter((s) => !EP.pathsEqual(s.elementPath, selectedElement)) .map( (s, index): SortableGridElementProperties => ({ @@ -152,14 +144,15 @@ export function runGridRearrangeMove( const moveType = getGridMoveType({ elementPath: targetElement, - originalElementMetadata: originalElementMetadata, + originalElementMetadata: originalElement, possiblyReorderIndex: possiblyReorderIndex, cellsSortedByPosition: cellsSortedByPosition, + isReparent: isReparent, }) const updateGridControlsCommand = showGridControls( 'mid-interaction', - grid.elementPath, + gridPath, targetCellData?.gridCellCoordinates ?? null, gridCellCoordinates(row, column), ) @@ -171,14 +164,14 @@ export function runGridRearrangeMove( } const absoluteMoveCommands = gridChildAbsoluteMoveCommands( MetadataUtils.findElementByElementPath(jsxMetadata, targetElement), - MetadataUtils.getFrameOrZeroRectInCanvasCoords(grid.elementPath, jsxMetadata), + MetadataUtils.getFrameOrZeroRectInCanvasCoords(gridPath, jsxMetadata), interactionData, ) return [...absoluteMoveCommands, updateGridControlsCommand] } case 'rearrange': { const targetRootCell = gridCellCoordinates(row, column) - const canvasRect = getGlobalFrameOfGridCell(grid, targetRootCell) + const canvasRect = getGlobalFrameOfGridCell(gridCellGlobalFrames, targetRootCell) const absoluteMoveCommands = canvasRect == null || isReparent ? [] @@ -459,9 +452,11 @@ function getGridMoveType(params: { originalElementMetadata: ElementInstanceMetadata | null possiblyReorderIndex: number cellsSortedByPosition: SortableGridElementProperties[] + isReparent: boolean }): GridMoveType { const specialSizeMeasurements = params.originalElementMetadata?.specialSizeMeasurements if ( + !params.isReparent && specialSizeMeasurements != null && MetadataUtils.isPositionAbsolute(params.originalElementMetadata) ) { @@ -530,7 +525,7 @@ function getGridPositionIndex(props: { export type GridCellGlobalFrames = Array> -export function getGlobalFrameOfGridCell( +export function getGlobalFrameOfGridCellFromMetadata( grid: ElementInstanceMetadata, coords: GridCellCoordinates, ): CanvasRectangle | null { @@ -539,6 +534,13 @@ export function getGlobalFrameOfGridCell( return null } + return getGlobalFrameOfGridCell(gridCellGlobalFrames, coords) +} + +export function getGlobalFrameOfGridCell( + gridCellGlobalFrames: GridCellGlobalFrames, + coords: GridCellCoordinates, +): CanvasRectangle | null { return gridCellGlobalFrames[coords.row - 1]?.[coords.column - 1] ?? null } @@ -719,9 +721,7 @@ export function getGridRelatedIndexes(params: { function getOriginalElementGridConfiguration( gridCellGlobalFrames: GridCellGlobalFrames, interactionData: DragInteractionData, - jsxMetadata: ElementInstanceMetadataMap, - selectedElement: ElementPath, - grid: ElementInstanceMetadata, + originalElement: ElementInstanceMetadata, ) { const draggingFromCellCoords = getClosestGridCellToPoint( gridCellGlobalFrames, @@ -731,23 +731,15 @@ function getOriginalElementGridConfiguration( return null } - const originalElementMetadata = MetadataUtils.findElementByElementPath( - jsxMetadata, - selectedElement, - ) - if (originalElementMetadata == null) { - return null - } - // measured cell coord bounds on the canvas, this is the default when the cell position is not explicitly set const originalElementCellCoordsOnCanvas = getGridChildCellCoordBoundsFromCanvas( - originalElementMetadata, - grid, + originalElement, + gridCellGlobalFrames, ) // get the bounds from the props, or the canvas, or just default to the cell of the starting mouse position const originalCellBounds = getGridChildCellCoordBoundsFromProps( - originalElementMetadata, + originalElement, originalElementCellCoordsOnCanvas ?? draggingFromCellCoords, ) @@ -758,7 +750,6 @@ function getOriginalElementGridConfiguration( ) return { - originalElementMetadata, originalCellBounds, mouseCellPosInOriginalElement, } diff --git a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-keyboard-strategy.ts b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-keyboard-strategy.ts index e6e33673de48..8952cee616b8 100644 --- a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-keyboard-strategy.ts +++ b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-keyboard-strategy.ts @@ -3,11 +3,7 @@ import * as EP from '../../../../core/shared/element-path' import type { GridPositionValue } from '../../../../core/shared/element-template' import { gridPositionValue } from '../../../../core/shared/element-template' import { controlsForGridPlaceholders } from '../../controls/grid-controls-for-strategies' -import type { - CanvasStrategy, - CustomStrategyState, - InteractionCanvasState, -} from '../canvas-strategy-types' +import type { CanvasStrategy, InteractionCanvasState } from '../canvas-strategy-types' import { emptyStrategyApplicationResult, getTargetPathsFromInteractionTarget, @@ -21,7 +17,6 @@ import { accumulatePresses } from './shared-keyboard-strategy-helpers' export function gridRearrangeResizeKeyboardStrategy( canvasState: InteractionCanvasState, interactionSession: InteractionSession | null, - customState: CustomStrategyState, ): CanvasStrategy | null { if ( interactionSession?.activeControl.type !== 'KEYBOARD_CATCHER_CONTROL' || @@ -48,13 +43,13 @@ export function gridRearrangeResizeKeyboardStrategy( const parentGridPath = EP.parentPath(target) - const grid = MetadataUtils.findElementByElementPath(canvasState.startingMetadata, parentGridPath) - if (grid == null) { - return null - } - const gridTemplate = grid.specialSizeMeasurements.containerGridProperties + const gridTemplate = cell.specialSizeMeasurements.parentContainerGridProperties + const gridCellGlobalFrames = cell.specialSizeMeasurements.parentGridCellGlobalFrames - const initialCellBounds = getGridChildCellCoordBoundsFromCanvas(cell, grid) + const initialCellBounds = + gridCellGlobalFrames != null + ? getGridChildCellCoordBoundsFromCanvas(cell, gridCellGlobalFrames) + : null if (initialCellBounds == null) { return null } diff --git a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-duplicate-strategy.ts b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-duplicate-strategy.ts index 255426c99f09..91d3e60875ee 100644 --- a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-duplicate-strategy.ts +++ b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-duplicate-strategy.ts @@ -72,21 +72,28 @@ export const gridRearrangeMoveDuplicateStrategy: CanvasStrategyFactory = ( const targetElement = EP.appendToPath(EP.parentPath(selectedElement), newUid) - const grid = MetadataUtils.findElementByElementPath( + const selectedElementMetadata = MetadataUtils.findElementByElementPath( canvasState.startingMetadata, - EP.parentPath(selectedElement), + selectedElement, ) - if (grid == null) { + if (selectedElementMetadata == null) { return emptyStrategyApplicationResult } - const moveCommands = runGridRearrangeMove( - targetElement, - selectedElement, - canvasState.startingMetadata, - interactionSession.interactionData, - grid, - ) + const { parentGridCellGlobalFrames, parentContainerGridProperties } = + selectedElementMetadata.specialSizeMeasurements + + const moveCommands = + parentGridCellGlobalFrames != null + ? runGridRearrangeMove( + targetElement, + selectedElement, + canvasState.startingMetadata, + interactionSession.interactionData, + parentGridCellGlobalFrames, + parentContainerGridProperties, + ) + : [] if (moveCommands.length === 0) { return emptyStrategyApplicationResult } diff --git a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.spec.browser2.tsx b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.spec.browser2.tsx index 31d979dd8cc7..e293d4cd572d 100644 --- a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.spec.browser2.tsx +++ b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.spec.browser2.tsx @@ -36,6 +36,26 @@ describe('grid rearrange move strategy', () => { }) }) + it('can rearrange elements in a grid component', async () => { + const editor = await renderTestEditorWithCode( + ProjectCodeGridComponent, + 'await-first-dom-report', + ) + + const testId = 'aaa' + const { gridRowStart, gridRowEnd, gridColumnStart, gridColumnEnd } = await runMoveTest(editor, { + scale: 1, + pathString: `sb/scene/grid/${testId}`, + testId: testId, + }) + expect({ gridRowStart, gridRowEnd, gridColumnStart, gridColumnEnd }).toEqual({ + gridColumnEnd: '7', + gridColumnStart: '3', + gridRowEnd: '4', + gridRowStart: '2', + }) + }) + it('can not rearrange multicell element out of the grid', async () => { const editor = await renderTestEditorWithCode(ProjectCode, 'await-first-dom-report') @@ -908,6 +928,105 @@ export var storyboard = ( ) ` +const ProjectCodeGridComponent = `import * as React from 'react' +import { Scene, Storyboard, Placeholder } from 'utopia-api' + +export var storyboard = ( + + + +
+
+ + + + + +) + +export function Grid(props) { + return ( +
+ {props.children} +
+ ) +} +` + const ProjectCodeReorder = `import * as React from 'react' import { Scene, Storyboard } from 'utopia-api' diff --git a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.ts b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.ts index d798a5d4ee05..430007657cc5 100644 --- a/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.ts +++ b/editor/src/components/canvas/canvas-strategies/strategies/grid-rearrange-move-strategy.ts @@ -145,21 +145,28 @@ function getCommandsAndPatchForGridRearrange( return { commands: [], elementsToRerender: [] } } - const grid = MetadataUtils.findElementByElementPath( + const selectedElementMetadata = MetadataUtils.findElementByElementPath( canvasState.startingMetadata, - EP.parentPath(selectedElement), + selectedElement, ) - if (grid == null) { + if (selectedElementMetadata == null) { return { commands: [], elementsToRerender: [] } } - const commands = runGridRearrangeMove( - selectedElement, - selectedElement, - canvasState.startingMetadata, - interactionData, - grid, - ) + const { parentGridCellGlobalFrames, parentContainerGridProperties } = + selectedElementMetadata.specialSizeMeasurements + + const commands = + parentGridCellGlobalFrames != null + ? runGridRearrangeMove( + selectedElement, + selectedElement, + canvasState.startingMetadata, + interactionData, + parentGridCellGlobalFrames, + parentContainerGridProperties, + ) + : [] return { commands: commands, diff --git a/editor/src/components/canvas/canvas-strategies/strategies/grid-reparent-strategy.tsx b/editor/src/components/canvas/canvas-strategies/strategies/grid-reparent-strategy.tsx index 50aed2f5ed0d..2f8ee083020b 100644 --- a/editor/src/components/canvas/canvas-strategies/strategies/grid-reparent-strategy.tsx +++ b/editor/src/components/canvas/canvas-strategies/strategies/grid-reparent-strategy.tsx @@ -163,15 +163,6 @@ export function applyGridReparent( return emptyStrategyApplicationResult } - const grid = MetadataUtils.findElementByElementPath( - canvasState.startingMetadata, - newParent.intendedParentPath, - ) - - if (grid == null) { - return strategyApplicationResult([], [newParent.intendedParentPath]) - } - const allowedToReparent = selectedElements.every((selectedElement) => { return isAllowedToReparent( canvasState.projectContents, @@ -197,7 +188,6 @@ export function applyGridReparent( selectedElement, newParent, interactionData, - grid, ), selectedElements, ) @@ -254,7 +244,6 @@ function gridReparentCommands( target: ElementPath, newParent: InsertionPath, interactionData: DragInteractionData, - grid: ElementInstanceMetadata, ) { const reparentResult = getReparentOutcome( jsxMetadata, @@ -275,14 +264,25 @@ function gridReparentCommands( const { commands: reparentCommands, newPath } = reparentResult - const gridPropsCommands = runGridRearrangeMove( - target, - target, + const targetParent = MetadataUtils.findElementByElementPath( jsxMetadata, - interactionData, - grid, - newPath, + newParent.intendedParentPath, ) + const gridCellGlobalFrames = targetParent?.specialSizeMeasurements.gridCellGlobalFrames ?? null + const gridTemplate = targetParent?.specialSizeMeasurements.containerGridProperties ?? null + + const gridPropsCommands = + gridCellGlobalFrames != null && gridTemplate != null + ? runGridRearrangeMove( + target, + target, + jsxMetadata, + interactionData, + gridCellGlobalFrames, + gridTemplate, + newPath, + ) + : [] const removeAbsolutePositioningPropsCommands = removeAbsolutePositioningProps('always', newPath) diff --git a/editor/src/components/canvas/controls/grid-controls.tsx b/editor/src/components/canvas/controls/grid-controls.tsx index 91ae616bf5ae..2cb226ce961e 100644 --- a/editor/src/components/canvas/controls/grid-controls.tsx +++ b/editor/src/components/canvas/controls/grid-controls.tsx @@ -63,7 +63,7 @@ import { import type { GridCellCoordinates } from '../canvas-strategies/strategies/grid-cell-bounds' import { gridCellTargetId } from '../canvas-strategies/strategies/grid-cell-bounds' import { - getGlobalFrameOfGridCell, + getGlobalFrameOfGridCellFromMetadata, getGridRelatedIndexes, } from '../canvas-strategies/strategies/grid-helpers' import { canResizeGridTemplate } from '../canvas-strategies/strategies/resize-grid-strategy' @@ -1153,7 +1153,7 @@ const AbsoluteDistanceIndicators = React.memo( if (gridMetadata == null || props.targetRootCell == null) { return null } - return getGlobalFrameOfGridCell(gridMetadata, props.targetRootCell) + return getGlobalFrameOfGridCellFromMetadata(gridMetadata, props.targetRootCell) }, [props.targetRootCell, gridMetadata]) const distanceTop = @@ -1460,7 +1460,7 @@ function useCellAnimation(params: { return null } - return getGlobalFrameOfGridCell(gridMetadata, targetRootCell) + return getGlobalFrameOfGridCellFromMetadata(gridMetadata, targetRootCell) }, [gridMetadata, targetRootCell]) React.useEffect(() => { diff --git a/editor/src/components/canvas/dom-walker.ts b/editor/src/components/canvas/dom-walker.ts index 60f3d3c5f1ab..05c167799c1d 100644 --- a/editor/src/components/canvas/dom-walker.ts +++ b/editor/src/components/canvas/dom-walker.ts @@ -64,7 +64,7 @@ import { } from '../../core/model/utopia-constants' import { emptySet } from '../../core/shared/set-utils' import { getDeepestPathOnDomElement, getPathStringsOnDomElement } from '../../core/shared/uid-utils' -import { forceNotNull } from '../../core/shared/optional-utils' +import { forceNotNull, optionalMap } from '../../core/shared/optional-utils' import { fastForEach } from '../../core/shared/utils' import type { EditorState, EditorStorePatched } from '../editor/store/editor-state' import { shallowEqual } from '../../core/shared/equality-utils' @@ -921,10 +921,25 @@ function getSpecialMeasurements( ? padding.value : sides(undefined, undefined, undefined, undefined) + const pathStr = element.getAttribute(UTOPIA_PATH_KEY) + const path = optionalMap(EP.fromString, pathStr) + const gridCellGlobalFrames = - layoutSystemForChildren === 'grid' + path != null && layoutSystemForChildren === 'grid' ? measureGlobalFramesOfGridCellsFromControl( - element, + path, + scale, + containerRectLazy, + elementCanvasRectangleCache, + ) + : null + + const parentGridCellGlobalFrames = + element.parentElement != null && + elementLayoutSystem(parentElementStyle) === 'grid' && + path != null + ? measureGlobalFramesOfGridCellsFromControl( + EP.parentPath(path), scale, containerRectLazy, elementCanvasRectangleCache, @@ -932,6 +947,7 @@ function getSpecialMeasurements( : null const containerGridPropertiesFromProps = getGridContainerProperties(element.style) + const parentContainerGridPropertiesFromProps = getGridContainerProperties(parentElementStyle) const containerGridProperties = getGridContainerProperties(elementStyle, { dynamicCols: isDynamicGridTemplate(containerGridPropertiesFromProps.gridTemplateColumns), dynamicRows: isDynamicGridTemplate(containerGridPropertiesFromProps.gridTemplateRows), @@ -993,12 +1009,15 @@ function getSpecialMeasurements( textBounds, computedHugProperty, containerGridProperties, + parentContainerGridProperties, containerElementProperties, containerGridPropertiesFromProps, + parentContainerGridPropertiesFromProps, containerElementPropertiesFromProps, rowGap, columnGap, gridCellGlobalFrames, + parentGridCellGlobalFrames, justifySelf, alignSelf, ) @@ -1063,46 +1082,42 @@ function getClosestOffsetParent(element: HTMLElement): Element | null { } function measureGlobalFramesOfGridCellsFromControl( - grid: HTMLElement, + gridPath: ElementPath, scale: number, containerRectLazy: CanvasPoint | (() => CanvasPoint), elementCanvasRectangleCache: ElementCanvasRectangleCache, ): GridCellGlobalFrames | null { - const path = grid.getAttribute(UTOPIA_PATH_KEY) - let gridCellGlobalFrames: Array> | null = null - if (path != null) { - const gridControlElement = document.getElementById( - GridMeasurementHelperKey(EP.fromString(path)), - ) - if (gridControlElement != null) { - gridCellGlobalFrames = [] - for (const cell of gridControlElement.children) { - if (!(cell instanceof HTMLElement)) { - continue - } - const rowIndexAttr = cell.getAttribute('data-grid-row') - const columnIndexAttr = cell.getAttribute('data-grid-column') - if (rowIndexAttr == null || columnIndexAttr == null) { - continue - } - const rowIndex = parseInt(rowIndexAttr) - const columnIndex = parseInt(columnIndexAttr) - if (!isFinite(rowIndex) || !isFinite(columnIndex)) { - continue - } - const row = gridCellGlobalFrames[rowIndex - 1] - if (row == null) { - gridCellGlobalFrames[rowIndex - 1] = [] - } - gridCellGlobalFrames[rowIndex - 1][columnIndex - 1] = globalFrameForElement( - cell, - scale, - containerRectLazy, - 'without-text-content', - 'nearest-half', - elementCanvasRectangleCache, - ) + const path = EP.toString(gridPath) + let gridCellGlobalFrames: GridCellGlobalFrames | null = null + const gridControlElement = document.getElementById(GridMeasurementHelperKey(EP.fromString(path))) + if (gridControlElement != null) { + gridCellGlobalFrames = [] + for (const cell of gridControlElement.children) { + if (!(cell instanceof HTMLElement)) { + continue + } + const rowIndexAttr = cell.getAttribute('data-grid-row') + const columnIndexAttr = cell.getAttribute('data-grid-column') + if (rowIndexAttr == null || columnIndexAttr == null) { + continue } + const rowIndex = parseInt(rowIndexAttr) + const columnIndex = parseInt(columnIndexAttr) + if (!isFinite(rowIndex) || !isFinite(columnIndex)) { + continue + } + const row = gridCellGlobalFrames[rowIndex - 1] + if (row == null) { + gridCellGlobalFrames[rowIndex - 1] = [] + } + gridCellGlobalFrames[rowIndex - 1][columnIndex - 1] = globalFrameForElement( + cell, + scale, + containerRectLazy, + 'without-text-content', + 'nearest-half', + elementCanvasRectangleCache, + ) } } return gridCellGlobalFrames diff --git a/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts b/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts index 3efbf85ed95b..d4b0f00ce07c 100644 --- a/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts +++ b/editor/src/components/editor/store/store-deep-equality-instances-3.spec.ts @@ -302,6 +302,13 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridProperties: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridProperties: { gridColumnStart: null, gridColumnEnd: null, @@ -315,6 +322,13 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridPropertiesFromProps: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridPropertiesFromProps: { gridColumnStart: null, gridColumnEnd: null, @@ -324,6 +338,7 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { rowGap: null, columnGap: null, gridCellGlobalFrames: null, + parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, } @@ -425,6 +440,13 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridProperties: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridProperties: { gridColumnStart: null, gridColumnEnd: null, @@ -438,6 +460,13 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridPropertiesFromProps: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridPropertiesFromProps: { gridColumnStart: null, gridColumnEnd: null, @@ -447,6 +476,7 @@ describe('SpecialSizeMeasurementsKeepDeepEquality', () => { rowGap: null, columnGap: null, gridCellGlobalFrames: null, + parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, } @@ -603,6 +633,13 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridProperties: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridProperties: { gridColumnStart: null, gridColumnEnd: null, @@ -616,6 +653,13 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridPropertiesFromProps: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridPropertiesFromProps: { gridColumnStart: null, gridColumnEnd: null, @@ -625,6 +669,7 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { rowGap: null, columnGap: null, gridCellGlobalFrames: null, + parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, }, @@ -758,6 +803,13 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridProperties: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridProperties: { gridColumnStart: null, gridColumnEnd: null, @@ -771,6 +823,13 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridPropertiesFromProps: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridPropertiesFromProps: { gridColumnStart: null, gridColumnEnd: null, @@ -780,6 +839,7 @@ describe('ElementInstanceMetadataKeepDeepEquality', () => { rowGap: null, columnGap: null, gridCellGlobalFrames: null, + parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, }, @@ -938,6 +998,13 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridProperties: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridProperties: { gridColumnStart: null, gridColumnEnd: null, @@ -951,6 +1018,13 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridPropertiesFromProps: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridPropertiesFromProps: { gridColumnStart: null, gridColumnEnd: null, @@ -960,6 +1034,7 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { rowGap: null, columnGap: null, gridCellGlobalFrames: null, + parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, }, @@ -1095,6 +1170,13 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridProperties: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridProperties: { gridColumnStart: null, gridColumnEnd: null, @@ -1108,6 +1190,13 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridPropertiesFromProps: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridPropertiesFromProps: { gridColumnStart: null, gridColumnEnd: null, @@ -1117,6 +1206,7 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { rowGap: null, columnGap: null, gridCellGlobalFrames: null, + parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, }, @@ -1252,6 +1342,13 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridProperties: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridProperties: { gridColumnStart: null, gridColumnEnd: null, @@ -1265,6 +1362,13 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { gridAutoRows: null, gridAutoFlow: null, }, + parentContainerGridPropertiesFromProps: { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, elementGridPropertiesFromProps: { gridColumnStart: null, gridColumnEnd: null, @@ -1274,6 +1378,7 @@ describe('ElementInstanceMetadataMapKeepDeepEquality', () => { rowGap: null, columnGap: null, gridCellGlobalFrames: null, + parentGridCellGlobalFrames: null, justifySelf: null, alignSelf: null, }, diff --git a/editor/src/components/editor/store/store-deep-equality-instances.ts b/editor/src/components/editor/store/store-deep-equality-instances.ts index 872d6b86b085..64722a41ff12 100644 --- a/editor/src/components/editor/store/store-deep-equality-instances.ts +++ b/editor/src/components/editor/store/store-deep-equality-instances.ts @@ -2247,6 +2247,10 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< oldSize.containerGridProperties, newSize.containerGridProperties, ).areEqual + const parentGridContainerPropertiesEqual = GridContainerPropertiesKeepDeepEquality()( + oldSize.parentContainerGridProperties, + newSize.parentContainerGridProperties, + ).areEqual const gridElementPropertiesEqual = GridElementPropertiesKeepDeepEquality()( oldSize.elementGridProperties, newSize.elementGridProperties, @@ -2256,6 +2260,10 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< oldSize.containerGridPropertiesFromProps, newSize.containerGridPropertiesFromProps, ).areEqual + const parentGridContainerPropertiesFromPropsEqual = GridContainerPropertiesKeepDeepEquality()( + oldSize.parentContainerGridPropertiesFromProps, + newSize.parentContainerGridPropertiesFromProps, + ).areEqual const gridElementPropertiesFromPropsEqual = GridElementPropertiesKeepDeepEquality()( oldSize.elementGridPropertiesFromProps, newSize.elementGridPropertiesFromProps, @@ -2270,6 +2278,13 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< const justifySelfEquals = oldSize.justifySelf === newSize.justifySelf const alignSelfEquals = oldSize.alignSelf === newSize.alignSelf + const gridCellGlobalFramesEqual = nullableDeepEquality( + arrayDeepEquality(arrayDeepEquality(CanvasRectangleKeepDeepEquality)), + )(oldSize.gridCellGlobalFrames, newSize.gridCellGlobalFrames).areEqual + const parentGridCellGlobalFramesEqual = nullableDeepEquality( + arrayDeepEquality(arrayDeepEquality(CanvasRectangleKeepDeepEquality)), + )(oldSize.gridCellGlobalFrames, newSize.gridCellGlobalFrames).areEqual + const areEqual = offsetResult.areEqual && coordinateSystemBoundsResult.areEqual && @@ -2314,13 +2329,17 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< textBoundsEqual && computedHugPropertyEqual && gridContainerPropertiesEqual && + parentGridContainerPropertiesEqual && gridElementPropertiesEqual && gridContainerPropertiesFromPropsEqual && + parentGridContainerPropertiesFromPropsEqual && gridElementPropertiesFromPropsEqual && rowGapEquals && columnGapEquals && justifySelfEquals && - alignSelfEquals + alignSelfEquals && + gridCellGlobalFramesEqual && + parentGridCellGlobalFramesEqual if (areEqual) { return keepDeepEqualityResult(oldSize, true) } else { @@ -2369,12 +2388,15 @@ export function SpecialSizeMeasurementsKeepDeepEquality(): KeepDeepEqualityCall< newSize.textBounds, newSize.computedHugProperty, newSize.containerGridProperties, + newSize.parentContainerGridProperties, newSize.elementGridProperties, newSize.containerGridPropertiesFromProps, + newSize.parentContainerGridPropertiesFromProps, newSize.elementGridPropertiesFromProps, newSize.rowGap, newSize.columnGap, newSize.gridCellGlobalFrames, + newSize.parentGridCellGlobalFrames, newSize.justifySelf, newSize.alignSelf, ) diff --git a/editor/src/core/shared/element-template.ts b/editor/src/core/shared/element-template.ts index f7b204760872..24cdf8dea6ce 100644 --- a/editor/src/core/shared/element-template.ts +++ b/editor/src/core/shared/element-template.ts @@ -4,12 +4,7 @@ import type { StaticElementPathPart, ElementPath, } from './project-file-types' -import type { - CanvasRectangle, - LocalPoint, - MaybeInfinityCanvasRectangle, - MaybeInfinityLocalRectangle, -} from './math-utils' +import type { CanvasRectangle, LocalPoint, MaybeInfinityCanvasRectangle } from './math-utils' import { zeroCanvasRect } from './math-utils' import type { Either } from './either' import { flatMapEither, isRight, left, mapEither, right } from './either' @@ -212,6 +207,7 @@ import { emptyAttributeMetadata, simpleFunctionWrap, } from 'utopia-shared/src/types/element-template' +import type { GridCellGlobalFrames } from '../../components/canvas/canvas-strategies/strategies/grid-helpers' export { emptyComments, emptyComputedStyle, emptyAttributeMetadata } export function isParsedCommentsEmpty(comments: ParsedComments): boolean { @@ -2834,12 +2830,15 @@ export interface SpecialSizeMeasurements { textDecorationLine: string | null computedHugProperty: HugPropertyWidthHeight containerGridProperties: GridContainerProperties + parentContainerGridProperties: GridContainerProperties elementGridProperties: GridElementProperties containerGridPropertiesFromProps: GridContainerProperties + parentContainerGridPropertiesFromProps: GridContainerProperties elementGridPropertiesFromProps: GridElementProperties rowGap: number | null columnGap: number | null - gridCellGlobalFrames: Array> | null + gridCellGlobalFrames: GridCellGlobalFrames | null + parentGridCellGlobalFrames: GridCellGlobalFrames | null } export function specialSizeMeasurements( @@ -2887,12 +2886,15 @@ export function specialSizeMeasurements( textBounds: CanvasRectangle | null, computedHugProperty: HugPropertyWidthHeight, containerGridProperties: GridContainerProperties, + parentContainerGridProperties: GridContainerProperties, elementGridProperties: GridElementProperties, containerGridPropertiesFromProps: GridContainerProperties, + parentContainerGridPropertiesFromProps: GridContainerProperties, elementGridPropertiesFromProps: GridElementProperties, rowGap: number | null, columnGap: number | null, - gridCellGlobalFrames: Array> | null, + gridCellGlobalFrames: GridCellGlobalFrames | null, + parentGridCellGlobalFrames: GridCellGlobalFrames | null, justifySelf: SelfAlignment | null, alignSelf: SelfAlignment | null, ): SpecialSizeMeasurements { @@ -2941,12 +2943,15 @@ export function specialSizeMeasurements( textDecorationLine, computedHugProperty, containerGridProperties, + parentContainerGridProperties, elementGridProperties, containerGridPropertiesFromProps, + parentContainerGridPropertiesFromProps, elementGridPropertiesFromProps, rowGap, columnGap, gridCellGlobalFrames, + parentGridCellGlobalFrames, justifySelf, alignSelf, } @@ -3006,6 +3011,13 @@ export const emptySpecialSizeMeasurements = specialSizeMeasurements( gridAutoRows: null, gridAutoFlow: null, }, + { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, { gridColumnStart: null, gridColumnEnd: null, @@ -3019,6 +3031,13 @@ export const emptySpecialSizeMeasurements = specialSizeMeasurements( gridAutoRows: null, gridAutoFlow: null, }, + { + gridTemplateColumns: null, + gridTemplateRows: null, + gridAutoColumns: null, + gridAutoRows: null, + gridAutoFlow: null, + }, { gridColumnStart: null, gridColumnEnd: null, @@ -3030,6 +3049,7 @@ export const emptySpecialSizeMeasurements = specialSizeMeasurements( null, null, null, + null, ) export function walkElement(