@wix/patterns 1.10.0 → 1.12.0

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse3941354745__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3941354745__exit{height:0}.CollectionToolbar1877632772__left{min-width:0}.CollectionToolbar1877632772__left.CollectionToolbar1877632772--expandable{flex:auto}.CollectionToolbar1877632772__root .CollectionToolbar1877632772__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar1877632772__root .CollectionToolbar1877632772__right.CollectionToolbar1877632772__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter979898693__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly1544752419__root.AutoCompleteReadonly1544752419--disableEditing{cursor:pointer}.AutoCompleteReadonly1544752419__root.AutoCompleteReadonly1544752419--disableEditing input{cursor:pointer}.ViewsDropdown2888181096__root{width:200px}.CustomFieldsViewWidgetSection138672296__breakWord{overflow-wrap:break-word}.DragHandle3406521059__root{display:flex;align-items:center}.DragHandle3406521059__root:not(.DragHandle3406521059--disabled){cursor:grab;color:#a8caff}.DragHandle3406521059__root.DragHandle3406521059--disabled{color:#acafc4}.DragHandle3406521059__root:focus-visible:not(.DragHandle3406521059--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3406521059__root.DragHandle3406521059--disabled{pointer-events:none}.DragHandle3406521059__root.DragHandle3406521059--dragging:not(.DragHandle3406521059--disabled){cursor:grabbing}.Fade2496124639__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2496124639__root.Fade2496124639--exit{opacity:0}.Heading3103965977__root{visibility:visible}.Heading3103965977__root.Heading3103965977--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3241239007__root.InputOverflow3241239007--selected:not(.InputOverflow3241239007--focused) input::placeholder{color:#000624}.MaxHeightText373711843__root{opacity:1}.MaxHeightText373711843__root.MaxHeightText373711843--height24{line-height:24px}.MaxLines4135193228__root{overflow:hidden}.MaxLines4135193228__root.MaxLines4135193228--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar974509010__root{min-width:0}.NestedTableRow2072517514__firstLevel{background-color:#f7f8f8}.NestedTableRow2072517514__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2072517514__root.NestedTableRow2072517514--expandable{cursor:pointer}.NestedTableRow2072517514__placeholder td{padding-top:0!important;padding-bottom:0!important}.NestedTableRow2072517514__root:hover{background-color:#e7f0ff}.NestedTableRow2072517514__root:hover td:first-of-type::before,.NestedTableRow2072517514__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.PickerContent2408778033__root{display:flex}.PickerContentAdditionalStep254552554__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep254552554__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3797987086__root{box-sizing:border-box}.ScrollableContent1889768488__root.ScrollableContent1889768488--overflowY{overflow-y:auto}.ScrollableContent1889768488__root.ScrollableContent1889768488--overflowX{overflow-x:auto}.ScrollableContent1889768488__root.ScrollableContent1889768488--smooth{scroll-behavior:smooth}.SkeletonCard1915106834__headerLoading{display:block!important}.SlidingModal308956963__root{box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12);transition:transform .4s ease 0s;position:fixed;z-index:1}.TableVirtual3440164976__root{display:flex;min-width:100%;width:auto}.TableVirtual3440164976__thead{display:inline-flex;min-width:100%}.TableVirtual3440164976__root td,.TableVirtual3440164976__root th{align-items:center;display:flex}.TableVirtual3440164976__root.TableVirtual3440164976--horizontalScroll td,.TableVirtual3440164976__root.TableVirtual3440164976--horizontalScroll th{flex-shrink:0}.TableVirtual3440164976__root th{justify-content:start}.TabsFilter293479410__root .TabsFilter293479410__title{color:inherit!important}.ManageTagsModal3629324294__root{display:flex}.ToolbarItemBox1086629170__root{min-width:0}.ToolbarItemBox1086629170__root.ToolbarItemBox1086629170--removeStartPadding{margin-left:-24px}.ToolbarItemBox1086629170__root.ToolbarItemBox1086629170--expandable{flex:1 0}.common3374690212__column{display:flex;flex-direction:column}.common3374690212__fullHeight{height:100%;min-height:0}
+.Collapse2740605068__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2740605068__exit{height:0}.CollectionToolbar144262344__left{min-width:0}.CollectionToolbar144262344__left.CollectionToolbar144262344--expandable{flex:auto}.CollectionToolbar144262344__root .CollectionToolbar144262344__right{justify-content:flex-end!important;flex:auto}.CollectionToolbar144262344__root .CollectionToolbar144262344__right.CollectionToolbar144262344__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter2064571352__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2342577484__root.AutoCompleteReadonly2342577484--disableEditing{cursor:pointer}.AutoCompleteReadonly2342577484__root.AutoCompleteReadonly2342577484--disableEditing input{cursor:pointer}.ViewsDropdown992667438__root{width:200px}.CustomFieldsViewWidgetSection4091997558__breakWord{overflow-wrap:break-word}.DragHandle492387075__root{display:flex;align-items:center}.DragHandle492387075__root:not(.DragHandle492387075--disabled){cursor:grab;color:#a8caff}.DragHandle492387075__root.DragHandle492387075--disabled{color:#acafc4}.DragHandle492387075__root:focus-visible:not(.DragHandle492387075--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle492387075__root.DragHandle492387075--disabled{pointer-events:none}.DragHandle492387075__root.DragHandle492387075--dragging:not(.DragHandle492387075--disabled){cursor:grabbing}.Fade1985381060__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1985381060__root.Fade1985381060--exit{opacity:0}.Heading1073157661__root{visibility:visible}.Heading1073157661__root.Heading1073157661--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow697550583__root.InputOverflow697550583--selected:not(.InputOverflow697550583--focused) input::placeholder{color:#000624}.MaxHeightText1566353541__root{opacity:1}.MaxHeightText1566353541__root.MaxHeightText1566353541--height24{line-height:24px}.MaxLines589991866__root{overflow:hidden}.MaxLines589991866__root.MaxLines589991866--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1140527917__root{min-width:0}.NestedTableRow3445848428__firstLevel{background-color:#f7f8f8}.NestedTableRow3445848428__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow3445848428__root.NestedTableRow3445848428--expandable{cursor:pointer}.NestedTableRow3445848428__placeholder td{padding-top:0!important;padding-bottom:0!important}.NestedTableRow3445848428__root:hover{background-color:#e7f0ff}.NestedTableRow3445848428__root:hover td:first-of-type::before,.NestedTableRow3445848428__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.PickerContent3629113188__root{display:flex}.PickerContentAdditionalStep1914780629__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1914780629__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2375934690__root{box-sizing:border-box}.ScrollableContent3875386268__root.ScrollableContent3875386268--overflowY{overflow-y:auto}.ScrollableContent3875386268__root.ScrollableContent3875386268--overflowX{overflow-x:auto}.ScrollableContent3875386268__root.ScrollableContent3875386268--smooth{scroll-behavior:smooth}.SkeletonCard1927146606__headerLoading{display:block!important}.SlidingModal3560892247__root{box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12);transition:transform .4s ease 0s;position:fixed;z-index:1}.TableVirtual3283709421__root{display:flex;min-width:100%;width:auto}.TableVirtual3283709421__thead{display:inline-flex;min-width:100%}.TableVirtual3283709421__root td,.TableVirtual3283709421__root th{align-items:center;display:flex}.TableVirtual3283709421__root.TableVirtual3283709421--horizontalScroll td,.TableVirtual3283709421__root.TableVirtual3283709421--horizontalScroll th{flex-shrink:0}.TableVirtual3283709421__root th{justify-content:start}.TabsFilter1030839883__root .TabsFilter1030839883__title{color:inherit!important}.ManageTagsModal2389139827__root{display:flex}.ToolbarItemBox710540229__root{min-width:0}.ToolbarItemBox710540229__root.ToolbarItemBox710540229--removeStartPadding{margin-left:-24px}.ToolbarItemBox710540229__root.ToolbarItemBox710540229--expandable{flex:1 0}.common1931237615__column{display:flex;flex-direction:column}.common1931237615__fullHeight{height:100%;min-height:0}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.10.0';
+const version = exports.version = 'patterns@1.12.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.10.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,iBAAiB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.12.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,iBAAiB","ignoreList":[]}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3941354745";
+var _namespace_ = "Collapse2740605068";
 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": "Collapse3941354745__root", "exit": "Collapse3941354745__exit" };
+export var classes = { "root": "Collapse2740605068__root", "exit": "Collapse2740605068__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1877632772";
+var _namespace_ = "CollectionToolbar144262344";
 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": "CollectionToolbar1877632772__root", "left": "CollectionToolbar1877632772__left", "right": "CollectionToolbar1877632772__right", "fullWidth": "CollectionToolbar1877632772__fullWidth" };
+export var classes = { "root": "CollectionToolbar144262344__root", "left": "CollectionToolbar144262344__left", "right": "CollectionToolbar144262344__right", "fullWidth": "CollectionToolbar144262344__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,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,mCAAmC,EAAC,MAAM,EAAC,mCAAmC,EAAC,OAAO,EAAC,oCAAoC,EAAC,WAAW,EAAC,wCAAwC,EAAC,CAAC;AAC/M,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":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,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,kCAAkC,EAAC,MAAM,EAAC,kCAAkC,EAAC,OAAO,EAAC,mCAAmC,EAAC,WAAW,EAAC,uCAAuC,EAAC,CAAC;AAC3M,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/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter979898693";
+var _namespace_ = "SearchOrCustomFilter2064571352";
 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": "SearchOrCustomFilter979898693__root", "search": "SearchOrCustomFilter979898693__search" };
+export var classes = { "root": "SearchOrCustomFilter2064571352__root", "search": "SearchOrCustomFilter2064571352__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,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,qCAAqC,EAAC,QAAQ,EAAC,uCAAuC,EAAC,CAAC;AACrH,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":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,QAAQ,EAAC,wCAAwC,EAAC,CAAC;AACvH,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly1544752419";
+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": "AutoCompleteReadonly1544752419__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_ = "ViewsDropdown2888181096";
+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": "ViewsDropdown2888181096__root" };
+export var classes = { "root": "ViewsDropdown992667438__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.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":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CustomFieldsViewWidgetSection138672296";
+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": "CustomFieldsViewWidgetSection138672296__root", "breakWord": "CustomFieldsViewWidgetSection138672296__breakWord" };
+export var classes = { "root": "CustomFieldsViewWidgetSection4091997558__root", "breakWord": "CustomFieldsViewWidgetSection4091997558__breakWord" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"CustomFieldsViewWidgetSection.st.css.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,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,8CAA8C,EAAC,WAAW,EAAC,mDAAmD,EAAC,CAAC;AAC7I,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":"CustomFieldsViewWidgetSection.st.css.js","sourceRoot":"","sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yCAAyC,CAAC;AAC5D,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,+CAA+C,EAAC,WAAW,EAAC,oDAAoD,EAAC,CAAC;AAC/I,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/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle3406521059";
+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": "DragHandle3406521059__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_ = "Fade2496124639";
+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": "Fade2496124639__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":"AAAA,OAAO,KAAK,EAAE,EAEZ,SAAS,EACT,eAAe,EACf,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,aAAa,EACb,eAAe,EAEf,iBAAiB,GAClB,MAAM,aAAa,CAAC;AACrB,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;AAkCjF,SAAS,YAAY,CACnB,KAA6B;IAE7B,MAAM,EACJ,KAAK,EACL,KAAK,EACL,wBAAwB,EACxB,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,EACJ,OAAO,EAAE,EACP,gBAAgB,EAChB,iBAAiB,EACjB,KAAK,EAAE,EAAE,iBAAiB,EAAE,GAC7B,GACF,GAAG,KAAK,CAAC;IAEV,MAAM,CAAC,IAAI,CAAC,GAAG,QAAQ,CACrB,GAAG,EAAE,CACH,IAAI,aAAa,CAAC;QAChB,SAAS,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS;QAClC,OAAO,EAAE,KAAK,CAAC,OAAsD;QACrE,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,UAAU,EAAE,cAAc;YACxB,CAAC,CAAC,eAAe,CAAC,cAAc,CAAC;YACjC,CAAC,CAAC,iBAAiB;QACrB,KAAK;KACN,CAAC,CACL,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;QAE5B,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAErB,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,GAAG,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;YAClC,CAAC,KAAK,CAAC,CAAC,IAAI,SAAS,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,oBAAoB,iCACf,KAAK,KACR,KAAK,EAAE,IAAI,IACX,CAAC;IAEH,MAAM,UAAU,GAAG,aAAa,iCAC3B,KAAK,KACR,KAAK,EAAE,IAAI,IACX,CAAC;IAEH,IAAI,KAAK,GAAG,oBAAC,mBAAmB,IAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,GAAI,CAAC;IAE7E,IAAI,WAAW,EAAE;QACf,MAAM,EAAE,oBAAoB,EAAE,eAAe,EAAE,GAAG,WAAW,CAAC;QAE9D,KAAK,GAAG,CACN,oBAAC,eAAe,IACd,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,iBAAiB,EAC3B,QAAQ,EAAE,iBAAiB;YAE1B,KAAK;YACN,oBAAC,oBAAoB,IAAC,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,UAAU,GAAI,CAC7C,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,IAAI,GACX,CACH,CAAC;KACH;SAAM;QACL,KAAK,GAAG,CACN;YACG,KAAK;YACL,wBAAwB,IAAI,CAC3B,oBAAC,4BAA4B,IAC3B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAE,IAAI,EACX,gBAAgB,SAChB,CACH,CACA,CACJ,CAAC;KACH;IAED,eAAe,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,mBAAmB,CAAC,cAAc,EAAE,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAErD,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,IAAI,CAAC,mBAAmB,CAAC,OAAO,GAAG,EAAE,CAAC;YACxC,CAAC,IAEA,KAAK,CACF,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC"}
+{"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 }) }));
+    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,EAAE,oBAAC,0BAA0B,IAAC,OAAO,EAAE,OAAO,GAAI,GACxD,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

@@ -1,7 +1,18 @@
+import { __rest } from "tslib";
 import { Box, TextButton } from '@wix/design-system';
 import React from 'react';
+import { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';
 export function GridSectionHeaderActionBar(props) {
-    const { section: { primaryAction }, } = props;
-    return (React.createElement(Box, { direction: "horizontal" }, primaryAction && (React.createElement(TextButton, { prefixIcon: primaryAction.prefixIcon, dataHook: "grid-section-header-primary-action", onClick: primaryAction.onClick, size: "small" }, primaryAction.label))));
+    const _a = props.section, { primaryAction } = _a, section = __rest(_a, ["primaryAction"]), { state: { gridSections: { toolbar: { toolbarBIReporter }, }, } } = props;
+    const onClickWithBi = () => {
+        var _a;
+        toolbarBIReporter.reportBi(wixPatternsSectionHeaderPrimaryActionClicked({
+            sectionId: section.id,
+            cta: primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.id,
+            componentType: 'GridSections',
+        }));
+        (_a = primaryAction === null || primaryAction === void 0 ? void 0 : primaryAction.onClick) === null || _a === void 0 ? void 0 : _a.call(primaryAction);
+    };
+    return (React.createElement(Box, { direction: "horizontal" }, primaryAction && (React.createElement(TextButton, { prefixIcon: primaryAction.prefixIcon, dataHook: "grid-section-header-primary-action", onClick: onClickWithBi, size: "small" }, primaryAction.label))));
 }
 //# sourceMappingURL=GridSectionHeaderActionBar.js.map

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;AAO1B,MAAM,UAAU,0BAA0B,CACxC,KAAsC;IAEtC,MAAM,EACJ,OAAO,EAAE,EAAE,aAAa,EAAE,GAC3B,GAAG,KAAK,CAAC;IACV,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,CAAC,OAAO,EAC9B,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_ = "Heading3103965977";
+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": "Heading3103965977__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"}