@wix/patterns 1.343.0 → 1.345.0

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_ = \"SearchOrCustomFilter2537292878\";\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\":\"SearchOrCustomFilter2537292878__root\",\"search\":\"SearchOrCustomFilter2537292878__search\",\"searchMobile\":\"SearchOrCustomFilter2537292878__searchMobile\"};\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,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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_ = \"SearchOrCustomFilter1497284617\";\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\":\"SearchOrCustomFilter1497284617__root\",\"search\":\"SearchOrCustomFilter1497284617__search\",\"searchMobile\":\"SearchOrCustomFilter1497284617__searchMobile\"};\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,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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_ = "AutoCompleteReadonly2959405793";
+var _namespace_ = "AutoCompleteReadonly329712210";
 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": "AutoCompleteReadonly2959405793__root"
+  "root": "AutoCompleteReadonly329712210__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_ = \"AutoCompleteReadonly2959405793\";\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\":\"AutoCompleteReadonly2959405793__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_ = \"AutoCompleteReadonly329712210\";\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\":\"AutoCompleteReadonly329712210__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,+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;AAAqC,CAAC;AAC5D,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_ = "ViewsDropdown1390601020";
+var _namespace_ = "ViewsDropdown433985166";
 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": "ViewsDropdown1390601020__root"
+  "root": "ViewsDropdown433985166__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_ = \"ViewsDropdown1390601020\";\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\":\"ViewsDropdown1390601020__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_ = \"ViewsDropdown433985166\";\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\":\"ViewsDropdown433985166__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/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_ = "DragHandle1087528928";
+var _namespace_ = "DragHandle3576246055";
 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": "DragHandle1087528928__root"
+  "root": "DragHandle3576246055__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_ = \"DragHandle1087528928\";\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\":\"DragHandle1087528928__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_ = \"DragHandle3576246055\";\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\":\"DragHandle3576246055__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":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain1559037576";
+var _namespace_ = "EntityPagePlain3702248845";
 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": "EntityPagePlain1559037576__root"
+  "root": "EntityPagePlain3702248845__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain1559037576\";\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\":\"EntityPagePlain1559037576__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3702248845\";\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\":\"EntityPagePlain3702248845__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/ExportButton/ExportButton.js

@@ -102,8 +102,8 @@ function _ExportButton(props) {
       table.featuredComponents.exportModal.set(null);
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    dataHook: "export-container",
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-hook": "export-container",
     __self: this,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","Box","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Box, Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <Box dataHook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_bexCore","_designSystem","_wixUiIconsCommon","_mobxReactLite","_ExportButtonModalLayout","_react2","_ToolbarCollectionContext","_ResponsiveButton","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ExportButton","props","toolbarType","renderError","transformPlatformizedQuery","differentQueryEndpointThanCollection","customTotal","methodMetadata","arrayFieldDelimiter","methodSpec","fields","saveAs","exportModalFooter","exportModalTitle","onProgressModalTitle","exportToCSVMessage","table","useToolbarCollectionContext","toolbar","responsive","translate","useWixPatternsContainer","state","useState","exportState","ModalState","isMobile","useIsMobile","useEffect","featuredComponents","exportModal","createElement","Observer","__self","__source","fileName","lineNumber","columnNumber","child","ExportButtonModalLayout","exportModalState","Drawer","dataHook","open","isOpen","onClose","requestClose","Modal","onRequestClose","ResponsiveButton","actions","onClick","icon","UploadExport","Button","skin","priority","size","ellipsis","prefixIcon","ExportButton","exports","observer"],"sources":["../../../../src/components/ExportButton/ExportButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { FiltersMap, ModalState } from '@wix/bex-core';\nimport { Button, Drawer, Modal } from '@wix/design-system';\nimport { UploadExport } from '@wix/wix-ui-icons-common';\nimport { observer, Observer } from 'mobx-react-lite';\nimport { ExportButtonModalLayout } from './ExportButtonModalLayout';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ExportButtonProps } from './ExportProps';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nfunction _ExportButton<T, F extends FiltersMap>(\n  props: ExportButtonProps<T, F>,\n) {\n  const {\n    toolbarType = 'default',\n    renderError,\n    transformPlatformizedQuery,\n    differentQueryEndpointThanCollection,\n    customTotal,\n    methodMetadata,\n    arrayFieldDelimiter,\n    methodSpec,\n    fields,\n    saveAs,\n    exportModalFooter,\n    exportModalTitle,\n    onProgressModalTitle,\n    exportToCSVMessage,\n  } = props;\n\n  const table = useToolbarCollectionContext<T, F>();\n\n  const {\n    toolbar: { responsive },\n  } = table;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [state] = useState(() => (table.exportState ??= new ModalState()));\n\n  const isMobile = useIsMobile();\n\n  useEffect(() => {\n    table.featuredComponents.exportModal.set(\n      <Observer>\n        {() => {\n          const child = (\n            <ExportButtonModalLayout\n              exportModalState={state}\n              renderError={renderError}\n              transformPlatformizedQuery={transformPlatformizedQuery}\n              customTotal={customTotal}\n              arrayFieldDelimiter={arrayFieldDelimiter}\n              differentQueryEndpointThanCollection={\n                differentQueryEndpointThanCollection\n              }\n              methodMetadata={methodMetadata}\n              methodSpec={methodSpec}\n              fields={fields}\n              saveAs={saveAs}\n              exportModalFooter={exportModalFooter}\n              exportModalTitle={exportModalTitle}\n              onProgressModalTitle={onProgressModalTitle}\n              exportToCSVMessage={exportToCSVMessage}\n            />\n          );\n\n          if (isMobile) {\n            return (\n              <Drawer\n                dataHook=\"export-modal\"\n                open={state.isOpen}\n                onClose={state.requestClose}\n              >\n                {child}\n              </Drawer>\n            );\n          }\n\n          return (\n            <Modal\n              onRequestClose={state.requestClose}\n              isOpen={state.isOpen}\n              dataHook=\"export-modal\"\n            >\n              {child}\n            </Modal>\n          );\n        }}\n      </Observer>,\n    );\n\n    return () => {\n      table.featuredComponents.exportModal.set(null);\n    };\n  }, []);\n\n  return (\n    <div data-hook=\"export-container\">\n      {toolbarType === 'default' ? (\n        <ResponsiveButton\n          state={responsive.actions}\n          dataHook=\"export-button\"\n          onClick={state.open}\n          icon={<UploadExport />}\n        >\n          {t('cairo.export.export')}\n        </ResponsiveButton>\n      ) : (\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          size=\"small\"\n          ellipsis\n          prefixIcon={<UploadExport />}\n          dataHook=\"export-button\"\n          onClick={state.open}\n        >\n          {t('cairo.export.export')}\n        </Button>\n      )}\n    </div>\n  );\n}\n\nexport const ExportButton = observer(_ExportButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ExportButton/getExportModalStepProps.js

@@ -46,7 +46,10 @@ function getExportModalStepProps({
       },
       primaryButtonOnClick: () => state.onCancelExportVerifyButtonClick(),
       secondaryButtonOnClick: state.onCancelExportGoBackButtonClick,
-      onCloseButtonClick: state.onCancelExportCloseButtonClick,
+      closeButtonProps: {
+        onClick: state.onCancelExportCloseButtonClick,
+        autoFocus: true
+      },
       onRequestClose: state.onCancelExportCloseButtonClick
     };
   }
@@ -67,7 +70,10 @@ function getExportModalStepProps({
       primaryButtonOnClick: state.onExportToClick,
       secondaryButtonText: t('cairo.export.cancelButton'),
       secondaryButtonOnClick: state.onCancelClick,
-      onCloseButtonClick: state.onCloseClick,
+      closeButtonProps: {
+        onClick: state.onCloseClick,
+        autoFocus: true
+      },
       onRequestClose: state.onCloseClick,
       footnote: exportModalFooter ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         dataHook: "export-modal-footer-text",
@@ -90,7 +96,10 @@ function getExportModalStepProps({
       title: t('cairo.export.exportFailed'),
       secondaryButtonText: t('cairo.export.cancelButton'),
       secondaryButtonOnClick: state.onFailedCancel,
-      onCloseButtonClick: state.onFailedClose,
+      closeButtonProps: {
+        onClick: state.onFailedClose,
+        autoFocus: true
+      },
       onRequestClose: state.onFailedClose,
       primaryButtonText: t('Got It'),
       primaryButtonOnClick: state.onFailedClose,
@@ -149,7 +158,10 @@ function getExportModalStepProps({
     primaryButtonProps: {
       disabled: true
     },
-    onCloseButtonClick: state.onExportCloseAttemptClick,
+    closeButtonProps: {
+      onClick: state.onExportCloseAttemptClick,
+      autoFocus: true
+    },
     onRequestClose: state.onExportCloseAttemptClick,
     secondaryButtonText: t('cairo.export.cancelButton'),
     secondaryButtonOnClick: state.onExportSecondaryActionAttempt

package/dist/cjs/components/ExportButton/getExportModalStepProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ExportStepConfig","_ExportStepProgress","_ExportStepError","_ExportStepCancel","_getExportModalErrorProps","_jsxFileName","getExportModalStepProps","state","renderError","exportModalFooter","exportModalTitle","exportToCSVMessage","onProgressModalTitle","currentStep","translate","t","title","children","default","createElement","ExportStepCancel","__self","__source","fileName","lineNumber","columnNumber","primaryButtonText","secondaryButtonText","secondaryButtonProps","skin","primaryButtonProps","disabled","primaryButtonOnClick","onCancelExportVerifyButtonClick","secondaryButtonOnClick","onCancelExportGoBackButtonClick","onCloseButtonClick","onCancelExportCloseButtonClick","onRequestClose","ExportStepConfig","onExportToClick","onCancelClick","onCloseClick","footnote","Text","dataHook","size","text","modalProps","getExportModalErrorProps","onFailedCancel","onFailedClose","ExportStepError","Box","direction","widows","TextButton","as","onClick","onRetryExportToClick","ExportStepProgress","onExportCloseAttemptClick","onExportSecondaryActionAttempt"],"sources":["../../../../src/components/ExportButton/getExportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CustomModalLayoutProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ExportState, FiltersMap } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ExportStepConfig } from './ExportStepConfig';\nimport { ExportStepProgress } from './ExportStepProgress';\nimport { ExportStepError } from './ExportStepError';\nimport { ExportStepCancel } from './ExportStepCancel';\nimport {\n  getExportModalErrorProps,\n  RenderModalError,\n} from './getExportModalErrorProps';\n\nexport interface GetExportModalStepProps<T, F extends FiltersMap> {\n  state: ExportState<T, F>;\n  renderError?: RenderModalError;\n  exportModalFooter?: { text: string };\n  exportModalTitle?: string;\n  onProgressModalTitle?: string;\n  exportToCSVMessage?: string;\n}\n\nexport function getExportModalStepProps<T, F extends FiltersMap>({\n  state,\n  renderError,\n  exportModalFooter,\n  exportModalTitle,\n  exportToCSVMessage,\n  onProgressModalTitle,\n}: GetExportModalStepProps<T, F>): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'cancel') {\n    return {\n      title: t('cairo.export.cancelTheExport'),\n      children: <ExportStepCancel state={state} />,\n      primaryButtonText: t('cairo.export.cancelTheExportConfirm'),\n      secondaryButtonText: t('cairo.export.cancelTheExportGoBack'),\n      secondaryButtonProps: { skin: 'destructive' },\n      primaryButtonProps: { skin: 'destructive', disabled: false },\n      primaryButtonOnClick: () => state.onCancelExportVerifyButtonClick(),\n      secondaryButtonOnClick: state.onCancelExportGoBackButtonClick,\n      onCloseButtonClick: state.onCancelExportCloseButtonClick,\n      onRequestClose: state.onCancelExportCloseButtonClick,\n    };\n  }\n\n  if (currentStep === 'config') {\n    return {\n      title: exportModalTitle || t('cairo.export.exportTypeQuestionTitle'),\n      children: (\n        <ExportStepConfig\n          state={state}\n          exportToCSVMessage={exportToCSVMessage}\n        />\n      ),\n      primaryButtonText: t('cairo.export.export'),\n      primaryButtonOnClick: state.onExportToClick,\n      secondaryButtonText: t('cairo.export.cancelButton'),\n      secondaryButtonOnClick: state.onCancelClick,\n      onCloseButtonClick: state.onCloseClick,\n      onRequestClose: state.onCloseClick,\n      footnote: exportModalFooter ? (\n        <Text dataHook=\"export-modal-footer-text\" size=\"small\">\n          {exportModalFooter?.text}\n        </Text>\n      ) : null,\n    };\n  }\n\n  if (currentStep === 'error') {\n    const modalProps = getExportModalErrorProps({ state, renderError });\n    return {\n      title: t('cairo.export.exportFailed'),\n      secondaryButtonText: t('cairo.export.cancelButton'),\n      secondaryButtonOnClick: state.onFailedCancel,\n      onCloseButtonClick: state.onFailedClose,\n      onRequestClose: state.onFailedClose,\n      primaryButtonText: t('Got It' as any),\n      primaryButtonOnClick: state.onFailedClose,\n      ...modalProps,\n      children: (\n        <ExportStepError state={state}>\n          {modalProps.children ?? (\n            <Box direction=\"vertical\">\n              <Text widows>{t('cairo.export.serverErrorMessage')}</Text>\n              <TextButton\n                dataHook=\"export-error-message-action\"\n                as=\"a\"\n                onClick={state.onRetryExportToClick}\n              >\n                {t('cairo.export.tryAgain')}\n              </TextButton>\n            </Box>\n          )}\n        </ExportStepError>\n      ),\n    };\n  }\n\n  // exporting\n  return {\n    title: onProgressModalTitle || t('cairo.export.exportingTitle'),\n    children: <ExportStepProgress state={state} />,\n    primaryButtonText: t('cairo.export.exporting'),\n    primaryButtonProps: {\n      disabled: true,\n    },\n    onCloseButtonClick: state.onExportCloseAttemptClick,\n    onRequestClose: state.onExportCloseAttemptClick,\n    secondaryButtonText: t('cairo.export.cancelButton'),\n    secondaryButtonOnClick: state.onExportSecondaryActionAttempt,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ExportStepConfig","_ExportStepProgress","_ExportStepError","_ExportStepCancel","_getExportModalErrorProps","_jsxFileName","getExportModalStepProps","state","renderError","exportModalFooter","exportModalTitle","exportToCSVMessage","onProgressModalTitle","currentStep","translate","t","title","children","default","createElement","ExportStepCancel","__self","__source","fileName","lineNumber","columnNumber","primaryButtonText","secondaryButtonText","secondaryButtonProps","skin","primaryButtonProps","disabled","primaryButtonOnClick","onCancelExportVerifyButtonClick","secondaryButtonOnClick","onCancelExportGoBackButtonClick","closeButtonProps","onClick","onCancelExportCloseButtonClick","autoFocus","onRequestClose","ExportStepConfig","onExportToClick","onCancelClick","onCloseClick","footnote","Text","dataHook","size","text","modalProps","getExportModalErrorProps","onFailedCancel","onFailedClose","ExportStepError","Box","direction","widows","TextButton","as","onRetryExportToClick","ExportStepProgress","onExportCloseAttemptClick","onExportSecondaryActionAttempt"],"sources":["../../../../src/components/ExportButton/getExportModalStepProps.tsx"],"sourcesContent":["import {\n  Box,\n  CustomModalLayoutProps,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { ExportState, FiltersMap } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\nimport { ExportStepConfig } from './ExportStepConfig';\nimport { ExportStepProgress } from './ExportStepProgress';\nimport { ExportStepError } from './ExportStepError';\nimport { ExportStepCancel } from './ExportStepCancel';\nimport {\n  getExportModalErrorProps,\n  RenderModalError,\n} from './getExportModalErrorProps';\n\nexport interface GetExportModalStepProps<T, F extends FiltersMap> {\n  state: ExportState<T, F>;\n  renderError?: RenderModalError;\n  exportModalFooter?: { text: string };\n  exportModalTitle?: string;\n  onProgressModalTitle?: string;\n  exportToCSVMessage?: string;\n}\n\nexport function getExportModalStepProps<T, F extends FiltersMap>({\n  state,\n  renderError,\n  exportModalFooter,\n  exportModalTitle,\n  exportToCSVMessage,\n  onProgressModalTitle,\n}: GetExportModalStepProps<T, F>): Partial<\n  CustomModalLayoutProps & { children?: ReactNode; onRequestClose?: () => void }\n> {\n  const { currentStep, translate: t } = state;\n\n  if (currentStep === 'cancel') {\n    return {\n      title: t('cairo.export.cancelTheExport'),\n      children: <ExportStepCancel state={state} />,\n      primaryButtonText: t('cairo.export.cancelTheExportConfirm'),\n      secondaryButtonText: t('cairo.export.cancelTheExportGoBack'),\n      secondaryButtonProps: { skin: 'destructive' },\n      primaryButtonProps: { skin: 'destructive', disabled: false },\n      primaryButtonOnClick: () => state.onCancelExportVerifyButtonClick(),\n      secondaryButtonOnClick: state.onCancelExportGoBackButtonClick,\n      closeButtonProps: { onClick: state.onCancelExportCloseButtonClick, autoFocus: true },\n      onRequestClose: state.onCancelExportCloseButtonClick,\n    };\n  }\n\n  if (currentStep === 'config') {\n    return {\n      title: exportModalTitle || t('cairo.export.exportTypeQuestionTitle'),\n      children: (\n        <ExportStepConfig\n          state={state}\n          exportToCSVMessage={exportToCSVMessage}\n        />\n      ),\n      primaryButtonText: t('cairo.export.export'),\n      primaryButtonOnClick: state.onExportToClick,\n      secondaryButtonText: t('cairo.export.cancelButton'),\n      secondaryButtonOnClick: state.onCancelClick,\n      closeButtonProps: { onClick: state.onCloseClick, autoFocus: true },\n      onRequestClose: state.onCloseClick,\n      footnote: exportModalFooter ? (\n        <Text dataHook=\"export-modal-footer-text\" size=\"small\">\n          {exportModalFooter?.text}\n        </Text>\n      ) : null,\n    };\n  }\n\n  if (currentStep === 'error') {\n    const modalProps = getExportModalErrorProps({ state, renderError });\n    return {\n      title: t('cairo.export.exportFailed'),\n      secondaryButtonText: t('cairo.export.cancelButton'),\n      secondaryButtonOnClick: state.onFailedCancel,\n      closeButtonProps: { onClick: state.onFailedClose, autoFocus: true },\n      onRequestClose: state.onFailedClose,\n      primaryButtonText: t('Got It' as any),\n      primaryButtonOnClick: state.onFailedClose,\n      ...modalProps,\n      children: (\n        <ExportStepError state={state}>\n          {modalProps.children ?? (\n            <Box direction=\"vertical\">\n              <Text widows>{t('cairo.export.serverErrorMessage')}</Text>\n              <TextButton\n                dataHook=\"export-error-message-action\"\n                as=\"a\"\n                onClick={state.onRetryExportToClick}\n              >\n                {t('cairo.export.tryAgain')}\n              </TextButton>\n            </Box>\n          )}\n        </ExportStepError>\n      ),\n    };\n  }\n\n  // exporting\n  return {\n    title: onProgressModalTitle || t('cairo.export.exportingTitle'),\n    children: <ExportStepProgress state={state} />,\n    primaryButtonText: t('cairo.export.exporting'),\n    primaryButtonProps: {\n      disabled: true,\n    },\n    closeButtonProps: { onClick: state.onExportCloseAttemptClick, autoFocus: true },\n    onRequestClose: state.onExportCloseAttemptClick,\n    secondaryButtonText: t('cairo.export.cancelButton'),\n    secondaryButtonOnClick: state.onExportSecondaryActionAttempt,\n  };\n}\n"],"mappings":"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","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_ = "Fade2595381006";
+var _namespace_ = "Fade1561794639";
 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": "Fade2595381006__root"
+  "root": "Fade1561794639__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_ = \"Fade2595381006\";\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\":\"Fade2595381006__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_ = \"Fade1561794639\";\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\":\"Fade1561794639__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

@@ -58,7 +58,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 120,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
@@ -67,7 +67,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 126,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridPlaceholderStates.GridPlaceholderStates, {
@@ -78,23 +78,24 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 127,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 133,
       columnNumber: 11
     }
   }, sections ? /*#__PURE__*/_react.default.createElement(sections.GridSections, (0, _extends2.default)({}, props, {
+    groupBy: sections.groupBy,
     renderSection: sections.renderSection,
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 135,
       columnNumber: 15
     }
   })) : /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
@@ -102,7 +103,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 142,
       columnNumber: 15
     }
   }))))), exportModal ?? toolbar.featuredComponents.exportModal.value);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Grid","props","state","dragAndDrop","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","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, LayoutType } from '../../state';\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 type { Section } from '../CollectionSectionHeader';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\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   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\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  /**\n   * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    renderSection?: (item: T) => Section;\n  };\n\n  layoutType?: LayoutType;\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    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridProps<\n        T,\n        F\n      >['errorState']),\n    emptyState,\n    noResultsState,\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      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          errorState={errorState}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Grid","props","state","dragAndDrop","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","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","groupBy","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, LayoutType } from '../../state';\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 type { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\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   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\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  /**\n   * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    groupBy: GroupBy<T>;\n    renderSection?: RenderSection<T>;\n  };\n\n  layoutType?: LayoutType;\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    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridProps<\n        T,\n        F\n      >['errorState']),\n    emptyState,\n    noResultsState,\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      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          errorState={errorState}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                groupBy={sections.groupBy}\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/GridSections/GridSectionHeader.js

@@ -18,6 +18,7 @@ function _GridSectionHeader(props) {
     }
   } = state;
   const {
+    sectionId,
     section,
     range
   } = sectionDescriptor;
@@ -28,6 +29,7 @@ function _GridSectionHeader(props) {
   };
   return /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
     dataHook: "grid-section-header",
+    sectionId: sectionId,
     section: sectionWithCount,
     skin: layoutType === 'list' ? 'light' : 'neutral',
     biComponentType: "GridSections",

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","section","range","sectionWithCount","count","length","hasMore","isLast","gridSections","collection","fetchedLastPage","default","createElement","CollectionSectionHeader","dataHook","skin","biComponentType","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { section, range } = sectionDescriptor;\n\n  const sectionWithCount = {\n    ...section,\n    count: range.length,\n    hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,\n  };\n\n  return (\n    <CollectionSectionHeader\n      dataHook=\"grid-section-header\"\n      section={sectionWithCount}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      biComponentType=\"GridSections\"\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAAqE,IAAAG,YAAA;AAOrE,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG,OAAO;IAAEC;EAAM,CAAC,GAAGL,iBAAiB;EAE5C,MAAMM,gBAAgB,GAAG;IACvB,GAAGF,OAAO;IACVG,KAAK,EAAEF,KAAK,CAACG,MAAM;IACnBC,OAAO,EAAER,KAAK,CAACS,MAAM,IAAI,CAACT,KAAK,CAACU,YAAY,CAACC,UAAU,CAACC;EAC1D,CAAC;EAED,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,wBAAA,CAAAoB,uBAAuB;IACtBC,QAAQ,EAAC,qBAAqB;IAC9Bb,OAAO,EAAEE,gBAAiB;IAC1BY,IAAI,EAAEf,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDgB,eAAe,EAAC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC7B,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","_GridSectionHeader","props","sectionDescriptor","state","gridBase","layoutType","sectionId","section","range","sectionWithCount","count","length","hasMore","isLast","gridSections","collection","fetchedLastPage","default","createElement","CollectionSectionHeader","dataHook","skin","biComponentType","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { SectionRange } from './GridSectionsState';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface GridSectionHeaderProps<T, F extends FiltersMap> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsSectionState<T, F>;\n}\n\nfunction _GridSectionHeader<T, F extends FiltersMap>(\n  props: GridSectionHeaderProps<T, F>,\n) {\n  const { sectionDescriptor, state } = props;\n\n  const {\n    gridBase: { layoutType },\n  } = state;\n\n  const { sectionId, section, range } = sectionDescriptor;\n\n  const sectionWithCount = {\n    ...section,\n    count: range.length,\n    hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,\n  };\n\n  return (\n    <CollectionSectionHeader\n      dataHook=\"grid-section-header\"\n      sectionId={sectionId}\n      section={sectionWithCount}\n      skin={layoutType === 'list' ? 'light' : 'neutral'}\n      biComponentType=\"GridSections\"\n    />\n  );\n}\n\nexport const GridSectionHeader = observer(_GridSectionHeader);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,wBAAA,GAAAF,OAAA;AAAqE,IAAAG,YAAA;AAOrE,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC,iBAAiB;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE1C,MAAM;IACJG,QAAQ,EAAE;MAAEC;IAAW;EACzB,CAAC,GAAGF,KAAK;EAET,MAAM;IAAEG,SAAS;IAAEC,OAAO;IAAEC;EAAM,CAAC,GAAGN,iBAAiB;EAEvD,MAAMO,gBAAgB,GAAG;IACvB,GAAGF,OAAO;IACVG,KAAK,EAAEF,KAAK,CAACG,MAAM;IACnBC,OAAO,EAAET,KAAK,CAACU,MAAM,IAAI,CAACV,KAAK,CAACW,YAAY,CAACC,UAAU,CAACC;EAC1D,CAAC;EAED,oBACEtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACpB,wBAAA,CAAAqB,uBAAuB;IACtBC,QAAQ,EAAC,qBAAqB;IAC9Bd,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEE,gBAAiB;IAC1BY,IAAI,EAAEhB,UAAU,KAAK,MAAM,GAAG,OAAO,GAAG,SAAU;IAClDiB,eAAe,EAAC,cAAc;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CAAC;AAEN;AAEO,MAAMC,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,kBAAkB,CAAC","ignoreList":[]}

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

@@ -16,6 +16,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _GridSectionsContent(props) {
   const {
     state: grid,
+    groupBy,
     renderSection,
     layoutType
   } = props;
@@ -31,6 +32,7 @@ function _GridSectionsContent(props) {
   const [state] = (0, _react.useState)(() => grid._sections ?? (grid._sections = new _GridSectionsState.GridSectionsState({
     toolbar: grid.toolbar,
     collection: grid.collection,
+    groupBy,
     renderSection,
     parentState: grid
   })));
@@ -39,11 +41,12 @@ function _GridSectionsContent(props) {
   } = state;
   (0, _react.useEffect)(() => {
     (0, _mobx.runInAction)(() => {
+      state.groupBy = groupBy;
       if (renderSection) {
         state.renderSection = renderSection;
       }
     });
-  }, [renderSection]);
+  }, [groupBy, renderSection]);
   let child;
   if (!sections.length || showInitialLoader || showRefreshLoader) {
     child = /*#__PURE__*/_react.default.createElement(_GridSectionsSingleSkeletonGrid.GridSectionsSingleSkeletonGrid, (0, _extends2.default)({}, props, {
@@ -51,19 +54,19 @@ function _GridSectionsContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 55,
+        lineNumber: 58,
         columnNumber: 7
       }
     }));
   } else {
     child = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, sections.map(sectionDescriptor => /*#__PURE__*/_react.default.createElement(_GridSectionAndRepeater.GridSectionAndRepeater, (0, _extends2.default)({}, props, {
-      key: sectionDescriptor.section.id,
+      key: sectionDescriptor.sectionId,
       sectionDescriptor: sectionDescriptor,
       state: state,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
+        lineNumber: 64,
         columnNumber: 11
       }
     }))));
@@ -76,7 +79,7 @@ function _GridSectionsContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 76,
       columnNumber: 5
     }
   }, child);

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

@@ -1 +1 @@
-{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSectionsContent","props","state","grid","renderSection","layoutType","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","parentState","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","section","id","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\nimport type { RenderSection } from '../CollectionSectionHeader';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  renderSection?: RenderSection<T>;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        renderSection,\n        parentState: grid,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = (\n      <GridSectionsSingleSkeletonGrid {...props} state={state.parentState} />\n    );\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.section.id}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridSectionsState","require","_mobxReactLite","_GridSectionAndRepeater","_react","_interopRequireWildcard","_mobx","_designSystem","_GridSectionsSingleSkeletonGrid","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_GridSectionsContent","props","state","grid","groupBy","renderSection","layoutType","toolbar","showInitialLoader","multi","showRefreshLoader","useState","_sections","GridSectionsState","collection","parentState","sections","useEffect","runInAction","child","length","createElement","GridSectionsSingleSkeletonGrid","_extends2","__self","__source","fileName","lineNumber","columnNumber","Fragment","map","sectionDescriptor","GridSectionAndRepeater","key","sectionId","Box","direction","width","paddingTop","undefined","paddingBottom","GridSectionsContent","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionsContent.tsx"],"sourcesContent":["import { GridSectionsState } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { GridSectionAndRepeater } from './GridSectionAndRepeater';\nimport React, { useEffect, useState } from 'react';\nimport { GridContentBaseProps } from '../Grid/GridContent';\nimport { GridState } from '../../state';\nimport { runInAction } from 'mobx';\nimport { Box } from '@wix/design-system';\nimport { GridSectionsSingleSkeletonGrid } from './GridSectionsSingleSkeletonGrid';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\n\nexport interface GridSectionsContentProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  state: GridState<T, F>;\n  groupBy: GroupBy<T>;\n  renderSection?: RenderSection<T>;\n}\n\nfunction _GridSectionsContent<T, F extends FiltersMap>(\n  props: GridSectionsContentProps<T, F>,\n) {\n  const { state: grid, groupBy, renderSection, layoutType } = props;\n\n  const { toolbar } = grid;\n\n  const {\n    showInitialLoader,\n    multi: { showRefreshLoader },\n  } = toolbar;\n\n  const [state] = useState(\n    () =>\n      (grid._sections ??= new GridSectionsState({\n        toolbar: grid.toolbar,\n        collection: grid.collection,\n        groupBy,\n        renderSection,\n        parentState: grid,\n      })),\n  );\n\n  const { sections } = state;\n\n  useEffect(() => {\n    runInAction(() => {\n      state.groupBy = groupBy;\n      if (renderSection) {\n        state.renderSection = renderSection;\n      }\n    });\n  }, [groupBy, renderSection]);\n\n  let child;\n\n  if (!sections.length || showInitialLoader || showRefreshLoader) {\n    child = (\n      <GridSectionsSingleSkeletonGrid {...props} state={state.parentState} />\n    );\n  } else {\n    child = (\n      <>\n        {sections.map((sectionDescriptor) => (\n          <GridSectionAndRepeater\n            {...props}\n            key={sectionDescriptor.sectionId}\n            sectionDescriptor={sectionDescriptor}\n            state={state}\n          />\n        ))}\n      </>\n    );\n  }\n\n  return (\n    <Box\n      direction=\"vertical\"\n      width=\"100%\"\n      paddingTop={layoutType === 'list' ? 'SP2' : undefined}\n      paddingBottom={layoutType === 'list' ? 'SP2' : undefined}\n    >\n      {child}\n    </Box>\n  );\n}\n\nexport const GridSectionsContent = observer(_GridSectionsContent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -39,13 +39,13 @@ class GridSectionsSectionState {
     var _sections;
     const {
       sectionDescriptor: {
-        section
+        sectionId
       },
       gridSections: {
         sections
       }
     } = this;
-    return ((_sections = sections[sections.length - 1]) == null ? void 0 : _sections.section.id) === section.id;
+    return ((_sections = sections[sections.length - 1]) == null ? void 0 : _sections.sectionId) === sectionId;
   }
 }
 exports.GridSectionsSectionState = GridSectionsSectionState;