From 00ed3e620296e5849b7c44c0dc2f724c30dff722 Mon Sep 17 00:00:00 2001
From: Balint Gabor <127662+gbalint@users.noreply.github.com>
Date: Fri, 25 Oct 2024 21:25:00 +0200
Subject: [PATCH] Make grid rearrange work in grid components (#6589)
**Problem:**
Grid rearrange does not work when the grid is a root element of a
component.
**Fix:**
The problem is that we assume that the parent element of a grid item is
the grid itself. However, when the grid is in a component, the parent
element is the component instance, and not the grid element inside it.
This is a problem because we can not find the grid measurement helper
from the parent element path.
The solution is that all necessary grid related measurement data should
be available in the metadata of the grid items themselves.
- Added new fields to specialSizeMeasurements about the parent grid
- Rewrote grid rearrange strategies and helpers to rely on the
specialSizeMeasurements of the item, and not of the parent.
Still unsolved:
- Grid strategies set the props of the grid controls (e.g. to show which
is the highlighted cell). These still assume that the control is on the
parent, which is true in cases when the grid is root element of a
component. Solving the problem for more problematic cases is out of
scope for this PR.
**Manual Tests:**
I hereby swear that:
- [x] I opened a hydrogen project and it loaded
- [x] I could navigate to various routes in Play mode
---
.../ui-jsx-canvas-bugs.spec.tsx.snap | 30 +
.../__snapshots__/ui-jsx-canvas.spec.tsx.snap | 4991 +++++++++++++++--
.../strategies/grid-cell-bounds.ts | 8 +-
.../strategies/grid-helpers.ts | 67 +-
.../grid-rearrange-keyboard-strategy.ts | 19 +-
.../grid-rearrange-move-duplicate-strategy.ts | 27 +-
...-rearrange-move-strategy.spec.browser2.tsx | 119 +
.../grid-rearrange-move-strategy.ts | 27 +-
.../strategies/grid-reparent-strategy.tsx | 34 +-
.../canvas/controls/grid-controls.tsx | 6 +-
editor/src/components/canvas/dom-walker.ts | 91 +-
.../store-deep-equality-instances-3.spec.ts | 105 +
.../store/store-deep-equality-instances.ts | 24 +-
editor/src/core/shared/element-template.ts | 36 +-
14 files changed, 4875 insertions(+), 709 deletions(-)
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(