@wix/patterns 1.11.0 → 1.12.0

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly1739093437";
+var _namespace_ = "AutoCompleteReadonly2342577484";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly1739093437__root" };
+export var classes = { "root": "AutoCompleteReadonly2342577484__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown774740761";
+var _namespace_ = "ViewsDropdown992667438";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown774740761__root" };
+export var classes = { "root": "ViewsDropdown992667438__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CustomFieldsViewWidgetSection3013699437";
+var _namespace_ = "CustomFieldsViewWidgetSection4091997558";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CustomFieldsViewWidgetSection3013699437__root", "breakWord": "CustomFieldsViewWidgetSection3013699437__breakWord" };
+export var classes = { "root": "CustomFieldsViewWidgetSection4091997558__root", "breakWord": "CustomFieldsViewWidgetSection4091997558__breakWord" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1144744316";
+var _namespace_ = "DragHandle492387075";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle1144744316__root" };
+export var classes = { "root": "DragHandle492387075__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade2444169035";
+var _namespace_ = "Fade1985381060";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade2444169035__root" };
+export var classes = { "root": "Fade1985381060__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Grid/Grid.js

@@ -1,12 +1,12 @@
 import React, { useEffect } from 'react';
 import { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';
-import { GridContent } from './GridContent';
 import { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';
 import { GridPlaceholderStates } from './GridPlaceholderStates';
 import { CollectionCard } from '../CollectionCard';
 import { ToolbarCollection, } from '../ToolbarCollection';
 import { observer } from 'mobx-react-lite';
 import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
+import { GridSingleGridContent } from './GridSingleGridContent';
 function _Grid(props) {
     const { state, dragAndDrop, renderError, emptyState, noResultsState, topNotification, cardProps, dataHook, exportModal, sections, } = props;
     const { toolbar } = state;
@@ -17,7 +17,7 @@ function _Grid(props) {
     return (React.createElement(CollectionCard, Object.assign({ renderError: false, state: toolbar, dataHook: dataHook }, cardProps),
         React.createElement(ToolbarCollection, Object.assign({}, props, { sticky: true, state: toolbar }),
             React.createElement(GridPlaceholderStates, { state: state.toolbar, renderError: renderError, emptyState: emptyState, noResultsState: noResultsState, topNotification: topNotification },
-                React.createElement(ToolbarCollectionContentAutoSizer, null, sections ? (React.createElement(sections.GridSections, Object.assign({}, props, { renderSection: sections.renderSection, state: state }))) : (React.createElement(GridContent, Object.assign({}, props, { state: state, withInfiniteScrollLoader: true })))))), exportModal !== null && exportModal !== void 0 ? exportModal : toolbar.featuredComponents.exportModal.value));
+                React.createElement(ToolbarCollectionContentAutoSizer, null, sections ? (React.createElement(sections.GridSections, Object.assign({}, props, { renderSection: sections.renderSection, state: state }))) : (React.createElement(GridSingleGridContent, Object.assign({}, props, { state: state })))))), exportModal !== null && exportModal !== void 0 ? exportModal : toolbar.featuredComponents.exportModal.value));
 }
 export const Grid = observer(_Grid);
 //# sourceMappingURL=Grid.js.map

package/dist/esm/components/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAqDnG,SAAS,KAAK,CAAuC,KAAsB;IACzE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,6BAA6B,iCACxB,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,kBAAkB,EAAE,CAAC,CAAC,WAAW,EACjC,yBAAyB,EAAE,KAAK,EAChC,uBAAuB,EAAE,KAAK,EAC9B,cAAc,EAAE,KAAK,EACrB,0BAA0B,EAAE,KAAK,IACjC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,kBACb,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,IACd,SAAS;QAEb,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACjD,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe;gBAEhC,oBAAC,iCAAiC,QAC/B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,YAAY,oBAChB,KAAK,IACT,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,KAAK,EAAE,KAAK,IACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,UAAG,CAClE,CACiC,CACd,CACN,EACnB,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC"}
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKzC,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AAGzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EACL,iBAAiB,GAElB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAGnG,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAmDhE,SAAS,KAAK,CAAuC,KAAsB;IACzE,MAAM,EACJ,KAAK,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,cAAc,EACd,eAAe,EACf,SAAS,EACT,QAAQ,EACR,WAAW,EACX,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,6BAA6B,iCACxB,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,kBAAkB,EAAE,CAAC,CAAC,WAAW,EACjC,yBAAyB,EAAE,KAAK,EAChC,uBAAuB,EAAE,KAAK,EAC9B,cAAc,EAAE,KAAK,EACrB,0BAA0B,EAAE,KAAK,IACjC,CAAC;IAEH,SAAS,CACP,GAAG,EAAE,CACH,KAAK,CAAC,IAAI,CAAC;QACT,oBAAoB,EAAE,wCAAwC,CAAC,KAAK,CAAC;KACtE,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,OAAO,CACL,oBAAC,cAAc,kBACb,WAAW,EAAE,KAAK,EAClB,KAAK,EAAE,OAAO,EACd,QAAQ,EAAE,QAAQ,IACd,SAAS;QAEb,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,MAAM,QAAC,KAAK,EAAE,OAAO;YACjD,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe;gBAEhC,oBAAC,iCAAiC,QAC/B,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,YAAY,oBAChB,KAAK,IACT,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,KAAK,EAAE,KAAK,IACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,qBAAqB,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,CACnD,CACiC,CACd,CACN,EACnB,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,OAAO,CAAC,kBAAkB,CAAC,WAAW,CAAC,KAAK,CAC7C,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC"}

package/dist/esm/components/Grid/GridContent.js

@@ -1,6 +1,5 @@
-import React, { useEffect, useLayoutEffect, useState, } from 'react';
+import React, { useEffect, useLayoutEffect } from 'react';
 import { observer } from 'mobx-react-lite';
-import { GridBaseState, gridSizePresets, topGridSizePreset, } from '../../state';
 import { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';
 import { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';
 import { Box } from '@wix/design-system';
@@ -8,52 +7,33 @@ import { useGridBaseSyncProps } from './useGridBaseSyncProps';
 import { useRenderItem } from './useRenderItem';
 import { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';
 function _GridContent(props) {
-    const { state, range, withInfiniteScrollLoader, dragAndDrop, dragAndDropSubmit, dragAndDropCancel, imagePlacement, } = props;
+    const { state, withInfiniteScrollLoader, dragAndDrop, dragAndDropSubmit, dragAndDropCancel, } = props;
     const { toolbar: { contentPaddingPx, showInitialLoader, multi: { showRefreshLoader }, }, } = state;
-    const [grid] = useState(() => new GridBaseState({
-        container: state.toolbar.container,
-        toolbar: state.toolbar,
-        collection: state.collection,
-        sizePreset: imagePlacement
-            ? gridSizePresets[imagePlacement]
-            : topGridSizePreset,
-        range,
-    }));
-    useEffect(() => {
-        const { _subGrids } = state;
-        if (!_subGrids) {
-            return;
-        }
-        _subGrids.push(grid);
-        return () => {
-            const i = _subGrids.indexOf(grid);
-            i !== -1 && _subGrids.splice(i, 1);
-        };
-    }, []);
-    useGridBaseSyncProps(Object.assign(Object.assign({}, props), { state: grid }));
-    const renderItem = useRenderItem(Object.assign(Object.assign({}, props), { state: grid }));
-    let child = React.createElement(VirtualGridRepeater, { renderItem: renderItem, gridState: grid });
+    useGridBaseSyncProps(props);
+    useEffect(() => state.init(), []);
+    const renderItem = useRenderItem(props);
+    let child = React.createElement(VirtualGridRepeater, { renderItem: renderItem, gridState: state });
     if (dragAndDrop) {
         const { DraggableCardOverlay, SortableContext } = dragAndDrop;
-        child = (React.createElement(SortableContext, { state: grid, onSubmit: dragAndDropSubmit, onCancel: dragAndDropCancel },
+        child = (React.createElement(SortableContext, { state: state, onSubmit: dragAndDropSubmit, onCancel: dragAndDropCancel },
             child,
-            React.createElement(DraggableCardOverlay, { state: grid, renderItem: renderItem })));
+            React.createElement(DraggableCardOverlay, { state: state, renderItem: renderItem })));
     }
     if (showRefreshLoader || showInitialLoader) {
-        child = (React.createElement(InitialSkeletonLoader, { dataHook: showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader', state: grid }));
+        child = (React.createElement(InitialSkeletonLoader, { dataHook: showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader', state: state }));
     }
     else {
         child = (React.createElement(React.Fragment, null,
             child,
-            withInfiniteScrollLoader && (React.createElement(PageGridInfiniteScrollLoader, { dataHook: "infinite-scroll-loader", state: grid, scrollMoreAlways: true }))));
+            withInfiniteScrollLoader && (React.createElement(PageGridInfiniteScrollLoader, { dataHook: "infinite-scroll-loader", state: state, scrollMoreAlways: true }))));
     }
     useLayoutEffect(() => {
-        grid._containerRectState._syncThrottled();
+        state._containerRectState._syncThrottled();
     }, []);
-    useEffect(() => grid._containerRectState.init(), []);
+    useEffect(() => state._containerRectState.init(), []);
     return (React.createElement(Box, { direction: "vertical", paddingTop: contentPaddingPx, paddingRight: contentPaddingPx, paddingLeft: contentPaddingPx },
         React.createElement("div", { ref: (el) => {
-                grid._containerRectState.element = el;
+                state._containerRectState.element = el;
             } }, child)));
 }
 export const GridContent = observer(_GridContent);

package/dist/esm/components/Grid/GridContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridContent.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridContent.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"GridContent.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,SAAS,EAAE,eAAe,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAgB,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AA8BjF,SAAS,YAAY,CACnB,KAA6B;IAE7B,MAAM,EACJ,KAAK,EACL,wBAAwB,EACxB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,GAClB,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,OAAO,EAAE,EACP,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAC7B,GACF,GAAG,KAAK,CAAC;IAEV,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE5B,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,MAAM,UAAU,GAAG,aAAa,CAAC,KAAK,CAAC,CAAC;IAExC,IAAI,KAAK,GAAG,oBAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,GAAI,CAAC;IAE9E,IAAI,WAAW,EAAE;QACf,MAAM,EAAE,oBAAoB,EAAE,eAAe,EAAE,GAAG,WAAW,CAAC;QAE9D,KAAK,GAAG,CACN,oBAAC,eAAe,IACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB;YAE1B,KAAK;YACN,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CAC9C,CACnB,CAAC;KACH;IAED,IAAI,iBAAiB,IAAI,iBAAiB,EAAE;QAC1C,KAAK,GAAG,CACN,oBAAC,qBAAqB,IACpB,QAAQ,EACN,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,EAEnE,KAAK,EAAE,KAAK,GACZ,CACH,CAAC;KACH;SAAM;QACL,KAAK,GAAG,CACN;YACG,KAAK;YACL,wBAAwB,IAAI,CAC3B,oBAAC,4BAA4B,IAC3B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAE,KAAK,EACZ,gBAAgB,SAChB,CACH,CACA,CACJ,CAAC;KACH;IAED,eAAe,CAAC,GAAG,EAAE;QACnB,KAAK,CAAC,mBAAmB,CAAC,cAAc,EAAE,CAAC;IAC7C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAEtD,OAAO,CACL,oBAAC,GAAG,IACF,SAAS,EAAC,UAAU,EACpB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,WAAW,EAAE,gBAAgB;QAE7B,6BACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE;gBACV,KAAK,CAAC,mBAAmB,CAAC,OAAO,GAAG,EAAE,CAAC;YACzC,CAAC,IAEA,KAAK,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}

package/dist/esm/components/Grid/GridFoldersFolderSection.js

@@ -13,7 +13,7 @@ function _GridFoldersFolderSection({ state, renderItem, sectionTitle, }) {
                 : t('cairo.folders.showAll.button'))), sectionTitle: sectionTitle !== null && sectionTitle !== void 0 ? sectionTitle : t('section.header.folders') })) },
         React.createElement(VirtualGridRepeater, { renderItem: renderItem, gridState: state.folders }),
         showRefreshLoader && (React.createElement(InitialSkeletonLoader, { dataHook: "refresh-loader", state: state.folders })),
-        state.showAllFolders && (React.createElement(PageGridInfiniteScrollLoader, { dataHook: "folders-infinite-scroll-loader", imagePlacement: "side", state: state.folders, scrollMoreAlways: true }))));
+        state.showAllFolders && (React.createElement(PageGridInfiniteScrollLoader, { dataHook: "folders-infinite-scroll-loader", state: state.folders, scrollMoreAlways: true }))));
 }
 export const GridFoldersFolderSection = observer(_GridFoldersFolderSection);
 //# sourceMappingURL=GridFoldersFolderSection.js.map

package/dist/esm/components/Grid/GridFoldersFolderSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridFoldersFolderSection.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridFoldersFolderSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAa/E,SAAS,yBAAyB,CAKhC,EACA,KAAK,EACL,UAAU,EACV,YAAY,GAC4B;IACxC,MAAM,EACJ,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC3B,OAAO,EACP,OAAO,EAAE,EACP,UAAU,EAAE,EAAE,iBAAiB,EAAE,GAClC,GACF,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,QAAQ,EAAC,iBAAiB,EAC1B,MAAM,EACJ,KAAK,CAAC,wBAAwB,IAAI,CAChC,oBAAC,iBAAiB,IAChB,KAAK,EAAE,OAAO,EACd,MAAM,EACJ,KAAK,CAAC,2BAA2B,IAAI,CACnC,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,CAAC,oBAAoB,EACnC,QAAQ,EAAC,gCAAgC,IAExC,KAAK,CAAC,cAAc;gBACnB,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC;gBACpC,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAC1B,CACd,EAEH,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,wBAAwB,CAAC,GACzD,CACH;QAGH,oBAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,GAAI;QAExE,iBAAiB,IAAI,CACpB,oBAAC,qBAAqB,IACpB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EAAE,KAAK,CAAC,OAAO,GACpB,CACH;QACA,KAAK,CAAC,cAAc,IAAI,CACvB,oBAAC,4BAA4B,IAC3B,QAAQ,EAAC,gCAAgC,EACzC,cAAc,EAAC,MAAM,EACrB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,gBAAgB,SAChB,CACH,CACkB,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC"}
+{"version":3,"file":"GridFoldersFolderSection.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridFoldersFolderSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AACjF,OAAO,EAAE,4BAA4B,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAa/E,SAAS,yBAAyB,CAKhC,EACA,KAAK,EACL,UAAU,EACV,YAAY,GAC4B;IACxC,MAAM,EACJ,SAAS,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC3B,OAAO,EACP,OAAO,EAAE,EACP,UAAU,EAAE,EAAE,iBAAiB,EAAE,GAClC,GACF,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,QAAQ,EAAC,iBAAiB,EAC1B,MAAM,EACJ,KAAK,CAAC,wBAAwB,IAAI,CAChC,oBAAC,iBAAiB,IAChB,KAAK,EAAE,OAAO,EACd,MAAM,EACJ,KAAK,CAAC,2BAA2B,IAAI,CACnC,oBAAC,UAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,KAAK,CAAC,oBAAoB,EACnC,QAAQ,EAAC,gCAAgC,IAExC,KAAK,CAAC,cAAc;gBACnB,CAAC,CAAC,CAAC,CAAC,+BAA+B,CAAC;gBACpC,CAAC,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAC1B,CACd,EAEH,YAAY,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,CAAC,wBAAwB,CAAC,GACzD,CACH;QAGH,oBAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,OAAO,GAAI;QAExE,iBAAiB,IAAI,CACpB,oBAAC,qBAAqB,IACpB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EAAE,KAAK,CAAC,OAAO,GACpB,CACH;QACA,KAAK,CAAC,cAAc,IAAI,CACvB,oBAAC,4BAA4B,IAC3B,QAAQ,EAAC,gCAAgC,EACzC,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,gBAAgB,SAChB,CACH,CACkB,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,wBAAwB,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC"}

package/dist/esm/components/Grid/GridSingleGridContent.js

@@ -0,0 +1,19 @@
+import { GridBaseState, gridSizePresets, topGridSizePreset, } from '../../state';
+import { GridContent } from './GridContent';
+import React, { useState } from 'react';
+export function GridSingleGridContent(props) {
+    const { range, imagePlacement, state: parentState } = props;
+    const { toolbar, collection } = parentState;
+    const [state] = useState(() => new GridBaseState({
+        container: toolbar.container,
+        toolbar: toolbar,
+        collection,
+        sizePreset: imagePlacement
+            ? gridSizePresets[imagePlacement]
+            : topGridSizePreset,
+        range,
+        parentState,
+    }));
+    return React.createElement(GridContent, Object.assign({}, props, { state: state, withInfiniteScrollLoader: true }));
+}
+//# sourceMappingURL=GridSingleGridContent.js.map

package/dist/esm/components/Grid/GridSingleGridContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSingleGridContent.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridSingleGridContent.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,eAAe,EAEf,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,WAAW,EAAwB,MAAM,eAAe,CAAC;AAClE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAYxC,MAAM,UAAU,qBAAqB,CACnC,KAAuC;IAEvC,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE5D,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,WAAW,CAAC;IAE5C,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CACH,IAAI,aAAa,CAAC;QAChB,SAAS,EAAE,OAAO,CAAC,SAAS;QAC5B,OAAO,EAAE,OAAsD;QAC/D,UAAU;QACV,UAAU,EAAE,cAAc;YACxB,CAAC,CAAC,eAAe,CAAC,cAAc,CAAC;YACjC,CAAC,CAAC,iBAAiB;QACrB,KAAK;QACL,WAAW;KACZ,CAAC,CACL,CAAC;IAEF,OAAO,oBAAC,WAAW,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,wBAAwB,UAAG,CAAC;AAC3E,CAAC"}

package/dist/esm/components/GridSections/GridSectionAndRepeater.js

@@ -1,15 +1,20 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Box } from '@wix/design-system';
 import { observer } from 'mobx-react-lite';
 import { GridContent } from '../Grid/GridContent';
 import { GridSectionHeader } from './GridSectionHeader';
+import { GridSectionsSectionState } from './GridSectionsSectionState';
 function _GridSectionAndRepeater(props) {
-    const { sectionDescriptor, state } = props;
-    const { section, range } = sectionDescriptor;
-    const isLast = state.sections[state.sections.length - 1].section.id === section.id;
+    const { sectionDescriptor, imagePlacement } = props;
+    const { range } = sectionDescriptor;
+    const [state] = useState(() => new GridSectionsSectionState({
+        gridSections: props.state,
+        sectionDescriptor,
+        imagePlacement,
+    }));
     return (React.createElement(Box, { direction: "vertical", width: "100%", dataHook: "grid-section-and-repeater" },
         React.createElement(GridSectionHeader, { sectionDescriptor: sectionDescriptor, state: state }),
-        React.createElement(GridContent, Object.assign({}, props, { range: range, state: state, withInfiniteScrollLoader: isLast }))));
+        React.createElement(GridContent, Object.assign({}, props, { range: range, state: state.gridBase, withInfiniteScrollLoader: state.isLast }))));
 }
 export const GridSectionAndRepeater = observer(_GridSectionAndRepeater);
 //# sourceMappingURL=GridSectionAndRepeater.js.map

package/dist/esm/components/GridSections/GridSectionAndRepeater.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridSectionAndRepeater.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAYxD,SAAS,uBAAuB,CAC9B,KAAwC;IAExC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAE7C,MAAM,MAAM,GACV,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,OAAO,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,2BAA2B;QACzE,oBAAC,iBAAiB,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI;QAEzE,oBAAC,WAAW,oBACN,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,wBAAwB,EAAE,MAAM,IAChC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"GridSectionAndRepeater.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAwB,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAQtE,SAAS,uBAAuB,CAC9B,KAAwC;IAExC,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAEpC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CACH,IAAI,wBAAwB,CAAC;QAC3B,YAAY,EAAE,KAAK,CAAC,KAAK;QACzB,iBAAiB;QACjB,cAAc;KACf,CAAC,CACL,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,2BAA2B;QACzE,oBAAC,iBAAiB,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,GAAI;QAEzE,oBAAC,WAAW,oBACN,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,CAAC,QAAQ,EACrB,wBAAwB,EAAE,KAAK,CAAC,MAAM,IACtC,CACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionHeader.js

@@ -3,9 +3,9 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { GridSectionHeaderActionBar } from './GridSectionHeaderActionBar';
 function _GridSectionHeader(props) {
-    const { sectionDescriptor } = props;
+    const { sectionDescriptor, state } = props;
     const { section } = sectionDescriptor;
-    return (React.createElement(SectionHeader, { dataHook: "grid-section-header", title: section.title, skin: "neutral", divider: "none", suffix: React.createElement(GridSectionHeaderActionBar, { section: section, state: props.state }) }));
+    return (React.createElement(SectionHeader, { dataHook: "grid-section-header", title: section.title, skin: "neutral", divider: "none", suffix: React.createElement(GridSectionHeaderActionBar, { section: section, state: state }) }));
 }
 export const GridSectionHeader = observer(_GridSectionHeader);
 //# sourceMappingURL=GridSectionHeader.js.map

package/dist/esm/components/GridSections/GridSectionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAO1E,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC;IAEtC,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAC,qBAAqB,EAC9B,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,MAAM,EACd,MAAM,EACJ,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,GAEtE,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAQ1E,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EAAE,OAAO,EAAE,GAAG,iBAAiB,CAAC;IAEtC,OAAO,CACL,oBAAC,aAAa,IACZ,QAAQ,EAAC,qBAAqB,EAC9B,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,MAAM,EACd,MAAM,EAAE,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,GACtE,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionHeaderActionBar.js

@@ -3,7 +3,7 @@ import { Box, TextButton } from '@wix/design-system';
 import React from 'react';
 import { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';
 export function GridSectionHeaderActionBar(props) {
-    const _a = props.section, { primaryAction } = _a, section = __rest(_a, ["primaryAction"]), { state: { toolbar: { toolbarBIReporter }, } } = props;
+    const _a = props.section, { primaryAction } = _a, section = __rest(_a, ["primaryAction"]), { state: { gridSections: { toolbar: { toolbarBIReporter }, }, } } = props;
     const onClickWithBi = () => {
         var _a;
         toolbarBIReporter.reportBi(wixPatternsSectionHeaderPrimaryActionClicked({

package/dist/esm/components/GridSections/GridSectionHeaderActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridSectionHeaderActionBar.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeaderActionBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,4CAA4C,EAAE,MAAM,kBAAkB,CAAC;AAOhF,MAAM,UAAU,0BAA0B,CACxC,KAA4C;IAE5C,MACE,KAIE,KAAK,QAJ+B,EAAtC,EAAW,aAAa,OAAc,EAAT,OAAO,cAA3B,iBAA6B,CAAF,EADhC,EAEJ,KAAK,EAAE,EACL,OAAO,EAAE,EAAE,iBAAiB,EAAE,GAC/B,KACC,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;;QACzB,iBAAiB,CAAC,QAAQ,CACxB,4CAA4C,CAAC;YAC3C,SAAS,EAAE,OAAO,CAAC,EAAE;YACrB,GAAG,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE;YACtB,aAAa,EAAE,cAAc;SAC9B,CAAC,CACH,CAAC;QAEF,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,6DAAI,CAAC;IAC7B,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,IACxB,aAAa,IAAI,CAChB,oBAAC,UAAU,IACT,UAAU,EAAE,aAAa,CAAC,UAAU,EACpC,QAAQ,EAAC,oCAAoC,EAC7C,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,OAAO,IAEX,aAAa,CAAC,KAAK,CACT,CACd,CACG,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"GridSectionHeaderActionBar.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeaderActionBar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,4CAA4C,EAAE,MAAM,kBAAkB,CAAC;AAQhF,MAAM,UAAU,0BAA0B,CACxC,KAA4C;IAE5C,MACE,KAME,KAAK,QAN+B,EAAtC,EAAW,aAAa,OAAc,EAAT,OAAO,cAA3B,iBAA6B,CAAF,EADhC,EAEJ,KAAK,EAAE,EACL,YAAY,EAAE,EACZ,OAAO,EAAE,EAAE,iBAAiB,EAAE,GAC/B,GACF,KACC,KAAK,CAAC;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;;QACzB,iBAAiB,CAAC,QAAQ,CACxB,4CAA4C,CAAC;YAC3C,SAAS,EAAE,OAAO,CAAC,EAAE;YACrB,GAAG,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE;YACtB,aAAa,EAAE,cAAc;SAC9B,CAAC,CACH,CAAC;QAEF,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,6DAAI,CAAC;IAC7B,CAAC,CAAC;IACF,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,IACxB,aAAa,IAAI,CAChB,oBAAC,UAAU,IACT,UAAU,EAAE,aAAa,CAAC,UAAU,EACpC,QAAQ,EAAC,oCAAoC,EAC7C,OAAO,EAAE,aAAa,EACtB,IAAI,EAAC,OAAO,IAEX,aAAa,CAAC,KAAK,CACT,CACd,CACG,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/GridSections/GridSectionsContent.js

@@ -2,8 +2,8 @@ import { GridSectionsState } from './GridSectionsState';
 import { observer } from 'mobx-react-lite';
 import { GridSectionAndRepeater } from './GridSectionAndRepeater';
 import React, { useEffect, useState } from 'react';
-import { GridContent } from '../Grid/GridContent';
 import { runInAction } from 'mobx';
+import { GridSingleGridContent } from '../Grid/GridSingleGridContent';
 function _GridSectionsContent(props) {
     const { state: grid, renderSection } = props;
     const { toolbar } = grid;
@@ -25,7 +25,7 @@ function _GridSectionsContent(props) {
         });
     }, [renderSection]);
     if (!sections.length || showInitialLoader || showRefreshLoader) {
-        return React.createElement(GridContent, Object.assign({}, props, { state: state }));
+        return React.createElement(GridSingleGridContent, Object.assign({}, props, { state: state }));
     }
     return (React.createElement(React.Fragment, null, sections.map((sectionDescriptor) => (React.createElement(GridSectionAndRepeater, Object.assign({}, props, { key: sectionDescriptor.section.id, sectionDescriptor: sectionDescriptor, state: state }))))));
 }

package/dist/esm/components/GridSections/GridSectionsContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridSectionsContent.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,WAAW,EAAwB,MAAM,qBAAqB,CAAC;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAanC,SAAS,oBAAoB,CAC3B,KAAqC;IAErC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,MAAM,EACJ,iBAAiB,EACjB,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAC7B,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE;;QACH,OAAA,OAAC,IAAI,CAAC,SAAS,oCAAd,IAAI,CAAC,SAAS,GAAK,IAAI,iBAAiB,CAAC;YACxC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,aAAa;SACd,CAAC,EAAC,CAAA;KAAA,CACN,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,aAAa,EAAE;gBACjB,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;aACrC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,iBAAiB,IAAI,iBAAiB,EAAE;QAC9D,OAAO,oBAAC,WAAW,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,CAAC;KACjD;IAED,OAAO,CACL,0CACG,QAAQ,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,CACnC,oBAAC,sBAAsB,oBACjB,KAAK,IACT,GAAG,EAAE,iBAAiB,CAAC,OAAO,CAAC,EAAE,EACjC,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,IACZ,CACH,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}
+{"version":3,"file":"GridSectionsContent.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,qBAAqB,CAAC;AAEjE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAatE,SAAS,oBAAoB,CAC3B,KAAqC;IAErC,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;IAEzB,MAAM,EACJ,iBAAiB,EACjB,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAC7B,GAAG,OAAO,CAAC;IAEZ,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE;;QACH,OAAA,OAAC,IAAI,CAAC,SAAS,oCAAd,IAAI,CAAC,SAAS,GAAK,IAAI,iBAAiB,CAAC;YACxC,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,UAAU,EAAE,IAAI,CAAC,UAAU;YAC3B,aAAa;SACd,CAAC,EAAC,CAAA;KAAA,CACN,CAAC;IAEF,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,aAAa,EAAE;gBACjB,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;aACrC;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,iBAAiB,IAAI,iBAAiB,EAAE;QAC9D,OAAO,oBAAC,qBAAqB,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,IAAI,CAAC;KAC3D;IAED,OAAO,CACL,0CACG,QAAQ,CAAC,GAAG,CAAC,CAAC,iBAAiB,EAAE,EAAE,CAAC,CACnC,oBAAC,sBAAsB,oBACjB,KAAK,IACT,GAAG,EAAE,iBAAiB,CAAC,OAAO,CAAC,EAAE,EACjC,iBAAiB,EAAE,iBAAiB,EACpC,KAAK,EAAE,KAAK,IACZ,CACH,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/esm/components/GridSections/GridSectionsSectionState.js

@@ -0,0 +1,29 @@
+import { GridBaseState, gridSizePresets, topGridSizePreset, } from '../../state';
+import { computed, makeObservable } from 'mobx';
+export class GridSectionsSectionState {
+    constructor(params) {
+        this.gridSections = params.gridSections;
+        this.sectionDescriptor = params.sectionDescriptor;
+        const { imagePlacement } = params;
+        const { toolbar } = this.gridSections;
+        this.gridBase = new GridBaseState({
+            container: toolbar.container,
+            toolbar: toolbar,
+            collection: toolbar.collection,
+            sizePreset: imagePlacement
+                ? gridSizePresets[imagePlacement]
+                : topGridSizePreset,
+            range: params.sectionDescriptor.range,
+            parentState: this.gridSections,
+        });
+        makeObservable(this, {
+            isLast: computed,
+        });
+    }
+    get isLast() {
+        var _a;
+        const { sectionDescriptor: { section }, gridSections: { sections }, } = this;
+        return ((_a = sections[sections.length - 1]) === null || _a === void 0 ? void 0 : _a.section.id) === section.id;
+    }
+}
+//# sourceMappingURL=GridSectionsSectionState.js.map

package/dist/esm/components/GridSections/GridSectionsSectionState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionsSectionState.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,eAAe,EAEf,iBAAiB,GAClB,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAQhD,MAAM,OAAO,wBAAwB;IAKnC,YAAY,MAA4C;QACtD,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC;QACxC,IAAI,CAAC,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAClD,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,CAAC;QAClC,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,YAAY,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,aAAa,CAAC;YAChC,SAAS,EAAE,OAAO,CAAC,SAAS;YAC5B,OAAO,EAAE,OAAsD;YAC/D,UAAU,EAAE,OAAO,CAAC,UAAU;YAC9B,UAAU,EAAE,cAAc;gBACxB,CAAC,CAAC,eAAe,CAAC,cAAc,CAAC;gBACjC,CAAC,CAAC,iBAAiB;YACrB,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC,KAAK;YACrC,WAAW,EAAE,IAAI,CAAC,YAAY;SAC/B,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,EAAE;YACnB,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;IACL,CAAC;IAED,IAAI,MAAM;;QACR,MAAM,EACJ,iBAAiB,EAAE,EAAE,OAAO,EAAE,EAC9B,YAAY,EAAE,EAAE,QAAQ,EAAE,GAC3B,GAAG,IAAI,CAAC;QACT,OAAO,CAAA,MAAA,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,0CAAE,OAAO,CAAC,EAAE,MAAK,OAAO,CAAC,EAAE,CAAC;IAClE,CAAC;CACF"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading1302236471";
+var _namespace_ = "Heading1073157661";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading1302236471__root" };
+export var classes = { "root": "Heading1073157661__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.js

@@ -1,18 +1,13 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { InfiniteScrollLoaderBase } from './InfiniteScrollLoaderBase';
 import { SkeletonGrid } from '../SkeletonGrid';
-import { SkeletonTopImageCard } from '../SkeletonGrid/SkeletonTopImageCard';
 import { Box } from '@wix/design-system';
-import { SkeletonSideImageCard } from '../SkeletonGrid/SkeletonSideImageCard';
-function _SkeletonInfiniteScrollLoader({ state, targetRef, dataHook, imagePlacement, }) {
+function _SkeletonInfiniteScrollLoader({ state, targetRef, dataHook, }) {
     const { contentPaddingPx } = state.toolbar;
-    const renderItem = useCallback(() => {
-        return imagePlacement === 'side' ? (React.createElement(SkeletonSideImageCard, { state: state })) : (React.createElement(SkeletonTopImageCard, { state: state }));
-    }, [imagePlacement]);
     return (React.createElement(InfiniteScrollLoaderBase, { state: state.collection, targetRef: targetRef },
         React.createElement(Box, { dataHook: dataHook, paddingBottom: contentPaddingPx },
-            React.createElement(SkeletonGrid, { state: state, renderItem: renderItem }))));
+            React.createElement(SkeletonGrid, { state: state }))));
 }
 export const SkeletonInfiniteScrollLoader = observer(_SkeletonInfiniteScrollLoader);
 //# sourceMappingURL=SkeletonInfiniteScrollLoader.js.map

package/dist/esm/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonInfiniteScrollLoader.js","sourceRoot":"","sources":["../../../../src/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAQ9E,SAAS,6BAA6B,CAA0B,EAC9D,KAAK,EACL,SAAS,EACT,QAAQ,EACR,cAAc,GAC0B;IACxC,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;IAE3C,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,OAAO,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CACjC,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CACvC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS;QACrE,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB;YACtD,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CAClD,CACmB,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}
+{"version":3,"file":"SkeletonInfiniteScrollLoader.js","sourceRoot":"","sources":["../../../../src/components/InfiniteScrollLoader/SkeletonInfiniteScrollLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAI3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAOzC,SAAS,6BAA6B,CAA0B,EAC9D,KAAK,EACL,SAAS,EACT,QAAQ,GACgC;IACxC,MAAM,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC,OAAO,CAAC;IAE3C,OAAO,CACL,oBAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,SAAS;QACrE,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB;YACtD,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1B,CACmB,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}

package/dist/esm/components/InitialLoader/InitialSkeletonLoader.js

@@ -1,16 +1,11 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 import { SkeletonGrid } from '../SkeletonGrid';
 import { Box } from '@wix/design-system';
-import { SkeletonTopImageCard } from '../SkeletonGrid/SkeletonTopImageCard';
-import { SkeletonSideImageCard } from '../SkeletonGrid/SkeletonSideImageCard';
 import { observer } from 'mobx-react-lite';
 function _InitialSkeletonLoader({ state, dataHook, }) {
-    const { toolbar: { contentPaddingPx }, imagePlacement, } = state;
-    const renderItem = useCallback(() => {
-        return imagePlacement === 'side' ? (React.createElement(SkeletonSideImageCard, { state: state })) : (React.createElement(SkeletonTopImageCard, { state: state }));
-    }, [imagePlacement]);
+    const { toolbar: { contentPaddingPx }, } = state;
     return (React.createElement(Box, { dataHook: dataHook, direction: "vertical", paddingBottom: contentPaddingPx },
-        React.createElement(SkeletonGrid, { state: state, renderItem: renderItem })));
+        React.createElement(SkeletonGrid, { state: state })));
 }
 export const InitialSkeletonLoader = observer(_InitialSkeletonLoader);
 //# sourceMappingURL=InitialSkeletonLoader.js.map

package/dist/esm/components/InitialLoader/InitialSkeletonLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"InitialSkeletonLoader.js","sourceRoot":"","sources":["../../../../src/components/InitialLoader/InitialSkeletonLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAC5E,OAAO,EAAE,qBAAqB,EAAE,MAAM,uCAAuC,CAAC;AAC9E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAO3C,SAAS,sBAAsB,CAA0B,EACvD,KAAK,EACL,QAAQ,GACyB;IACjC,MAAM,EACJ,OAAO,EAAE,EAAE,gBAAgB,EAAE,EAC7B,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,OAAO,cAAc,KAAK,MAAM,CAAC,CAAC,CAAC,CACjC,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CACvC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EACpB,aAAa,EAAE,gBAAgB;QAE/B,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI,CAClD,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}
+{"version":3,"file":"InitialSkeletonLoader.js","sourceRoot":"","sources":["../../../../src/components/InitialLoader/InitialSkeletonLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAO3C,SAAS,sBAAsB,CAA0B,EACvD,KAAK,EACL,QAAQ,GACyB;IACjC,MAAM,EACJ,OAAO,EAAE,EAAE,gBAAgB,EAAE,GAC9B,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,UAAU,EACpB,aAAa,EAAE,gBAAgB;QAE/B,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1B,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow2951809130";
+var _namespace_ = "InputOverflow697550583";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow2951809130__root" };
+export var classes = { "root": "InputOverflow697550583__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MaxHeightText/MaxHeightText.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText4141814705";
+var _namespace_ = "MaxHeightText1566353541";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxHeightText4141814705__root" };
+export var classes = { "root": "MaxHeightText1566353541__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines1148283265";
+var _namespace_ = "MaxLines589991866";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MaxLines1148283265__root" };
+export var classes = { "root": "MaxLines589991866__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/MaxLines/MaxLines.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AACzD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACxD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar2370392866";
+var _namespace_ = "MultiBulkActionToolbar1140527917";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar2370392866__root" };
+export var classes = { "root": "MultiBulkActionToolbar1140527917__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow1302323744";
+var _namespace_ = "NestedTableRow3445848428";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow1302323744__root", "firstLevel": "NestedTableRow1302323744__firstLevel", "placeholder": "NestedTableRow1302323744__placeholder", "parentHovered": "NestedTableRow1302323744__parentHovered" };
+export var classes = { "root": "NestedTableRow3445848428__root", "firstLevel": "NestedTableRow3445848428__firstLevel", "placeholder": "NestedTableRow3445848428__placeholder", "parentHovered": "NestedTableRow3445848428__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContent.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent200475752";
+var _namespace_ = "PickerContent3629113188";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContent200475752__root" };
+export var classes = { "root": "PickerContent3629113188__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContent.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"PickerContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}