@superblocksteam/shared 0.9618.2 → 0.9619.0

package/dist-esm/utils/pageFixtures/v7/grids_and_forms.js

@@ -1,1260 +0,0 @@
-export default Object.freeze({
-    top: {
-        mode: 'gridUnit',
-        value: 0
-    },
-    apis: {
-        apiMap: {}
-    },
-    left: {
-        mode: 'gridUnit',
-        value: 0
-    },
-    type: 'PAGE_WIDGET',
-    width: {
-        mode: 'gridUnit',
-        value: 0
-    },
-    height: {
-        mode: 'gridUnit',
-        value: 99
-    },
-    timers: {
-        timerMap: {}
-    },
-    version: 7,
-    children: [
-        {
-            top: {
-                mode: 'gridUnit',
-                value: 0
-            },
-            left: {
-                mode: 'gridUnit',
-                value: 0
-            },
-            type: 'SECTION_WIDGET',
-            width: {
-                mode: 'gridUnit',
-                value: 96
-            },
-            height: {
-                mode: 'gridUnit',
-                value: 99
-            },
-            children: [
-                {
-                    top: {
-                        mode: 'gridUnit',
-                        value: 0
-                    },
-                    left: {
-                        mode: 'gridUnit',
-                        value: 0
-                    },
-                    type: 'CANVAS_WIDGET',
-                    width: {
-                        mode: 'gridUnit',
-                        value: 0
-                    },
-                    height: {
-                        value: 106,
-                        mode: 'gridUnit'
-                    },
-                    layout: 'FIXED_GRID',
-                    padding: {
-                        top: {
-                            mode: 'px',
-                            value: 12
-                        },
-                        left: {
-                            mode: 'px',
-                            value: 16
-                        },
-                        right: {
-                            mode: 'px',
-                            value: 16
-                        },
-                        bottom: {
-                            mode: 'px',
-                            value: 12
-                        }
-                    },
-                    children: [
-                        {
-                            height: {
-                                value: 39,
-                                mode: 'gridUnit'
-                            },
-                            width: {
-                                value: 42,
-                                mode: 'gridUnit'
-                            },
-                            widgetName: 'Form3',
-                            backgroundColor: '',
-                            isVisible: true,
-                            children: [
-                                {
-                                    height: {
-                                        value: 39,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 42,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Canvas6',
-                                    isVisible: true,
-                                    padding: {
-                                        top: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        bottom: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        left: {
-                                            value: 16,
-                                            mode: 'px'
-                                        },
-                                        right: {
-                                            value: 16,
-                                            mode: 'px'
-                                        }
-                                    },
-                                    containerStyle: 'none',
-                                    canExtend: false,
-                                    detachFromLayout: true,
-                                    children: [
-                                        {
-                                            text: 'Form',
-                                            textStyle: 'HEADING',
-                                            textType: 'text',
-                                            textAlign: 'LEFT',
-                                            verticalAlign: 'AUTO',
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 42,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'Text6',
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            type: 'TEXT_WIDGET',
-                                            widgetId: '3lfsgsdt7a',
-                                            isLoading: false,
-                                            left: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 42,
-                                            parentId: 'awyklcuf4f'
-                                        },
-                                        {
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 6,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'FormButton5',
-                                            text: 'Submit',
-                                            isDefaultClickDisabled: true,
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            buttonStyle: 'PRIMARY_BUTTON',
-                                            disabledWhenInvalid: true,
-                                            resetFormOnClick: true,
-                                            type: 'FORM_BUTTON_WIDGET',
-                                            widgetId: '4qmilxmgdj',
-                                            isLoading: false,
-                                            left: {
-                                                value: 36,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 33,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 6,
-                                            parentId: 'awyklcuf4f'
-                                        },
-                                        {
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 6,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'FormButton6',
-                                            text: 'Reset',
-                                            isDefaultClickDisabled: true,
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            buttonStyle: 'SECONDARY_BUTTON',
-                                            disabledWhenInvalid: false,
-                                            resetFormOnClick: true,
-                                            type: 'FORM_BUTTON_WIDGET',
-                                            widgetId: '12tmk8nqs9',
-                                            isLoading: false,
-                                            left: {
-                                                value: 30,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 33,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 6,
-                                            parentId: 'awyklcuf4f'
-                                        }
-                                    ],
-                                    type: 'CANVAS_WIDGET',
-                                    widgetId: 'awyklcuf4f',
-                                    isLoading: false,
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 42,
-                                    parentId: 'ntvynhtr75'
-                                }
-                            ],
-                            type: 'FORM_WIDGET',
-                            widgetId: 'ntvynhtr75',
-                            isLoading: false,
-                            left: {
-                                value: 0,
-                                mode: 'gridUnit'
-                            },
-                            top: {
-                                value: 50,
-                                mode: 'gridUnit'
-                            },
-                            gridColumns: 42,
-                            parentId: 'dwpvpsnarl',
-                            dynamicTriggerPathList: [],
-                            dynamicBindingPathList: []
-                        },
-                        {
-                            isLoading: false,
-                            animateLoading: true,
-                            height: {
-                                value: 50,
-                                mode: 'gridUnit'
-                            },
-                            width: {
-                                value: 47,
-                                mode: 'gridUnit'
-                            },
-                            widgetName: 'Grid1',
-                            backgroundColor: '#FFFFFF',
-                            title: 'Listings',
-                            isSearchable: true,
-                            enhancements: true,
-                            isVisible: true,
-                            gridData: '[\n  {\n    "name": "Hollywood Mansion",\n    "stars": 4.9,\n    "pricePerNight": 956,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing1.jpg"\n  },\n  {\n    "name": "Oceanside Villa",\n    "stars": 4.8,\n    "pricePerNight": 1025,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing2.jpg"\n  },\n  {\n    "name": "Bel Air Oasis",\n    "stars": 4.7,\n    "pricePerNight": 878,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing3.jpg"\n  },\n  {\n    "name": "Spanish Castle",\n    "stars": 4.6,\n    "pricePerNight": 678,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing4.jpg"\n  },\n  {\n    "name": "LA Mansion",\n    "stars": 4.8,\n    "pricePerNight": 710,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing5.jpg"\n  },\n  {\n    "name": "Beachfront Home",\n    "stars": 4.6,\n    "pricePerNight": 678,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing6.jpg"\n  },\n  {\n    "name": "Hollywood Resort",\n    "stars": 4.8,\n    "pricePerNight": 820,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing1.jpg"\n  },\n  {\n    "name": "LA Mansion",\n    "stars": 4.6,\n    "pricePerNight": 925,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing3.jpg"\n  },\n  {\n    "name": "Seattle Condo",\n    "stars": 4.7,\n    "pricePerNight": 829,\n    "img": "https://superblocks.s3.us-west-2.amazonaws.com/img/demo/listing5.jpg"\n  }\n]',
-                            containerStyle: 'none',
-                            canExtend: false,
-                            gridCellScrollable: false,
-                            columnCount: 3,
-                            dynamicBindingPathList: [
-                                {
-                                    key: 'gridBindings.Image1.image'
-                                },
-                                {
-                                    key: 'gridBindings.Text1.text'
-                                },
-                                {
-                                    key: 'gridBindings.Text2.text'
-                                },
-                                {
-                                    key: 'gridBindings.Text3.text'
-                                }
-                            ],
-                            dynamicTriggerPathList: [
-                                {
-                                    key: 'onCellClicked'
-                                }
-                            ],
-                            gridBindings: {
-                                Canvas2: {
-                                    height: {
-                                        value: 51,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 66,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Canvas2',
-                                    isVisible: true,
-                                    containerStyle: 'none',
-                                    canExtend: false,
-                                    detachFromLayout: true,
-                                    dropDisabled: true,
-                                    resizeDisabled: true,
-                                    openParentPropertyPane: true,
-                                    disablePropertyPane: true,
-                                    children: ['6cjrbe1yqh'],
-                                    type: 'CANVAS_WIDGET',
-                                    widgetId: '6jgiy2mdqn',
-                                    isLoading: false,
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 66,
-                                    parentId: 'ele3fdiscy'
-                                },
-                                Container1: {
-                                    backgroundColor: 'white',
-                                    height: {
-                                        value: 21,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 22,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Container1',
-                                    containerStyle: 'none',
-                                    children: ['hqcasr70fr'],
-                                    isVisible: true,
-                                    resizeDisabled: false,
-                                    isDeletable: false,
-                                    dragDisabled: true,
-                                    disallowCopy: true,
-                                    disablePropertyPane: true,
-                                    openParentPropertyPane: true,
-                                    type: 'CONTAINER_WIDGET',
-                                    widgetId: '6cjrbe1yqh',
-                                    isLoading: false,
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 22,
-                                    parentId: '6jgiy2mdqn'
-                                },
-                                Canvas3: {
-                                    height: {
-                                        value: 21,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 22,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Canvas3',
-                                    isVisible: true,
-                                    padding: {
-                                        top: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        bottom: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        left: {
-                                            value: 16,
-                                            mode: 'px'
-                                        },
-                                        right: {
-                                            value: 16,
-                                            mode: 'px'
-                                        }
-                                    },
-                                    containerStyle: 'none',
-                                    canExtend: false,
-                                    detachFromLayout: true,
-                                    dragDisabled: true,
-                                    resizeDisabled: true,
-                                    ignoreCollision: true,
-                                    openParentPropertyPane: true,
-                                    disablePropertyPane: true,
-                                    children: ['rnt6qc3a9r', 'a5muj165jp', 'n7cdqjhy3u', 'wjuv50ubay'],
-                                    type: 'CANVAS_WIDGET',
-                                    widgetId: 'hqcasr70fr',
-                                    isLoading: false,
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 22,
-                                    parentId: '6cjrbe1yqh'
-                                },
-                                Image1: {
-                                    defaultImage: 'https://res.cloudinary.com/drako999/image/upload/v1589196259/default.png',
-                                    image: '{{Grid1.gridData.map((currentCell) => currentCell.img)}}',
-                                    imageShape: 'RECTANGLE',
-                                    maxZoomLevel: 1,
-                                    height: {
-                                        value: 12,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 22,
-                                        mode: 'gridUnit'
-                                    },
-                                    borderRadius: '4px',
-                                    fillContainer: true,
-                                    widgetName: 'Image1',
-                                    isVisible: true,
-                                    animateLoading: true,
-                                    dynamicBindingPathList: [
-                                        {
-                                            key: 'image'
-                                        }
-                                    ],
-                                    dynamicTriggerPathList: [],
-                                    type: 'IMAGE_WIDGET',
-                                    widgetId: 'rnt6qc3a9r',
-                                    isLoading: false,
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 22,
-                                    parentId: 'hqcasr70fr'
-                                },
-                                Text1: {
-                                    text: '{{Grid1.gridData.map((currentCell) => currentCell.name)}}',
-                                    textStyle: 'HEADING_2',
-                                    textType: 'text',
-                                    textAlign: 'LEFT',
-                                    verticalAlign: 'BOTTOM',
-                                    height: {
-                                        value: 3,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 22,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Text1',
-                                    isVisible: true,
-                                    animateLoading: true,
-                                    dynamicBindingPathList: [
-                                        {
-                                            key: 'text'
-                                        }
-                                    ],
-                                    dynamicTriggerPathList: [],
-                                    type: 'TEXT_WIDGET',
-                                    widgetId: 'a5muj165jp',
-                                    isLoading: false,
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    top: {
-                                        value: 12,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 22,
-                                    parentId: 'hqcasr70fr'
-                                },
-                                Text2: {
-                                    text: "{{Grid1.gridData.map((currentCell) => currentCell.stars + ' stars')}}",
-                                    textStyle: 'NORMAL_TEXT',
-                                    textType: 'text',
-                                    textAlign: 'LEFT',
-                                    verticalAlign: 'AUTO',
-                                    height: {
-                                        value: 3,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 16,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Text2',
-                                    isVisible: true,
-                                    animateLoading: true,
-                                    dynamicBindingPathList: [
-                                        {
-                                            key: 'text'
-                                        }
-                                    ],
-                                    dynamicTriggerPathList: [],
-                                    type: 'TEXT_WIDGET',
-                                    widgetId: 'n7cdqjhy3u',
-                                    isLoading: false,
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    top: {
-                                        value: 15,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 16,
-                                    parentId: 'hqcasr70fr'
-                                },
-                                Text3: {
-                                    text: "{{Grid1.gridData.map((currentCell) => '$' + currentCell.pricePerNight)}}",
-                                    textStyle: 'NORMAL_TEXT',
-                                    textType: 'text',
-                                    textAlign: 'RIGHT',
-                                    verticalAlign: 'AUTO',
-                                    height: {
-                                        value: 3,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 6,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Text3',
-                                    isVisible: true,
-                                    animateLoading: true,
-                                    dynamicBindingPathList: [
-                                        {
-                                            key: 'text'
-                                        }
-                                    ],
-                                    dynamicTriggerPathList: [],
-                                    type: 'TEXT_WIDGET',
-                                    widgetId: 'wjuv50ubay',
-                                    isLoading: false,
-                                    left: {
-                                        value: 16,
-                                        mode: 'gridUnit'
-                                    },
-                                    top: {
-                                        value: 15,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 6,
-                                    parentId: 'hqcasr70fr'
-                                }
-                            },
-                            children: [
-                                {
-                                    height: {
-                                        value: 50,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 47,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Canvas2',
-                                    isVisible: true,
-                                    containerStyle: 'none',
-                                    canExtend: false,
-                                    detachFromLayout: true,
-                                    dropDisabled: true,
-                                    resizeDisabled: true,
-                                    openParentPropertyPane: true,
-                                    disablePropertyPane: true,
-                                    children: [
-                                        {
-                                            backgroundColor: 'white',
-                                            height: {
-                                                value: 21,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 22,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'Container1',
-                                            containerStyle: 'none',
-                                            children: [
-                                                {
-                                                    height: {
-                                                        value: 19,
-                                                        mode: 'gridUnit'
-                                                    },
-                                                    width: {
-                                                        value: 22,
-                                                        mode: 'gridUnit'
-                                                    },
-                                                    widgetName: 'Canvas3',
-                                                    isVisible: true,
-                                                    padding: {
-                                                        top: {
-                                                            value: 12,
-                                                            mode: 'px'
-                                                        },
-                                                        bottom: {
-                                                            value: 12,
-                                                            mode: 'px'
-                                                        },
-                                                        left: {
-                                                            value: 16,
-                                                            mode: 'px'
-                                                        },
-                                                        right: {
-                                                            value: 16,
-                                                            mode: 'px'
-                                                        }
-                                                    },
-                                                    containerStyle: 'none',
-                                                    canExtend: false,
-                                                    detachFromLayout: true,
-                                                    dragDisabled: true,
-                                                    resizeDisabled: true,
-                                                    ignoreCollision: true,
-                                                    openParentPropertyPane: true,
-                                                    disablePropertyPane: true,
-                                                    children: [
-                                                        {
-                                                            defaultImage: 'https://res.cloudinary.com/drako999/image/upload/v1589196259/default.png',
-                                                            image: '{{currentCell.img}}',
-                                                            imageShape: 'RECTANGLE',
-                                                            maxZoomLevel: 1,
-                                                            height: {
-                                                                value: 12,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            width: {
-                                                                value: 22,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            borderRadius: '4px',
-                                                            fillContainer: true,
-                                                            widgetName: 'Image1',
-                                                            isVisible: true,
-                                                            animateLoading: true,
-                                                            dynamicBindingPathList: [
-                                                                {
-                                                                    key: 'image'
-                                                                }
-                                                            ],
-                                                            dynamicTriggerPathList: [],
-                                                            type: 'IMAGE_WIDGET',
-                                                            widgetId: 'rnt6qc3a9r',
-                                                            isLoading: false,
-                                                            left: {
-                                                                value: 0,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            top: {
-                                                                value: 0,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            gridColumns: 22,
-                                                            parentId: 'hqcasr70fr'
-                                                        },
-                                                        {
-                                                            text: '{{currentCell.name}}',
-                                                            textStyle: 'HEADING_2',
-                                                            textType: 'text',
-                                                            textAlign: 'LEFT',
-                                                            verticalAlign: 'BOTTOM',
-                                                            height: {
-                                                                value: 3,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            width: {
-                                                                value: 22,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            widgetName: 'Text1',
-                                                            isVisible: true,
-                                                            animateLoading: true,
-                                                            dynamicBindingPathList: [
-                                                                {
-                                                                    key: 'text'
-                                                                }
-                                                            ],
-                                                            dynamicTriggerPathList: [],
-                                                            type: 'TEXT_WIDGET',
-                                                            widgetId: 'a5muj165jp',
-                                                            isLoading: false,
-                                                            left: {
-                                                                value: 0,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            top: {
-                                                                value: 12,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            gridColumns: 22,
-                                                            parentId: 'hqcasr70fr'
-                                                        },
-                                                        {
-                                                            text: '{{currentCell.stars}} stars',
-                                                            textStyle: 'NORMAL_TEXT',
-                                                            textType: 'text',
-                                                            textAlign: 'LEFT',
-                                                            verticalAlign: 'AUTO',
-                                                            height: {
-                                                                value: 3,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            width: {
-                                                                value: 16,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            widgetName: 'Text2',
-                                                            isVisible: true,
-                                                            animateLoading: true,
-                                                            dynamicBindingPathList: [
-                                                                {
-                                                                    key: 'text'
-                                                                }
-                                                            ],
-                                                            dynamicTriggerPathList: [],
-                                                            type: 'TEXT_WIDGET',
-                                                            widgetId: 'n7cdqjhy3u',
-                                                            isLoading: false,
-                                                            left: {
-                                                                value: 0,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            top: {
-                                                                value: 15,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            gridColumns: 16,
-                                                            parentId: 'hqcasr70fr'
-                                                        },
-                                                        {
-                                                            text: '${{currentCell.pricePerNight}}',
-                                                            textStyle: 'NORMAL_TEXT',
-                                                            textType: 'text',
-                                                            textAlign: 'RIGHT',
-                                                            verticalAlign: 'AUTO',
-                                                            height: {
-                                                                value: 3,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            width: {
-                                                                value: 6,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            widgetName: 'Text3',
-                                                            isVisible: true,
-                                                            animateLoading: true,
-                                                            dynamicBindingPathList: [
-                                                                {
-                                                                    key: 'text'
-                                                                }
-                                                            ],
-                                                            dynamicTriggerPathList: [],
-                                                            type: 'TEXT_WIDGET',
-                                                            widgetId: 'wjuv50ubay',
-                                                            isLoading: false,
-                                                            left: {
-                                                                value: 16,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            top: {
-                                                                value: 15,
-                                                                mode: 'gridUnit'
-                                                            },
-                                                            gridColumns: 6,
-                                                            parentId: 'hqcasr70fr'
-                                                        }
-                                                    ],
-                                                    type: 'CANVAS_WIDGET',
-                                                    minHeight: {
-                                                        value: 228,
-                                                        mode: 'px'
-                                                    },
-                                                    widgetId: 'hqcasr70fr',
-                                                    isLoading: false,
-                                                    top: {
-                                                        value: 0,
-                                                        mode: 'gridUnit'
-                                                    },
-                                                    left: {
-                                                        value: 0,
-                                                        mode: 'gridUnit'
-                                                    },
-                                                    gridColumns: 22,
-                                                    parentId: '6cjrbe1yqh'
-                                                }
-                                            ],
-                                            isVisible: true,
-                                            resizeDisabled: false,
-                                            isDeletable: false,
-                                            dragDisabled: true,
-                                            disallowCopy: true,
-                                            disablePropertyPane: true,
-                                            openParentPropertyPane: true,
-                                            type: 'CONTAINER_WIDGET',
-                                            widgetId: '6cjrbe1yqh',
-                                            isLoading: false,
-                                            left: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 22,
-                                            parentId: '6jgiy2mdqn'
-                                        }
-                                    ],
-                                    type: 'CANVAS_WIDGET',
-                                    minHeight: {
-                                        value: 600,
-                                        mode: 'px'
-                                    },
-                                    widgetId: '6jgiy2mdqn',
-                                    isLoading: false,
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 47,
-                                    parentId: 'ele3fdiscy'
-                                }
-                            ],
-                            type: 'GRID_WIDGET',
-                            widgetId: 'ele3fdiscy',
-                            left: {
-                                value: 0,
-                                mode: 'gridUnit'
-                            },
-                            top: {
-                                value: 0,
-                                mode: 'gridUnit'
-                            },
-                            gridColumns: 47,
-                            parentId: 'dwpvpsnarl',
-                            onCellClicked: [
-                                {
-                                    id: 'reqjmhhtz6',
-                                    newWindow: true
-                                }
-                            ]
-                        },
-                        {
-                            height: {
-                                value: 39,
-                                mode: 'gridUnit'
-                            },
-                            width: {
-                                value: 42,
-                                mode: 'gridUnit'
-                            },
-                            widgetName: 'Form1',
-                            backgroundColor: 'white',
-                            isVisible: true,
-                            children: [
-                                {
-                                    height: {
-                                        value: 76,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 42,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Canvas4',
-                                    isVisible: true,
-                                    padding: {
-                                        top: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        bottom: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        left: {
-                                            value: 16,
-                                            mode: 'px'
-                                        },
-                                        right: {
-                                            value: 16,
-                                            mode: 'px'
-                                        }
-                                    },
-                                    containerStyle: 'none',
-                                    canExtend: true,
-                                    detachFromLayout: true,
-                                    children: [
-                                        {
-                                            text: 'Form',
-                                            textStyle: 'HEADING',
-                                            textType: 'text',
-                                            textAlign: 'LEFT',
-                                            verticalAlign: 'AUTO',
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 42,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'Text4',
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            type: 'TEXT_WIDGET',
-                                            widgetId: '6kka7zamqw',
-                                            isLoading: false,
-                                            left: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 42,
-                                            parentId: 'tvu1vmhbx7'
-                                        },
-                                        {
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 6,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'FormButton1',
-                                            text: 'Submit',
-                                            isDefaultClickDisabled: true,
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            buttonStyle: 'PRIMARY_BUTTON',
-                                            disabledWhenInvalid: true,
-                                            resetFormOnClick: true,
-                                            type: 'FORM_BUTTON_WIDGET',
-                                            widgetId: 'd9qfxpa98x',
-                                            isLoading: false,
-                                            left: {
-                                                value: 36,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 33,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 6,
-                                            parentId: 'tvu1vmhbx7'
-                                        },
-                                        {
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 6,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'FormButton2',
-                                            text: 'Reset',
-                                            isDefaultClickDisabled: true,
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            buttonStyle: 'SECONDARY_BUTTON',
-                                            disabledWhenInvalid: false,
-                                            resetFormOnClick: true,
-                                            type: 'FORM_BUTTON_WIDGET',
-                                            widgetId: 'v0kjgkhvu2',
-                                            isLoading: false,
-                                            left: {
-                                                value: 30,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 33,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 6,
-                                            parentId: 'tvu1vmhbx7'
-                                        }
-                                    ],
-                                    type: 'CANVAS_WIDGET',
-                                    widgetId: 'tvu1vmhbx7',
-                                    isLoading: false,
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 42,
-                                    parentId: '2mowe5a8m4'
-                                }
-                            ],
-                            type: 'FORM_WIDGET',
-                            widgetId: '2mowe5a8m4',
-                            isLoading: false,
-                            left: {
-                                value: 47,
-                                mode: 'gridUnit'
-                            },
-                            top: {
-                                value: 0,
-                                mode: 'gridUnit'
-                            },
-                            gridColumns: 42,
-                            parentId: 'dwpvpsnarl',
-                            shouldScrollContents: true
-                        },
-                        {
-                            height: {
-                                value: 32,
-                                mode: 'gridUnit'
-                            },
-                            width: {
-                                value: 41,
-                                mode: 'gridUnit'
-                            },
-                            widgetName: 'Form2',
-                            backgroundColor: 'black',
-                            isVisible: true,
-                            children: [
-                                {
-                                    height: {
-                                        value: 30,
-                                        mode: 'gridUnit'
-                                    },
-                                    width: {
-                                        value: 41,
-                                        mode: 'gridUnit'
-                                    },
-                                    widgetName: 'Canvas5',
-                                    isVisible: true,
-                                    padding: {
-                                        top: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        bottom: {
-                                            value: 12,
-                                            mode: 'px'
-                                        },
-                                        left: {
-                                            value: 16,
-                                            mode: 'px'
-                                        },
-                                        right: {
-                                            value: 16,
-                                            mode: 'px'
-                                        }
-                                    },
-                                    containerStyle: 'none',
-                                    canExtend: false,
-                                    detachFromLayout: true,
-                                    children: [
-                                        {
-                                            text: 'Form',
-                                            textStyle: 'HEADING',
-                                            textType: 'text',
-                                            textAlign: 'LEFT',
-                                            verticalAlign: 'AUTO',
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 42,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'Text5',
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            type: 'TEXT_WIDGET',
-                                            widgetId: '0c88rzdf0s',
-                                            isLoading: false,
-                                            left: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 0,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 42,
-                                            parentId: '0bqvp0vgni'
-                                        },
-                                        {
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 6,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'FormButton3',
-                                            text: 'Submit',
-                                            isDefaultClickDisabled: true,
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            buttonStyle: 'PRIMARY_BUTTON',
-                                            disabledWhenInvalid: true,
-                                            resetFormOnClick: true,
-                                            type: 'FORM_BUTTON_WIDGET',
-                                            widgetId: 'bt8jh19hzw',
-                                            isLoading: false,
-                                            left: {
-                                                value: 36,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 33,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 6,
-                                            parentId: '0bqvp0vgni'
-                                        },
-                                        {
-                                            height: {
-                                                value: 3,
-                                                mode: 'gridUnit'
-                                            },
-                                            width: {
-                                                value: 6,
-                                                mode: 'gridUnit'
-                                            },
-                                            widgetName: 'FormButton4',
-                                            text: 'Reset',
-                                            isDefaultClickDisabled: true,
-                                            isVisible: true,
-                                            animateLoading: true,
-                                            buttonStyle: 'SECONDARY_BUTTON',
-                                            disabledWhenInvalid: false,
-                                            resetFormOnClick: true,
-                                            type: 'FORM_BUTTON_WIDGET',
-                                            widgetId: 'bomd7ayv25',
-                                            isLoading: false,
-                                            left: {
-                                                value: 30,
-                                                mode: 'gridUnit'
-                                            },
-                                            top: {
-                                                value: 33,
-                                                mode: 'gridUnit'
-                                            },
-                                            gridColumns: 6,
-                                            parentId: '0bqvp0vgni'
-                                        }
-                                    ],
-                                    type: 'CANVAS_WIDGET',
-                                    widgetId: '0bqvp0vgni',
-                                    isLoading: false,
-                                    top: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    left: {
-                                        value: 0,
-                                        mode: 'gridUnit'
-                                    },
-                                    gridColumns: 41,
-                                    parentId: 'wpgbtzob4k',
-                                    minHeight: {
-                                        value: 360,
-                                        mode: 'px'
-                                    }
-                                }
-                            ],
-                            type: 'FORM_WIDGET',
-                            widgetId: 'wpgbtzob4k',
-                            isLoading: false,
-                            left: {
-                                value: 47,
-                                mode: 'gridUnit'
-                            },
-                            top: {
-                                value: 39,
-                                mode: 'gridUnit'
-                            },
-                            gridColumns: 41,
-                            parentId: 'dwpvpsnarl',
-                            dynamicTriggerPathList: [],
-                            dynamicBindingPathList: []
-                        }
-                    ],
-                    parentId: 'lm2jrimm2x',
-                    widgetId: 'dwpvpsnarl',
-                    canExtend: true,
-                    isLoading: false,
-                    isVisible: true,
-                    minHeight: {
-                        mode: 'px',
-                        value: 1292
-                    },
-                    widgetName: 'Canvas1',
-                    gridColumns: 96,
-                    dragDisabled: true,
-                    containerStyle: 'none',
-                    backgroundColor: 'none',
-                    detachFromLayout: true,
-                    dynamicBindingPathList: [],
-                    dynamicTriggerPathList: []
-                }
-            ],
-            parentId: '0',
-            widgetId: 'lm2jrimm2x',
-            canExtend: true,
-            isLoading: false,
-            isVisible: true,
-            widgetName: 'Section1',
-            gridColumns: 96,
-            dragDisabled: true,
-            detachFromLayout: true,
-            shouldScrollContents: true
-        }
-    ],
-    widgetId: '0',
-    canExtend: true,
-    stateVars: {
-        stateVarMap: {}
-    },
-    widgetName: 'Page',
-    gridColumns: 96,
-    backgroundColor: 'none',
-    detachFromLayout: true,
-    dynamicBindingPathList: [],
-    cachedData: {
-        pageLoadActions: {
-            apiNames: [],
-            apiDeps: {}
-        }
-    }
-});
-//# sourceMappingURL=grids_and_forms.js.map