@wix/patterns 1.10.0 → 1.12.0

package/dist/cjs/components/BulkAction/BulkActionModalRenderProp.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/BulkAction/BulkActionModalRenderProp.ts"],"sourcesContent":["import { ComputedQueryFull, FiltersMap } from '@wix/bex-core';\nimport { ReactElement } from 'react';\n\nexport interface BulkActionModalRenderPropParams<T, F extends FiltersMap> {\n  openModal: () => void;\n  closeModal: () => void;\n  closeModalAndScrollTop: () => void;\n  readonly isModalOpen: boolean;\n  readonly allSelected: boolean;\n  readonly selectedValues: T[];\n  readonly uncheckedValues: T[];\n  scrollToTop: () => void;\n  query: ComputedQueryFull<F>;\n}\n\nexport type BulkActionModalRenderProp<T, F extends FiltersMap> = (\n  params: BulkActionModalRenderPropParams<T, F>,\n) => ReactElement;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/BulkAction/BulkActionModalRenderProp.ts"],"sourcesContent":["import { ComputedQueryFull, FiltersMap } from '@wix/bex-core';\nimport { ReactElement } from 'react';\n\nexport interface BulkActionModalRenderPropParams<T, F extends FiltersMap> {\n  /**\n   * Opens the modal .\n   */\n  openModal: () => void;\n  /**\n   * Closes the modal.\n   */\n  closeModal: () => void;\n  closeModalAndScrollTop: () => void;\n  /**\n   * return true if the modal is open\n   */\n  readonly isModalOpen: boolean;\n  /**\n   * return boolean value Whether the Select All option is selected.\n   */\n  readonly allSelected: boolean;\n  /**\n   * Selected item values.\n   */\n  readonly selectedValues: T[];\n  /**\n   *  Unselected item values.\n   */\n  readonly uncheckedValues: T[];\n  scrollToTop: () => void;\n  /**\n   * Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--computedquery) that represents the query that resulted in an empty state.\n   * Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @overrideType [ComputedQuery](./?path=/story/common-models--computedquery)\n   */\n  query: ComputedQueryFull<F>;\n}\n\nexport type BulkActionModalRenderProp<T, F extends FiltersMap> = (\n  params: BulkActionModalRenderPropParams<T, F>,\n) => ReactElement;\n"],"mappings":"","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse3941354745";
+var _namespace_ = "Collapse2740605068";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Collapse3941354745__root",
-  "exit": "Collapse3941354745__exit"
+  "root": "Collapse2740605068__root",
+  "exit": "Collapse2740605068__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse3941354745\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse3941354745__root\",\"exit\":\"Collapse3941354745__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse2740605068\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse2740605068__root\",\"exit\":\"Collapse2740605068__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar1877632772";
+var _namespace_ = "CollectionToolbar144262344";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionToolbar1877632772__root",
-  "left": "CollectionToolbar1877632772__left",
-  "right": "CollectionToolbar1877632772__right",
-  "fullWidth": "CollectionToolbar1877632772__fullWidth"
+  "root": "CollectionToolbar144262344__root",
+  "left": "CollectionToolbar144262344__left",
+  "right": "CollectionToolbar144262344__right",
+  "fullWidth": "CollectionToolbar144262344__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1877632772\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar1877632772__root\",\"left\":\"CollectionToolbar1877632772__left\",\"right\":\"CollectionToolbar1877632772__right\",\"fullWidth\":\"CollectionToolbar1877632772__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar144262344\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar144262344__root\",\"left\":\"CollectionToolbar144262344__left\",\"right\":\"CollectionToolbar144262344__right\",\"fullWidth\":\"CollectionToolbar144262344__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,4BAA4B;AAC9C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,kCAAkC;EAAC,MAAM,EAAC,kCAAkC;EAAC,OAAO,EAAC,mCAAmC;EAAC,WAAW,EAAC;AAAuC,CAAC;AACnM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter979898693";
+var _namespace_ = "SearchOrCustomFilter2064571352";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SearchOrCustomFilter979898693__root",
-  "search": "SearchOrCustomFilter979898693__search"
+  "root": "SearchOrCustomFilter2064571352__root",
+  "search": "SearchOrCustomFilter2064571352__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter979898693\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter979898693__root\",\"search\":\"SearchOrCustomFilter979898693__search\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qCAAqC;EAAC,QAAQ,EAAC;AAAuC,CAAC;AAC7G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2064571352\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter2064571352__root\",\"search\":\"SearchOrCustomFilter2064571352__search\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly1544752419";
+var _namespace_ = "AutoCompleteReadonly2342577484";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "AutoCompleteReadonly1544752419__root"
+  "root": "AutoCompleteReadonly2342577484__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1544752419\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly1544752419__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2342577484\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly2342577484__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ViewsDropdown2888181096";
+var _namespace_ = "ViewsDropdown992667438";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ViewsDropdown2888181096__root"
+  "root": "ViewsDropdown992667438__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown2888181096\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown2888181096__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown992667438\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown992667438__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CtaProps.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/CtaProps.ts"],"sourcesContent":["import { IconElement } from '@wix/design-system';\n\nexport interface CtaBaseProps {\n  /**\n   * A callback that runs each time the button is clicked.\n   */\n  onClick?: () => void;\n  /*\n   * Button label.\n   */\n  label?: string;\n\n  /*\n   * A unique name for CTAClick bi event. For example: 'edit'.\n   */\n  biName?: string;\n  /*\n   * An optional Icon prefix.\n   */\n  prefixIcon?: IconElement;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/components/CtaProps.ts"],"sourcesContent":["import { IconElement } from '@wix/design-system';\n\nexport interface CtaBaseProps {\n  /*\n   * A unique idetifier dor the CTA.\n   */\n  id: string;\n  /**\n   * A callback that runs each time the button is clicked.\n   */\n  onClick?: () => void;\n  /*\n   * Button label.\n   */\n  label?: string;\n  /*\n   * An optional Icon prefix.\n   */\n  prefixIcon?: IconElement;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CustomFieldsViewWidgetSection138672296";
+var _namespace_ = "CustomFieldsViewWidgetSection4091997558";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CustomFieldsViewWidgetSection138672296__root",
-  "breakWord": "CustomFieldsViewWidgetSection138672296__breakWord"
+  "root": "CustomFieldsViewWidgetSection4091997558__root",
+  "breakWord": "CustomFieldsViewWidgetSection4091997558__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection138672296\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldsViewWidgetSection138672296__root\",\"breakWord\":\"CustomFieldsViewWidgetSection138672296__breakWord\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8CAA8C;EAAC,WAAW,EAAC;AAAmD,CAAC;AACrI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection4091997558\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldsViewWidgetSection4091997558__root\",\"breakWord\":\"CustomFieldsViewWidgetSection4091997558__breakWord\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yCAAyC;AAC3D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "DragHandle3406521059";
+var _namespace_ = "DragHandle492387075";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "DragHandle3406521059__root"
+  "root": "DragHandle492387075__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3406521059\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle3406521059__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle492387075\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"DragHandle492387075__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Fade2496124639";
+var _namespace_ = "Fade1985381060";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Fade2496124639__root"
+  "root": "Fade1985381060__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2496124639\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade2496124639__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1985381060\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Fade1985381060__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/Grid/Grid.js

@@ -6,13 +6,13 @@ exports.Grid = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _getToolbarCollectionFeaturesInitializers = require("../../state/getToolbarCollectionFeaturesInitializers");
-var _GridContent = require("./GridContent");
 var _ToolbarCollectionContentAutoSizer = require("../ToolbarCollectionContentAutoSizer");
 var _GridPlaceholderStates = require("./GridPlaceholderStates");
 var _CollectionCard = require("../CollectionCard");
 var _ToolbarCollection = require("../ToolbarCollection");
 var _mobxReactLite = require("mobx-react-lite");
 var _useToolbarCollectionSyncProps = require("../ToolbarCollection/useToolbarCollectionSyncProps");
+var _GridSingleGridContent = require("./GridSingleGridContent");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Grid/Grid.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -92,9 +92,8 @@ function _Grid(props) {
       lineNumber: 122,
       columnNumber: 15
     }
-  })) : /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
+  })) : /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
     state: state,
-    withInfiniteScrollLoader: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_GridContent","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","renderError","emptyState","noResultsState","topNotification","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","renderSection","GridContent","withInfiniteScrollLoader","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState } from '../../state';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridContent } from './GridContent';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport { Section } from '../GridSections/GridSectionsState';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * <br><br>\n   * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n   * @external\n   */\n  dragAndDrop?: DragAndDrop;\n\n  /**\n   * Grid state instance created using `useGrid`.\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    renderSection?: (item: T) => Section;\n  };\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    emptyState,\n    noResultsState,\n    topNotification,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          renderError={renderError}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridContent {...props} state={state} withInfiniteScrollLoader />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","renderError","emptyState","noResultsState","topNotification","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState } from '../../state';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport { Section } from '../GridSections/GridSectionsState';\nimport { GridSingleGridContent } from './GridSingleGridContent';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * <br><br>\n   * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n   * @external\n   */\n  dragAndDrop?: DragAndDrop;\n\n  /**\n   * Grid state instance created using `useGrid`.\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    renderSection?: (item: T) => Section;\n  };\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    emptyState,\n    noResultsState,\n    topNotification,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          renderError={renderError}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridSingleGridContent {...props} state={state} />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,6 @@ exports.__esModule = true;
 exports.GridContent = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
-var _state = require("../../state");
 var _InitialSkeletonLoader = require("../InitialLoader/InitialSkeletonLoader");
 var _PageGridInfiniteScrollLoader = require("../PageGridInfiniteScrollLoader");
 var _designSystem = require("@wix/design-system");
@@ -17,12 +16,10 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 function _GridContent(props) {
   const {
     state,
-    range,
     withInfiniteScrollLoader,
     dragAndDrop,
     dragAndDropSubmit,
-    dragAndDropCancel,
-    imagePlacement
+    dragAndDropCancel
   } = props;
   const {
     toolbar: {
@@ -33,41 +30,16 @@ function _GridContent(props) {
       }
     }
   } = state;
-  const [grid] = (0, _react.useState)(() => new _state.GridBaseState({
-    container: state.toolbar.container,
-    toolbar: state.toolbar,
-    collection: state.collection,
-    sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
-    range
-  }));
-  (0, _react.useEffect)(() => {
-    const {
-      _subGrids
-    } = state;
-    if (!_subGrids) {
-      return;
-    }
-    _subGrids.push(grid);
-    return () => {
-      const i = _subGrids.indexOf(grid);
-      i !== -1 && _subGrids.splice(i, 1);
-    };
-  }, []);
-  (0, _useGridBaseSyncProps.useGridBaseSyncProps)({
-    ...props,
-    state: grid
-  });
-  const renderItem = (0, _useRenderItem.useRenderItem)({
-    ...props,
-    state: grid
-  });
+  (0, _useGridBaseSyncProps.useGridBaseSyncProps)(props);
+  (0, _react.useEffect)(() => state.init(), []);
+  const renderItem = (0, _useRenderItem.useRenderItem)(props);
   let child = /*#__PURE__*/_react.default.createElement(_VirtualGridRepeater.VirtualGridRepeater, {
     renderItem: renderItem,
-    gridState: grid,
+    gridState: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 65,
       columnNumber: 15
     }
   });
@@ -77,22 +49,22 @@ function _GridContent(props) {
       SortableContext
     } = dragAndDrop;
     child = /*#__PURE__*/_react.default.createElement(SortableContext, {
-      state: grid,
+      state: state,
       onSubmit: dragAndDropSubmit,
       onCancel: dragAndDropCancel,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119,
+        lineNumber: 71,
         columnNumber: 7
       }
     }, child, /*#__PURE__*/_react.default.createElement(DraggableCardOverlay, {
-      state: grid,
+      state: state,
       renderItem: renderItem,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 77,
         columnNumber: 9
       }
     }));
@@ -100,31 +72,31 @@ function _GridContent(props) {
   if (showRefreshLoader || showInitialLoader) {
     child = /*#__PURE__*/_react.default.createElement(_InitialSkeletonLoader.InitialSkeletonLoader, {
       dataHook: showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader',
-      state: grid,
+      state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 132,
+        lineNumber: 84,
         columnNumber: 7
       }
     });
   } else {
     child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child, withInfiniteScrollLoader && /*#__PURE__*/_react.default.createElement(_PageGridInfiniteScrollLoader.PageGridInfiniteScrollLoader, {
       dataHook: "infinite-scroll-loader",
-      state: grid,
+      state: state,
       scrollMoreAlways: true,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 144,
+        lineNumber: 96,
         columnNumber: 11
       }
     }));
   }
   (0, _react.useLayoutEffect)(() => {
-    grid._containerRectState._syncThrottled();
+    state._containerRectState._syncThrottled();
   }, []);
-  (0, _react.useEffect)(() => grid._containerRectState.init(), []);
+  (0, _react.useEffect)(() => state._containerRectState.init(), []);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     paddingTop: contentPaddingPx,
@@ -133,17 +105,17 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 161,
+      lineNumber: 113,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: el => {
-      grid._containerRectState.element = el;
+      state._containerRectState.element = el;
     },
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 119,
       columnNumber: 7
     }
   }, child));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_state","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_useGridBaseSyncProps","_useRenderItem","_VirtualGridRepeater","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","range","withInfiniteScrollLoader","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","imagePlacement","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","grid","useState","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","useEffect","_subGrids","push","indexOf","splice","useGridBaseSyncProps","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","InitialSkeletonLoader","dataHook","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","useLayoutEffect","_containerRectState","_syncThrottled","init","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useEffect,\n  useLayoutEffect,\n  useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n  GridBaseState,\n  gridSizePresets,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { AddItemProps, Box } from '@wix/design-system';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport {\n  DragAndDrop,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridContentBaseProps<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n  imagePlacement?: 'side' | 'top';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  actionCell?: ActionCell<T, F>;\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: DragAndDrop;\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n}\n\nexport interface GridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: {\n    toolbar: ToolbarCollectionState<T, F>;\n    collection: CollectionState<T, F>;\n    _subGrids?: GridBaseState<T, F>[];\n  };\n  range?: { start: number; length: number };\n  withInfiniteScrollLoader?: boolean;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridContentProps<T, F>,\n) {\n  const {\n    state,\n    range,\n    withInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n    imagePlacement,\n  } = props;\n\n  const {\n    toolbar: {\n      contentPaddingPx,\n      showInitialLoader,\n      multi: { showRefreshLoader },\n    },\n  } = state;\n\n  const [grid] = useState(\n    () =>\n      new GridBaseState({\n        container: state.toolbar.container,\n        toolbar: state.toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n        collection: state.collection,\n        sizePreset: imagePlacement\n          ? gridSizePresets[imagePlacement]\n          : topGridSizePreset,\n        range,\n      }),\n  );\n\n  useEffect(() => {\n    const { _subGrids } = state;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(grid);\n\n    return () => {\n      const i = _subGrids.indexOf(grid);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }, []);\n\n  useGridBaseSyncProps({\n    ...props,\n    state: grid,\n  });\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: grid,\n  });\n\n  let child = <VirtualGridRepeater renderItem={renderItem} gridState={grid} />;\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={grid}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={grid} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  if (showRefreshLoader || showInitialLoader) {\n    child = (\n      <InitialSkeletonLoader\n        dataHook={\n          showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n        }\n        state={grid}\n      />\n    );\n  } else {\n    child = (\n      <>\n        {child}\n        {withInfiniteScrollLoader && (\n          <PageGridInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={grid}\n            scrollMoreAlways\n          />\n        )}\n      </>\n    );\n  }\n\n  useLayoutEffect(() => {\n    grid._containerRectState._syncThrottled();\n  }, []);\n\n  useEffect(() => grid._containerRectState.init(), []);\n\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingTop={contentPaddingPx}\n      paddingRight={contentPaddingPx}\n      paddingLeft={contentPaddingPx}\n    >\n      <div\n        ref={(el) => {\n          grid._containerRectState.element = el;\n        }}\n      >\n        {child}\n      </div>\n    </Box>\n  );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_useGridBaseSyncProps","_useRenderItem","_VirtualGridRepeater","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","withInfiniteScrollLoader","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","useGridBaseSyncProps","useEffect","init","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","InitialSkeletonLoader","dataHook","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","useLayoutEffect","_containerRectState","_syncThrottled","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useLayoutEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { AddItemProps, Box } from '@wix/design-system';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport {\n  DragAndDrop,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridContentBaseProps<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n  imagePlacement?: 'side' | 'top';\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n  actionCell?: ActionCell<T, F>;\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: DragAndDrop;\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n}\n\nexport interface GridContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridBaseState<T, F>;\n  range?: { start: number; length: number };\n  withInfiniteScrollLoader?: boolean;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n  props: GridContentProps<T, F>,\n) {\n  const {\n    state,\n    withInfiniteScrollLoader,\n    dragAndDrop,\n    dragAndDropSubmit,\n    dragAndDropCancel,\n  } = props;\n\n  const {\n    toolbar: {\n      contentPaddingPx,\n      showInitialLoader,\n      multi: { showRefreshLoader },\n    },\n  } = state;\n\n  useGridBaseSyncProps(props);\n\n  useEffect(() => state.init(), []);\n\n  const renderItem = useRenderItem(props);\n\n  let child = <VirtualGridRepeater renderItem={renderItem} gridState={state} />;\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={state}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={state} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  if (showRefreshLoader || showInitialLoader) {\n    child = (\n      <InitialSkeletonLoader\n        dataHook={\n          showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n        }\n        state={state}\n      />\n    );\n  } else {\n    child = (\n      <>\n        {child}\n        {withInfiniteScrollLoader && (\n          <PageGridInfiniteScrollLoader\n            dataHook=\"infinite-scroll-loader\"\n            state={state}\n            scrollMoreAlways\n          />\n        )}\n      </>\n    );\n  }\n\n  useLayoutEffect(() => {\n    state._containerRectState._syncThrottled();\n  }, []);\n\n  useEffect(() => state._containerRectState.init(), []);\n\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingTop={contentPaddingPx}\n      paddingRight={contentPaddingPx}\n      paddingLeft={contentPaddingPx}\n    >\n      <div\n        ref={(el) => {\n          state._containerRectState.element = el;\n        }}\n      >\n        {child}\n      </div>\n    </Box>\n  );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -78,7 +78,6 @@ function _GridFoldersFolderSection({
     }
   }), state.showAllFolders && /*#__PURE__*/_react.default.createElement(_PageGridInfiniteScrollLoader.PageGridInfiniteScrollLoader, {
     dataHook: "folders-infinite-scroll-loader",
-    imagePlacement: "side",
     state: state.folders,
     scrollMoreAlways: true,
     __self: this,

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

@@ -1 +1 @@
-{"version":3,"names":["_GridSectionHeader","require","_designSystem","_VirtualGridRepeater","_PageGridInfiniteScrollLoader","_react","_interopRequireDefault","_mobxReactLite","_GridFoldersSection","_InitialSkeletonLoader","_jsxFileName","_GridFoldersFolderSection","state","renderItem","sectionTitle","container","translate","t","toolbar","folders","collection","showRefreshLoader","default","createElement","GridFoldersSection","dataHook","header","showFoldersSectionHeader","GridSectionHeader","suffix","showToggleShowAllLessButton","TextButton","size","onClick","toggleShowAllFolders","__self","__source","fileName","lineNumber","columnNumber","showAllFolders","VirtualGridRepeater","gridState","InitialSkeletonLoader","PageGridInfiniteScrollLoader","imagePlacement","scrollMoreAlways","GridFoldersFolderSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersFolderSection.tsx"],"sourcesContent":["import { GridSectionHeader } from './GridSectionHeader';\nimport { TextButton } from '@wix/design-system';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersSection } from './GridFoldersSection';\nimport { GridFoldersState } from '../../state';\nimport { RenderItem } from './RenderItem';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\n\nexport interface GridFoldersSectionProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  state: GridFoldersState<T1, F1, T2, F2>;\n  sectionTitle?: string;\n  renderItem: RenderItem;\n}\n\nfunction _GridFoldersFolderSection<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>({\n  state,\n  renderItem,\n  sectionTitle,\n}: GridFoldersSectionProps<T1, F1, T2, F2>) {\n  const {\n    container: { translate: t },\n    toolbar,\n    folders: {\n      collection: { showRefreshLoader },\n    },\n  } = state;\n\n  return (\n    <GridFoldersSection\n      state={state.folders}\n      dataHook=\"folders-section\"\n      header={\n        state.showFoldersSectionHeader && (\n          <GridSectionHeader\n            state={toolbar}\n            suffix={\n              state.showToggleShowAllLessButton && (\n                <TextButton\n                  size=\"small\"\n                  onClick={state.toggleShowAllFolders}\n                  dataHook=\"toggle-show-all-folders-button\"\n                >\n                  {state.showAllFolders\n                    ? t('cairo.folders.showLess.button')\n                    : t('cairo.folders.showAll.button')}\n                </TextButton>\n              )\n            }\n            sectionTitle={sectionTitle ?? t('section.header.folders')}\n          />\n        )\n      }\n    >\n      <VirtualGridRepeater renderItem={renderItem} gridState={state.folders} />\n\n      {showRefreshLoader && (\n        <InitialSkeletonLoader\n          dataHook=\"refresh-loader\"\n          state={state.folders}\n        />\n      )}\n      {state.showAllFolders && (\n        <PageGridInfiniteScrollLoader\n          dataHook=\"folders-infinite-scroll-loader\"\n          imagePlacement=\"side\"\n          state={state.folders}\n          scrollMoreAlways\n        />\n      )}\n    </GridFoldersSection>\n  );\n}\n\nexport const GridFoldersFolderSection = observer(_GridFoldersFolderSection);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridSectionHeader","require","_designSystem","_VirtualGridRepeater","_PageGridInfiniteScrollLoader","_react","_interopRequireDefault","_mobxReactLite","_GridFoldersSection","_InitialSkeletonLoader","_jsxFileName","_GridFoldersFolderSection","state","renderItem","sectionTitle","container","translate","t","toolbar","folders","collection","showRefreshLoader","default","createElement","GridFoldersSection","dataHook","header","showFoldersSectionHeader","GridSectionHeader","suffix","showToggleShowAllLessButton","TextButton","size","onClick","toggleShowAllFolders","__self","__source","fileName","lineNumber","columnNumber","showAllFolders","VirtualGridRepeater","gridState","InitialSkeletonLoader","PageGridInfiniteScrollLoader","scrollMoreAlways","GridFoldersFolderSection","exports","observer"],"sources":["../../../../src/components/Grid/GridFoldersFolderSection.tsx"],"sourcesContent":["import { GridSectionHeader } from './GridSectionHeader';\nimport { TextButton } from '@wix/design-system';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridFoldersSection } from './GridFoldersSection';\nimport { GridFoldersState } from '../../state';\nimport { RenderItem } from './RenderItem';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\n\nexport interface GridFoldersSectionProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  state: GridFoldersState<T1, F1, T2, F2>;\n  sectionTitle?: string;\n  renderItem: RenderItem;\n}\n\nfunction _GridFoldersFolderSection<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>({\n  state,\n  renderItem,\n  sectionTitle,\n}: GridFoldersSectionProps<T1, F1, T2, F2>) {\n  const {\n    container: { translate: t },\n    toolbar,\n    folders: {\n      collection: { showRefreshLoader },\n    },\n  } = state;\n\n  return (\n    <GridFoldersSection\n      state={state.folders}\n      dataHook=\"folders-section\"\n      header={\n        state.showFoldersSectionHeader && (\n          <GridSectionHeader\n            state={toolbar}\n            suffix={\n              state.showToggleShowAllLessButton && (\n                <TextButton\n                  size=\"small\"\n                  onClick={state.toggleShowAllFolders}\n                  dataHook=\"toggle-show-all-folders-button\"\n                >\n                  {state.showAllFolders\n                    ? t('cairo.folders.showLess.button')\n                    : t('cairo.folders.showAll.button')}\n                </TextButton>\n              )\n            }\n            sectionTitle={sectionTitle ?? t('section.header.folders')}\n          />\n        )\n      }\n    >\n      <VirtualGridRepeater renderItem={renderItem} gridState={state.folders} />\n\n      {showRefreshLoader && (\n        <InitialSkeletonLoader\n          dataHook=\"refresh-loader\"\n          state={state.folders}\n        />\n      )}\n      {state.showAllFolders && (\n        <PageGridInfiniteScrollLoader\n          dataHook=\"folders-infinite-scroll-loader\"\n          state={state.folders}\n          scrollMoreAlways\n        />\n      )}\n    </GridFoldersSection>\n  );\n}\n\nexport const GridFoldersFolderSection = observer(_GridFoldersFolderSection);\n"],"mappings":"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","ignoreList":[]}