@wix/patterns 1.348.0 → 1.349.0

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2616913862\";\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\":\"NestedTableDragAndDropRow2616913862__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow559033372\";\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\":\"NestedTableDragAndDropRow559033372__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,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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/PickerContent/PickerContent.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_ = "PickerContent1060271441";
+var _namespace_ = "PickerContent900717721";
 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": "PickerContent1060271441__root"
+  "root": "PickerContent900717721__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1060271441\";\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\":\"PickerContent1060271441__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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent900717721\";\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\":\"PickerContent900717721__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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep2173691430";
+var _namespace_ = "PickerContentAdditionalStep3507325941";
 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": "PickerContentAdditionalStep2173691430__root",
-  "titles": "PickerContentAdditionalStep2173691430__titles",
-  "suffix": "PickerContentAdditionalStep2173691430__suffix"
+  "root": "PickerContentAdditionalStep3507325941__root",
+  "titles": "PickerContentAdditionalStep3507325941__titles",
+  "suffix": "PickerContentAdditionalStep3507325941__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep2173691430\";\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\":\"PickerContentAdditionalStep2173691430__root\",\"titles\":\"PickerContentAdditionalStep2173691430__titles\",\"suffix\":\"PickerContentAdditionalStep2173691430__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3507325941\";\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\":\"PickerContentAdditionalStep3507325941__root\",\"titles\":\"PickerContentAdditionalStep3507325941__titles\",\"suffix\":\"PickerContentAdditionalStep3507325941__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem3400953959";
+var _namespace_ = "PickerTableListItem2816858989";
 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": "PickerTableListItem3400953959__root"
+  "root": "PickerTableListItem2816858989__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3400953959\";\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\":\"PickerTableListItem3400953959__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2816858989\";\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\":\"PickerTableListItem2816858989__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/ScrollableContent/ScrollableContent.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_ = "ScrollableContent3587171475";
+var _namespace_ = "ScrollableContent2272651284";
 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": "ScrollableContent3587171475__root"
+  "root": "ScrollableContent2272651284__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent3587171475\";\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\":\"ScrollableContent3587171475__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,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2272651284\";\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\":\"ScrollableContent2272651284__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,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;AAAmC,CAAC;AAC1D,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/SkeletonCard/SkeletonCard.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_ = "SkeletonCard658555106";
+var _namespace_ = "SkeletonCard2008983369";
 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": "SkeletonCard658555106__root",
-  "headerLoading": "SkeletonCard658555106__headerLoading"
+  "root": "SkeletonCard2008983369__root",
+  "headerLoading": "SkeletonCard2008983369__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard658555106\";\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\":\"SkeletonCard658555106__root\",\"headerLoading\":\"SkeletonCard658555106__headerLoading\"};\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,uBAAuB;AACzC,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,6BAA6B;EAAC,eAAe,EAAC;AAAsC,CAAC;AAC3G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2008983369\";\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\":\"SkeletonCard2008983369__root\",\"headerLoading\":\"SkeletonCard2008983369__headerLoading\"};\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,8BAA8B;EAAC,eAAe,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":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.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_ = "SlidingModal1479463160";
+var _namespace_ = "SlidingModal4217273137";
 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": "SlidingModal1479463160__root"
+  "root": "SlidingModal4217273137__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal1479463160\";\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\":\"SlidingModal1479463160__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal4217273137\";\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\":\"SlidingModal4217273137__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/Table/TableBase.js

@@ -89,6 +89,8 @@ function _TableBase(props) {
     table: state,
     groupBy: sections.groupBy,
     renderSection: sections.renderSection,
+    collapsible: sections.collapsible,
+    events: sections.events,
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -100,7 +102,7 @@ function _TableBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/Table/TableBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_CollectionTable","_useTableSyncProps","_providers","_getToolbarCollectionFeaturesInitializers","_useTableBaseRow","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableBase","props","state","sections","useNewInfiniteScrollLoader","multiLevelSorting","internalScroll","toolbar","container","isPanelLayout","table","collection","fetchedLastPage","query","limit","scrollElement","useTableSyncProps","TableBaseRow","useTableBaseRow","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","infiniteScrollProps","infiniteScroll","loadMore","fetchNextPageIfNeeded","hasMore","itemsPerPage","loader","createElement","Box","backgroundColor","align","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","commonTableProps","initialLoad","TableProvider","value","TableSections","_extends2","groupBy","renderSection","CollectionTable","TrElementType","TableBase","exports","observer"],"sources":["../../../../src/components/Table/TableBase.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionTable, CollectionTableProps } from '../CollectionTable';\nimport { useTableSyncProps } from './useTableSyncProps';\nimport { TableProvider } from '../../providers';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { useTableBaseRow } from './useTableBaseRow';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  sections?: TableSectionsProp<T>;\n}\n\nfunction _TableBase<T, F extends FiltersMap = FiltersMap>(\n  props: TableBaseProps<T, F>,\n) {\n  const { state, sections, useNewInfiniteScrollLoader, multiLevelSorting } =\n    props;\n\n  const internalScroll = state.toolbar.container.isPanelLayout\n    ? true\n    : props.internalScroll;\n\n  const { table } = state;\n  const { collection } = table;\n  const {\n    fetchedLastPage,\n    query: { limit },\n  } = collection;\n\n  const { scrollElement } = useTableSyncProps(props);\n\n  const TableBaseRow = useTableBaseRow(state);\n\n  useEffect(() => {\n    return state.init({\n      featuresInitializers: [\n        ...getToolbarCollectionFeaturesInitializers(props),\n      ],\n      hasMultiLevelSorting: multiLevelSorting !== undefined,\n    });\n  }, []);\n\n  const infiniteScrollProps =\n    useNewInfiniteScrollLoader || internalScroll\n      ? {}\n      : {\n          infiniteScroll: true,\n          loadMore: collection.fetchNextPageIfNeeded,\n          hasMore: !fetchedLastPage,\n          itemsPerPage: limit,\n          loader: (\n            <Box backgroundColor=\"D80\" align=\"center\" padding=\"large\">\n              <Loader dataHook=\"infinite-scroll-loader\" />\n            </Box>\n          ),\n        };\n\n  const commonTableProps = {\n    ...props,\n    ...infiniteScrollProps,\n    scrollElement,\n    useNewInfiniteScrollLoader,\n    initialLoad: false,\n    state,\n  };\n\n  return (\n    <TableProvider value={state}>\n      {sections ? (\n        <sections.TableSections\n          {...commonTableProps}\n          table={state}\n          groupBy={sections.groupBy}\n          renderSection={sections.renderSection}\n        />\n      ) : (\n        <CollectionTable {...commonTableProps} TrElementType={TableBaseRow} />\n      )}\n    </TableProvider>\n  );\n}\n\nexport const TableBase = observer(_TableBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_CollectionTable","_useTableSyncProps","_providers","_getToolbarCollectionFeaturesInitializers","_useTableBaseRow","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableBase","props","state","sections","useNewInfiniteScrollLoader","multiLevelSorting","internalScroll","toolbar","container","isPanelLayout","table","collection","fetchedLastPage","query","limit","scrollElement","useTableSyncProps","TableBaseRow","useTableBaseRow","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","infiniteScrollProps","infiniteScroll","loadMore","fetchNextPageIfNeeded","hasMore","itemsPerPage","loader","createElement","Box","backgroundColor","align","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","dataHook","commonTableProps","initialLoad","TableProvider","value","TableSections","_extends2","groupBy","renderSection","collapsible","events","CollectionTable","TrElementType","TableBase","exports","observer"],"sources":["../../../../src/components/Table/TableBase.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Box, Loader } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionTable, CollectionTableProps } from '../CollectionTable';\nimport { useTableSyncProps } from './useTableSyncProps';\nimport { TableProvider } from '../../providers';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { useTableBaseRow } from './useTableBaseRow';\nimport type { TableSectionsProp } from '../TableSections';\n\nexport interface TableBaseProps<T, F extends FiltersMap>\n  extends CollectionTableProps<T, F> {\n  rowHeight?: number | ((item: T, index: number) => number);\n  estimatedRowHeight?: number;\n  sections?: TableSectionsProp<T>;\n}\n\nfunction _TableBase<T, F extends FiltersMap = FiltersMap>(\n  props: TableBaseProps<T, F>,\n) {\n  const { state, sections, useNewInfiniteScrollLoader, multiLevelSorting } =\n    props;\n\n  const internalScroll = state.toolbar.container.isPanelLayout\n    ? true\n    : props.internalScroll;\n\n  const { table } = state;\n  const { collection } = table;\n  const {\n    fetchedLastPage,\n    query: { limit },\n  } = collection;\n\n  const { scrollElement } = useTableSyncProps(props);\n\n  const TableBaseRow = useTableBaseRow(state);\n\n  useEffect(() => {\n    return state.init({\n      featuresInitializers: [\n        ...getToolbarCollectionFeaturesInitializers(props),\n      ],\n      hasMultiLevelSorting: multiLevelSorting !== undefined,\n    });\n  }, []);\n\n  const infiniteScrollProps =\n    useNewInfiniteScrollLoader || internalScroll\n      ? {}\n      : {\n          infiniteScroll: true,\n          loadMore: collection.fetchNextPageIfNeeded,\n          hasMore: !fetchedLastPage,\n          itemsPerPage: limit,\n          loader: (\n            <Box backgroundColor=\"D80\" align=\"center\" padding=\"large\">\n              <Loader dataHook=\"infinite-scroll-loader\" />\n            </Box>\n          ),\n        };\n\n  const commonTableProps = {\n    ...props,\n    ...infiniteScrollProps,\n    scrollElement,\n    useNewInfiniteScrollLoader,\n    initialLoad: false,\n    state,\n  };\n\n  return (\n    <TableProvider value={state}>\n      {sections ? (\n        <sections.TableSections\n          {...commonTableProps}\n          table={state}\n          groupBy={sections.groupBy}\n          renderSection={sections.renderSection}\n          collapsible={sections.collapsible}\n          events={sections.events}\n        />\n      ) : (\n        <CollectionTable {...commonTableProps} TrElementType={TableBaseRow} />\n      )}\n    </TableProvider>\n  );\n}\n\nexport const TableBase = observer(_TableBase);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.js

@@ -30,7 +30,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 66,
       columnNumber: 5
     }
   });
@@ -49,7 +49,9 @@ function _TableGridSwitch(props) {
   const tableSections = sections ? {
     TableSections: sections.TableSections,
     groupBy: sections.groupBy,
-    renderSection: sections.renderSection
+    renderSection: sections.renderSection,
+    collapsible: sections.collapsible,
+    events: sections.events
   } : undefined;
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/_react.default.createElement(_InitialLoader.InitialLoader, {
     dataHook: "initial-loader",
@@ -57,7 +59,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 98,
       columnNumber: 9
     }
   }) : state.viewType === 'grid' ? /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, restProps, {
@@ -68,7 +70,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 100,
       columnNumber: 9
     }
   })) : /*#__PURE__*/_react.default.createElement(_.Table, (0, _extends2.default)({}, restProps, {
@@ -80,7 +82,7 @@ function _TableGridSwitch(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 108,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","gridSections","GridSections","groupBy","renderSection","undefined","tableSections","TableSections","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\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 [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n  /**\n   * Configuration for rendering sections. When provided, the component will render with section headers\n   * that group related rows together for both Grid and Table views.\n   * @external\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    TableSections: typeof TableSections;\n    groupBy: GroupBy<T>;\n    renderSection: RenderSection<T>;\n  };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop, sections, ...restProps } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  const gridSections = sections\n    ? {\n        GridSections: sections.GridSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n      }\n    : undefined;\n\n  const tableSections = sections\n    ? {\n        TableSections: sections.TableSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n      }\n    : undefined;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...restProps}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n          sections={gridSections}\n        />\n      ) : (\n        <Table\n          {...restProps}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n          sections={tableSections}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","sections","restProps","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","gridSections","GridSections","groupBy","renderSection","undefined","tableSections","TableSections","collapsible","events","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\nimport { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type {\n  GroupBy,\n  RenderSection,\n  SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSections } from '../TableSections';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky' | 'sections'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\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 [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n  /**\n   * Configuration for rendering sections. When provided, the component will render with section headers\n   * that group related rows together for both Grid and Table views.\n   * @external\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    TableSections: typeof TableSections;\n    groupBy: GroupBy<T>;\n    renderSection: RenderSection<T>;\n    collapsible?: boolean;\n    events?: SectionEvents;\n  };\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop, sections, ...restProps } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  const gridSections = sections\n    ? {\n        GridSections: sections.GridSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n      }\n    : undefined;\n\n  const tableSections = sections\n    ? {\n        TableSections: sections.TableSections,\n        groupBy: sections.groupBy,\n        renderSection: sections.renderSection,\n        collapsible: sections.collapsible,\n        events: sections.events,\n      }\n    : undefined;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...restProps}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n          sections={gridSections}\n        />\n      ) : (\n        <Table\n          {...restProps}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n          sections={tableSections}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSectionRow.js

@@ -59,7 +59,9 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
     }
     const {
       sectionId,
-      section
+      sectionIndex,
+      section,
+      collapsible
     } = result;
     return /*#__PURE__*/_react.default.createElement("tr", (0, _extends2.default)({}, props, {
       ref: ref,
@@ -102,10 +104,13 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
       }
     }, /*#__PURE__*/_react.default.createElement(_CollectionSectionHeader.CollectionSectionHeader, {
       sectionId: sectionId,
+      sectionIndex: sectionIndex,
       section: section,
       biComponentType: "TableSections",
       skin: "neutral",
       dataHook: "table-section-header",
+      collapsible: collapsible,
+      onToggleCollapse: state.toggleSection,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -118,7 +123,7 @@ const _TableSectionRow = /*#__PURE__*/(0, _react.forwardRef)(({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 101,
       columnNumber: 10
     }
   }));

package/dist/cjs/components/TableSections/TableSectionRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","section","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nconst _TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n  const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const result = state.getSectionWithCount(rowData);\n\n    if (!result) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    const { sectionId, section } = result;\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n          cursor: 'default',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              left: 0,\n              width: sectionContentWidth,\n            }}\n          >\n            <CollectionSectionHeader\n              sectionId={sectionId}\n              section={section}\n              biComponentType=\"TableSections\"\n              skin=\"neutral\"\n              dataHook=\"table-section-header\"\n            />\n          </div>\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionSectionHeader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSectionRow","forwardRef","state","RegularTrElement","rowData","props","ref","children","className","style","isSectionRow","contentWidth","table","toolbar","itemsContentRect","rect","width","sectionContentWidth","regularTrElementProps","isInvisibleRow","createElement","_extends2","visibility","__self","__source","fileName","lineNumber","columnNumber","Array","isArray","length","result","getSectionWithCount","sectionId","sectionIndex","section","collapsible","position","cursor","colSpan","scope","padding","left","CollectionSectionHeader","biComponentType","skin","dataHook","onToggleCollapse","toggleSection","TableSectionRow","exports","observer"],"sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"sourcesContent":["import React, {\n  ForwardRefExoticComponent,\n  HTMLAttributes,\n  ReactElement,\n  forwardRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { TableSectionsState } from './TableSectionsState';\nimport { CollectionSectionHeader } from '../CollectionSectionHeader';\n\nexport interface TableSectionRowProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  rowData: KeyedItem<T>;\n  state: TableSectionsState<T, F>;\n  RegularTrElement: ForwardRefExoticComponent<{\n    children: ReactElement[];\n    rowData: { id: string };\n    className: string;\n  }>;\n}\n\nconst _TableSectionRow = forwardRef<\n  HTMLTableRowElement,\n  TableSectionRowProps<any, any>\n>(({ state, RegularTrElement, rowData, ...props }, ref) => {\n  const { children, className, style } = props;\n  const isSectionRow = state.isSectionRow(rowData);\n  const contentWidth = state.table.toolbar.itemsContentRect.rect.width;\n  const sectionContentWidth = contentWidth ? `${contentWidth}px` : '100%';\n  const regularTrElementProps = {\n    ...props,\n    rowData,\n    className: className || '',\n    children: (children as ReactElement[]) || [],\n  };\n\n  if (state.isInvisibleRow(rowData)) {\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          visibility: 'collapse',\n        }}\n      />\n    );\n  }\n\n  if (isSectionRow && Array.isArray(children) && children.length > 0) {\n    const result = state.getSectionWithCount(rowData);\n\n    if (!result) {\n      return <RegularTrElement {...regularTrElementProps} />;\n    }\n\n    const { sectionId, sectionIndex, section, collapsible } = result;\n\n    return (\n      <tr\n        {...props}\n        ref={ref}\n        className={className}\n        style={{\n          ...style,\n          position: 'relative',\n          cursor: 'default',\n        }}\n        data-hook=\"table-section-header-row\"\n      >\n        <th\n          colSpan={children.length}\n          scope=\"rowgroup\"\n          style={{ padding: '0px' }}\n        >\n          <div\n            style={{\n              position: 'sticky',\n              left: 0,\n              width: sectionContentWidth,\n            }}\n          >\n            <CollectionSectionHeader\n              sectionId={sectionId}\n              sectionIndex={sectionIndex}\n              section={section}\n              biComponentType=\"TableSections\"\n              skin=\"neutral\"\n              dataHook=\"table-section-header\"\n              collapsible={collapsible}\n              onToggleCollapse={state.toggleSection}\n            />\n          </div>\n        </th>\n      </tr>\n    );\n  }\n\n  return <RegularTrElement {...regularTrElementProps} />;\n});\n\nexport const TableSectionRow = observer(_TableSectionRow);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSections/TableSections.js

@@ -5,6 +5,7 @@ exports.__esModule = true;
 exports.TableSections = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _mobx = require("mobx");
 var _mobxReactLite = require("mobx-react-lite");
 var _CollectionTable = require("../CollectionTable");
 var _useTableSectionRow = require("./useTableSectionRow");
@@ -17,9 +18,15 @@ const _TableSections = ({
   table,
   columns,
   rowDetails,
+  collapsible,
+  events,
   ...collectionTableProps
 }) => {
-  const [state] = (0, _react.useState)(() => new _TableSectionsState.TableSectionsState(table, groupBy, renderSection));
+  const [state] = (0, _react.useState)(() => new _TableSectionsState.TableSectionsState(table, groupBy, renderSection, collapsible));
+  (0, _mobx.runInAction)(() => {
+    state.renderSection = renderSection;
+  });
+  state.onToggleCallback = events == null ? void 0 : events.onToggle;
   const columnsWithSections = (0, _react.useMemo)(() => columns.map(column => ({
     ...column,
     render: (item, rowNum) => {
@@ -51,10 +58,11 @@ const _TableSections = ({
     isRowDisabled: keyedItem => {
       return state.isSectionRow(keyedItem);
     },
+    isUsingExpandCollapse: collapsible,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 74,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","groupBy","renderSection","table","columns","rowDetails","collectionTableProps","state","useState","TableSectionsState","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","wrappedRowDetails","undefined","rowData","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n  table: TableState<T, F>;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n  groupBy,\n  renderSection,\n  table,\n  columns,\n  rowDetails,\n  ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n  const [state] = useState(\n    () => new TableSectionsState(table, groupBy, renderSection),\n  );\n\n  const columnsWithSections = useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        render: (item: T, rowNum: number) => {\n          const keyedItem = state.sectionsKeyedItems[rowNum];\n          if (keyedItem && state.isSectionRow(keyedItem)) {\n            return null;\n          }\n\n          return column.render(item, rowNum);\n        },\n      })),\n    [columns],\n  );\n\n  const wrappedRowDetails = useMemo(() => {\n    if (!rowDetails) {\n      return undefined;\n    }\n    return (rowData: KeyedItem<T>, rowNum: number) => {\n      if (state.isSectionRow(rowData)) {\n        return null;\n      }\n      return rowDetails(rowData, rowNum);\n    };\n  }, [rowDetails, state]);\n\n  const TableSectionsTrElement = useTableSectionRow(state);\n\n  return (\n    <CollectionTable\n      {...collectionTableProps}\n      rowDetails={wrappedRowDetails}\n      state={state.table}\n      columns={columnsWithSections}\n      keyedItems={state.sectionsKeyedItems}\n      TrElementType={TableSectionsTrElement}\n      isRowDisabled={(keyedItem) => {\n        return state.isSectionRow(keyedItem);\n      }}\n    />\n  );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n  TableSections: typeof TableSections;\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_CollectionTable","_useTableSectionRow","_TableSectionsState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSections","groupBy","renderSection","table","columns","rowDetails","collapsible","events","collectionTableProps","state","useState","TableSectionsState","runInAction","onToggleCallback","onToggle","columnsWithSections","useMemo","map","column","render","item","rowNum","keyedItem","sectionsKeyedItems","isSectionRow","wrappedRowDetails","undefined","rowData","TableSectionsTrElement","useTableSectionRow","createElement","CollectionTable","_extends2","keyedItems","TrElementType","isRowDisabled","isUsingExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","TableSections","exports","observer"],"sources":["../../../../src/components/TableSections/TableSections.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionTable, CollectionTableBaseProps } from '../CollectionTable';\nimport { useTableSectionRow } from './useTableSectionRow';\nimport { TableState } from '../../state';\nimport {\n  GroupBy,\n  RenderSection,\n  SectionEvents,\n} from '../CollectionSectionHeader';\nimport { TableSectionsState } from './TableSectionsState';\n\nexport interface TableSectionsProps<T, F extends FiltersMap>\n  extends CollectionTableBaseProps<T, F> {\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n  table: TableState<T, F>;\n  collapsible?: boolean;\n  events?: SectionEvents;\n}\n\nconst _TableSections = <T, F extends FiltersMap>({\n  groupBy,\n  renderSection,\n  table,\n  columns,\n  rowDetails,\n  collapsible,\n  events,\n  ...collectionTableProps\n}: TableSectionsProps<T, F>) => {\n  const [state] = useState(\n    () => new TableSectionsState(table, groupBy, renderSection, collapsible),\n  );\n\n  runInAction(() => {\n    state.renderSection = renderSection;\n  });\n  state.onToggleCallback = events?.onToggle;\n\n  const columnsWithSections = useMemo(\n    () =>\n      columns.map((column) => ({\n        ...column,\n        render: (item: T, rowNum: number) => {\n          const keyedItem = state.sectionsKeyedItems[rowNum];\n          if (keyedItem && state.isSectionRow(keyedItem)) {\n            return null;\n          }\n\n          return column.render(item, rowNum);\n        },\n      })),\n    [columns],\n  );\n\n  const wrappedRowDetails = useMemo(() => {\n    if (!rowDetails) {\n      return undefined;\n    }\n    return (rowData: KeyedItem<T>, rowNum: number) => {\n      if (state.isSectionRow(rowData)) {\n        return null;\n      }\n      return rowDetails(rowData, rowNum);\n    };\n  }, [rowDetails, state]);\n\n  const TableSectionsTrElement = useTableSectionRow(state);\n\n  return (\n    <CollectionTable\n      {...collectionTableProps}\n      rowDetails={wrappedRowDetails}\n      state={state.table}\n      columns={columnsWithSections}\n      keyedItems={state.sectionsKeyedItems}\n      TrElementType={TableSectionsTrElement}\n      isRowDisabled={(keyedItem) => {\n        return state.isSectionRow(keyedItem);\n      }}\n      isUsingExpandCollapse={collapsible}\n    />\n  );\n};\n\nexport const TableSections = observer(_TableSections);\n\nexport type TableSectionsProp<T> = {\n  TableSections: typeof TableSections;\n  groupBy: GroupBy<T>;\n  renderSection: RenderSection<T>;\n  collapsible?: boolean;\n  events?: SectionEvents;\n};\n"],"mappings":"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","ignoreList":[]}