@wix/patterns 1.348.0 → 1.349.0

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

@@ -4,13 +4,13 @@ import { CollectionSectionHeader } from '../CollectionSectionHeader';
 function _GridSectionHeader(props) {
     const { sectionDescriptor, state } = props;
     const { gridBase: { layoutType }, } = state;
-    const { sectionId, section, range } = sectionDescriptor;
+    const { sectionId, sectionIndex, section, range } = sectionDescriptor;
     const sectionWithCount = {
         ...section,
         count: range.length,
         hasMore: state.isLast && !state.gridSections.collection.fetchedLastPage,
     };
-    return (React.createElement(CollectionSectionHeader, { dataHook: "grid-section-header", sectionId: sectionId, section: sectionWithCount, skin: layoutType === 'list' ? 'light' : 'neutral', biComponentType: "GridSections" }));
+    return (React.createElement(CollectionSectionHeader, { dataHook: "grid-section-header", sectionId: sectionId, sectionIndex: sectionIndex, section: sectionWithCount, skin: layoutType === 'list' ? 'light' : 'neutral', biComponentType: "GridSections" }));
 }
 export const GridSectionHeader = observer(_GridSectionHeader);
 //# sourceMappingURL=GridSectionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAOrE,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EACJ,QAAQ,EAAE,EAAE,UAAU,EAAE,GACzB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAExD,MAAM,gBAAgB,GAAG;QACvB,GAAG,OAAO;QACV,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,OAAO,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,eAAe;KACxE,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,QAAQ,EAAC,qBAAqB,EAC9B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACjD,eAAe,EAAC,cAAc,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAOrE,SAAS,kBAAkB,CACzB,KAAmC;IAEnC,MAAM,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE3C,MAAM,EACJ,QAAQ,EAAE,EAAE,UAAU,EAAE,GACzB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC;IAEtE,MAAM,gBAAgB,GAAG;QACvB,GAAG,OAAO;QACV,KAAK,EAAE,KAAK,CAAC,MAAM;QACnB,OAAO,EAAE,KAAK,CAAC,MAAM,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,eAAe;KACxE,CAAC;IAEF,OAAO,CACL,oBAAC,uBAAuB,IACtB,QAAQ,EAAC,qBAAqB,EAC9B,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAE,UAAU,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACjD,eAAe,EAAC,cAAc,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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

@@ -28,7 +28,7 @@ export class GridSectionsState {
             sectionItemsMap[sectionId].push(item);
         });
         let currentIndex = 0;
-        return orderedSections.map((sectionId) => {
+        return orderedSections.map((sectionId, sectionIndex) => {
             const sectionItems = sectionItemsMap[sectionId];
             const section = renderSection
                 ? renderSection(sectionId, sectionItems)
@@ -38,7 +38,7 @@ export class GridSectionsState {
                 length: sectionItems.length,
             };
             currentIndex += sectionItems.length;
-            return { sectionId, section, range };
+            return { sectionId, sectionIndex, section, range };
         });
     }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"GridSectionsState.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAyB5D,MAAM,OAAO,iBAAiB;IAO5B,YAAY,MAAqC;QAC/C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEtC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,UAAU,CAAC,GAAG;YACvB,aAAa,EAAE,UAAU,CAAC,GAAG;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAEpD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,EAAE,CAAC;SACX;QAED,MAAM,eAAe,GAAwB,EAAE,CAAC;QAChD,MAAM,eAAe,GAAa,EAAE,CAAC;QAErC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACvC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;YAEhC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE;gBAC/B,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;gBAChC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACjC;YACD,eAAe,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,OAAO,eAAe,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE;YACvC,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;YAEhD,MAAM,OAAO,GAAG,aAAa;gBAC3B,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,YAAY,CAAC;gBACxC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YAEzB,MAAM,KAAK,GAAG;gBACZ,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,YAAY,CAAC,MAAM;aAC5B,CAAC;YAEF,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC;YAEpC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}
+{"version":3,"file":"GridSectionsState.js","sourceRoot":"","sources":["../../../../src/components/GridSections/GridSectionsState.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA0B5D,MAAM,OAAO,iBAAiB;IAO5B,YAAY,MAAqC;QAC/C,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;QACpC,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC;QAC9B,IAAI,CAAC,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;QAEtC,cAAc,CAAC,IAAI,EAAE;YACnB,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,UAAU,CAAC,GAAG;YACvB,aAAa,EAAE,UAAU,CAAC,GAAG;SAC9B,CAAC,CAAC;IACL,CAAC;IAED,IAAI,QAAQ;QACV,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC;QAEpD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,EAAE,CAAC;SACX;QAED,MAAM,eAAe,GAAwB,EAAE,CAAC;QAChD,MAAM,eAAe,GAAa,EAAE,CAAC;QAErC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACvC,MAAM,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;YAEhC,IAAI,CAAC,eAAe,CAAC,SAAS,CAAC,EAAE;gBAC/B,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;gBAChC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;aACjC;YACD,eAAe,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACxC,CAAC,CAAC,CAAC;QAEH,IAAI,YAAY,GAAG,CAAC,CAAC;QACrB,OAAO,eAAe,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,YAAY,EAAE,EAAE;YACrD,MAAM,YAAY,GAAG,eAAe,CAAC,SAAS,CAAC,CAAC;YAEhD,MAAM,OAAO,GAAG,aAAa;gBAC3B,CAAC,CAAC,aAAa,CAAC,SAAS,EAAE,YAAY,CAAC;gBACxC,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YAEzB,MAAM,KAAK,GAAG;gBACZ,KAAK,EAAE,YAAY;gBACnB,MAAM,EAAE,YAAY,CAAC,MAAM;aAC5B,CAAC;YAEF,YAAY,IAAI,YAAY,CAAC,MAAM,CAAC;YAEpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC;CACF"}

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

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

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

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

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

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

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow2386845315";
+var _namespace_ = "LoadingRow2291814844";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow2386845315__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow2386845315__gradientSwoosh" };
+export var classes = { "root": "LoadingRow2291814844__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow2291814844__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

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

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar3636803309";
+var _namespace_ = "MultiBulkActionToolbar1531832909";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "MultiBulkActionToolbar3636803309__root", "leftGroupWrapper": "MultiBulkActionToolbar3636803309__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar3636803309__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar3636803309__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar1531832909__root", "leftGroupWrapper": "MultiBulkActionToolbar1531832909__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar1531832909__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar1531832909__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2CAA2C,CAAC;AAC9D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iDAAiD,EAAC,CAAC;AAChF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0CAA0C,CAAC;AAC7D,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gDAAgD,EAAC,CAAC;AAC/E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow2944825962";
+var _namespace_ = "NestedTableRow708190955";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "NestedTableRow2944825962__root", "firstLevel": "NestedTableRow2944825962__firstLevel", "placeholder": "NestedTableRow2944825962__placeholder", "parentHovered": "NestedTableRow2944825962__parentHovered" };
+export var classes = { "root": "NestedTableRow708190955__root", "firstLevel": "NestedTableRow708190955__firstLevel", "placeholder": "NestedTableRow708190955__placeholder", "parentHovered": "NestedTableRow708190955__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"NestedTableRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,YAAY,EAAC,sCAAsC,EAAC,aAAa,EAAC,uCAAuC,EAAC,eAAe,EAAC,yCAAyC,EAAC,CAAC;AACnO,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTableRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTableRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,YAAY,EAAC,qCAAqC,EAAC,aAAa,EAAC,sCAAsC,EAAC,eAAe,EAAC,wCAAwC,EAAC,CAAC;AAC/N,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2CAA2C,EAAC,CAAC;AAC1E,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,0CAA0C,EAAC,CAAC;AACzE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

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

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep2173691430";
+var _namespace_ = "PickerContentAdditionalStep3507325941";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "PickerContentAdditionalStep2173691430__root", "titles": "PickerContentAdditionalStep2173691430__titles", "suffix": "PickerContentAdditionalStep2173691430__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep3507325941__root", "titles": "PickerContentAdditionalStep3507325941__titles", "suffix": "PickerContentAdditionalStep3507325941__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard658555106";
+var _namespace_ = "SkeletonCard2008983369";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SkeletonCard658555106__root", "headerLoading": "SkeletonCard658555106__headerLoading" };
+export var classes = { "root": "SkeletonCard2008983369__root", "headerLoading": "SkeletonCard2008983369__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

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

package/dist/esm/components/Table/TableBase.js

@@ -42,7 +42,7 @@ function _TableBase(props) {
         initialLoad: false,
         state,
     };
-    return (React.createElement(TableProvider, { value: state }, sections ? (React.createElement(sections.TableSections, { ...commonTableProps, table: state, groupBy: sections.groupBy, renderSection: sections.renderSection })) : (React.createElement(CollectionTable, { ...commonTableProps, TrElementType: TableBaseRow }))));
+    return (React.createElement(TableProvider, { value: state }, sections ? (React.createElement(sections.TableSections, { ...commonTableProps, table: state, groupBy: sections.groupBy, renderSection: sections.renderSection, collapsible: sections.collapsible, events: sections.events })) : (React.createElement(CollectionTable, { ...commonTableProps, TrElementType: TableBaseRow }))));
 }
 export const TableBase = observer(_TableBase);
 //# sourceMappingURL=TableBase.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBase.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAUpD,SAAS,UAAU,CACjB,KAA2B;IAE3B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,GACtE,KAAK,CAAC;IAER,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,aAAa;QAC1D,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;IAEzB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,EACJ,eAAe,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,GACjB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,IAAI,CAAC;YAChB,oBAAoB,EAAE;gBACpB,GAAG,wCAAwC,CAAC,KAAK,CAAC;aACnD;YACD,oBAAoB,EAAE,iBAAiB,KAAK,SAAS;SACtD,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GACvB,0BAA0B,IAAI,cAAc;QAC1C,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,QAAQ,EAAE,UAAU,CAAC,qBAAqB;YAC1C,OAAO,EAAE,CAAC,eAAe;YACzB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,CACN,oBAAC,GAAG,IAAC,eAAe,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO;gBACvD,oBAAC,MAAM,IAAC,QAAQ,EAAC,wBAAwB,GAAG,CACxC,CACP;SACF,CAAC;IAER,MAAM,gBAAgB,GAAG;QACvB,GAAG,KAAK;QACR,GAAG,mBAAmB;QACtB,aAAa;QACb,0BAA0B;QAC1B,WAAW,EAAE,KAAK;QAClB,KAAK;KACN,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IACxB,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,aAAa,OACjB,gBAAgB,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,aAAa,EAAE,QAAQ,CAAC,aAAa,GACrC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,OAAK,gBAAgB,EAAE,aAAa,EAAE,YAAY,GAAI,CACvE,CACa,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"TableBase.js","sourceRoot":"","sources":["../../../../src/components/Table/TableBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,wCAAwC,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAUpD,SAAS,UAAU,CACjB,KAA2B;IAE3B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,0BAA0B,EAAE,iBAAiB,EAAE,GACtE,KAAK,CAAC;IAER,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,aAAa;QAC1D,CAAC,CAAC,IAAI;QACN,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC;IAEzB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,EACJ,eAAe,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,GACjB,GAAG,UAAU,CAAC;IAEf,MAAM,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,eAAe,CAAC,KAAK,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,IAAI,CAAC;YAChB,oBAAoB,EAAE;gBACpB,GAAG,wCAAwC,CAAC,KAAK,CAAC;aACnD;YACD,oBAAoB,EAAE,iBAAiB,KAAK,SAAS;SACtD,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,mBAAmB,GACvB,0BAA0B,IAAI,cAAc;QAC1C,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACE,cAAc,EAAE,IAAI;YACpB,QAAQ,EAAE,UAAU,CAAC,qBAAqB;YAC1C,OAAO,EAAE,CAAC,eAAe;YACzB,YAAY,EAAE,KAAK;YACnB,MAAM,EAAE,CACN,oBAAC,GAAG,IAAC,eAAe,EAAC,KAAK,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,OAAO;gBACvD,oBAAC,MAAM,IAAC,QAAQ,EAAC,wBAAwB,GAAG,CACxC,CACP;SACF,CAAC;IAER,MAAM,gBAAgB,GAAG;QACvB,GAAG,KAAK;QACR,GAAG,mBAAmB;QACtB,aAAa;QACb,0BAA0B;QAC1B,WAAW,EAAE,KAAK;QAClB,KAAK;KACN,CAAC;IAEF,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IACxB,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,CAAC,aAAa,OACjB,gBAAgB,EACpB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,QAAQ,CAAC,OAAO,EACzB,aAAa,EAAE,QAAQ,CAAC,aAAa,EACrC,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,MAAM,EAAE,QAAQ,CAAC,MAAM,GACvB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,eAAe,OAAK,gBAAgB,EAAE,aAAa,EAAE,YAAY,GAAI,CACvE,CACa,CACjB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,UAAU,CAAC,CAAC"}

package/dist/esm/components/TableGridSwitch/TableGridSwitch.js

@@ -23,6 +23,8 @@ export function _TableGridSwitch(props) {
             TableSections: sections.TableSections,
             groupBy: sections.groupBy,
             renderSection: sections.renderSection,
+            collapsible: sections.collapsible,
+            events: sections.events,
         }
         : undefined;
     return (React.createElement(React.Fragment, null, isLoading ? (React.createElement(InitialLoader, { dataHook: "initial-loader", state: toolbar })) : state.viewType === 'grid' ? (React.createElement(Grid, { ...restProps, tableGridSwitchButton: tableGridSwitchButton, state: gridState, dragAndDrop: dragAndDrop?.grid, sections: gridSections })) : (React.createElement(Table, { ...restProps, sticky: true, tableGridSwitchButton: tableGridSwitchButton, state: tableState, dragAndDrop: dragAndDrop?.table, sections: tableSections }))));

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

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitch.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAA8B,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAc,MAAM,IAAI,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA2CjD,MAAM,UAAU,gBAAgB,CAC9B,KAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,qBAAqB,GAAG,CAC5B,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAI,CACtD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,MAAM,EACJ,QAAQ,EAAE,EAAE,MAAM,EAAE,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC;IAEpD,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC;YACE,YAAY,EAAE,QAAQ,CAAC,YAAY;YACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;SACtC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;SACtC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,IAAC,QAAQ,EAAC,gBAAgB,EAAC,KAAK,EAAE,OAAO,GAAI,CAC5D,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,oBAAC,IAAI,OACC,SAAS,EACb,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,WAAW,EAAE,IAAI,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,OACA,SAAS,EACb,MAAM,QACN,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,QAAQ,EAAE,aAAa,GACvB,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"TableGridSwitch.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAA8B,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAc,MAAM,IAAI,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiDjD,MAAM,UAAU,gBAAgB,CAC9B,KAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,qBAAqB,GAAG,CAC5B,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAI,CACtD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,MAAM,EACJ,QAAQ,EAAE,EAAE,MAAM,EAAE,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC;IAEpD,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC;YACE,YAAY,EAAE,QAAQ,CAAC,YAAY;YACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;SACtC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,WAAW,EAAE,QAAQ,CAAC,WAAW;YACjC,MAAM,EAAE,QAAQ,CAAC,MAAM;SACxB;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,IAAC,QAAQ,EAAC,gBAAgB,EAAC,KAAK,EAAE,OAAO,GAAI,CAC5D,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,oBAAC,IAAI,OACC,SAAS,EACb,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,WAAW,EAAE,IAAI,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,OACA,SAAS,EACb,MAAM,QACN,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,QAAQ,EAAE,aAAa,GACvB,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

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

@@ -23,7 +23,7 @@ const _TableSectionRow = forwardRef(({ state, RegularTrElement, rowData, ...prop
         if (!result) {
             return React.createElement(RegularTrElement, { ...regularTrElementProps });
         }
-        const { sectionId, section } = result;
+        const { sectionId, sectionIndex, section, collapsible } = result;
         return (React.createElement("tr", { ...props, ref: ref, className: className, style: {
                 ...style,
                 position: 'relative',
@@ -35,7 +35,7 @@ const _TableSectionRow = forwardRef(({ state, RegularTrElement, rowData, ...prop
                         left: 0,
                         width: sectionContentWidth,
                     } },
-                    React.createElement(CollectionSectionHeader, { sectionId: sectionId, section: section, biComponentType: "TableSections", skin: "neutral", dataHook: "table-section-header" })))));
+                    React.createElement(CollectionSectionHeader, { sectionId: sectionId, sectionIndex: sectionIndex, section: section, biComponentType: "TableSections", skin: "neutral", dataHook: "table-section-header", collapsible: collapsible, onToggleCollapse: state.toggleSection })))));
     }
     return React.createElement(RegularTrElement, { ...regularTrElementProps });
 });

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

@@ -1 +1 @@
-{"version":3,"file":"TableSectionRow.js","sourceRoot":"","sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAarE,MAAM,gBAAgB,GAAG,UAAU,CAGjC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;IACrE,MAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACxE,MAAM,qBAAqB,GAAG;QAC5B,GAAG,KAAK;QACR,OAAO;QACP,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,QAAQ,EAAG,QAA2B,IAAI,EAAE;KAC7C,CAAC;IAEF,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACjC,OAAO,CACL,+BACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,UAAU,EAAE,UAAU;aACvB,GACD,CACH,CAAC;KACH;IAED,IAAI,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAClE,MAAM,MAAM,GAAG,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAElD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,oBAAC,gBAAgB,OAAK,qBAAqB,GAAI,CAAC;SACxD;QAED,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,CAAC;QAEtC,OAAO,CACL,+BACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,SAAS;aAClB,eACS,0BAA0B;YAEpC,4BACE,OAAO,EAAE,QAAQ,CAAC,MAAM,EACxB,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAEzB,6BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,QAAQ;wBAClB,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,mBAAmB;qBAC3B;oBAED,oBAAC,uBAAuB,IACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,eAAe,EAC/B,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,sBAAsB,GAC/B,CACE,CACH,CACF,CACN,CAAC;KACH;IAED,OAAO,oBAAC,gBAAgB,OAAK,qBAAqB,GAAI,CAAC;AACzD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"TableSectionRow.js","sourceRoot":"","sources":["../../../../src/components/TableSections/TableSectionRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAIZ,UAAU,GACX,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAarE,MAAM,gBAAgB,GAAG,UAAU,CAGjC,CAAC,EAAE,KAAK,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACxD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IACjD,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC;IACrE,MAAM,mBAAmB,GAAG,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IACxE,MAAM,qBAAqB,GAAG;QAC5B,GAAG,KAAK;QACR,OAAO;QACP,SAAS,EAAE,SAAS,IAAI,EAAE;QAC1B,QAAQ,EAAG,QAA2B,IAAI,EAAE;KAC7C,CAAC;IAEF,IAAI,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE;QACjC,OAAO,CACL,+BACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,UAAU,EAAE,UAAU;aACvB,GACD,CACH,CAAC;KACH;IAED,IAAI,YAAY,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QAClE,MAAM,MAAM,GAAG,KAAK,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;QAElD,IAAI,CAAC,MAAM,EAAE;YACX,OAAO,oBAAC,gBAAgB,OAAK,qBAAqB,GAAI,CAAC;SACxD;QAED,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,MAAM,CAAC;QAEjE,OAAO,CACL,+BACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;gBACL,GAAG,KAAK;gBACR,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,SAAS;aAClB,eACS,0BAA0B;YAEpC,4BACE,OAAO,EAAE,QAAQ,CAAC,MAAM,EACxB,KAAK,EAAC,UAAU,EAChB,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAEzB,6BACE,KAAK,EAAE;wBACL,QAAQ,EAAE,QAAQ;wBAClB,IAAI,EAAE,CAAC;wBACP,KAAK,EAAE,mBAAmB;qBAC3B;oBAED,oBAAC,uBAAuB,IACtB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAC,eAAe,EAC/B,IAAI,EAAC,SAAS,EACd,QAAQ,EAAC,sBAAsB,EAC/B,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE,KAAK,CAAC,aAAa,GACrC,CACE,CACH,CACF,CACN,CAAC;KACH;IAED,OAAO,oBAAC,gBAAgB,OAAK,qBAAqB,GAAI,CAAC;AACzD,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

package/dist/esm/components/TableSections/TableSections.js

@@ -1,10 +1,15 @@
 import React, { useMemo, useState } from 'react';
+import { runInAction } from 'mobx';
 import { observer } from 'mobx-react-lite';
 import { CollectionTable } from '../CollectionTable';
 import { useTableSectionRow } from './useTableSectionRow';
 import { TableSectionsState } from './TableSectionsState';
-const _TableSections = ({ groupBy, renderSection, table, columns, rowDetails, ...collectionTableProps }) => {
-    const [state] = useState(() => new TableSectionsState(table, groupBy, renderSection));
+const _TableSections = ({ groupBy, renderSection, table, columns, rowDetails, collapsible, events, ...collectionTableProps }) => {
+    const [state] = useState(() => new TableSectionsState(table, groupBy, renderSection, collapsible));
+    runInAction(() => {
+        state.renderSection = renderSection;
+    });
+    state.onToggleCallback = events?.onToggle;
     const columnsWithSections = useMemo(() => columns.map((column) => ({
         ...column,
         render: (item, rowNum) => {
@@ -29,7 +34,7 @@ const _TableSections = ({ groupBy, renderSection, table, columns, rowDetails, ..
     const TableSectionsTrElement = useTableSectionRow(state);
     return (React.createElement(CollectionTable, { ...collectionTableProps, rowDetails: wrappedRowDetails, state: state.table, columns: columnsWithSections, keyedItems: state.sectionsKeyedItems, TrElementType: TableSectionsTrElement, isRowDisabled: (keyedItem) => {
             return state.isSectionRow(keyedItem);
-        } }));
+        }, isUsingExpandCollapse: collapsible }));
 };
 export const TableSections = observer(_TableSections);
 //# sourceMappingURL=TableSections.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableSections.js","sourceRoot":"","sources":["../../../../src/components/TableSections/TableSections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAA4B,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAS1D,MAAM,cAAc,GAAG,CAA0B,EAC/C,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,EACV,GAAG,oBAAoB,EACE,EAAE,EAAE;IAC7B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,CAAC,CAC5D,CAAC;IAEF,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACvB,GAAG,MAAM;QACT,MAAM,EAAE,CAAC,IAAO,EAAE,MAAc,EAAE,EAAE;YAClC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;YACnD,IAAI,SAAS,IAAI,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;gBAC9C,OAAO,IAAI,CAAC;aACb;YAED,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC;KACF,CAAC,CAAC,EACL,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,CAAC,OAAqB,EAAE,MAAc,EAAE,EAAE;YAC/C,IAAI,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;gBAC/B,OAAO,IAAI,CAAC;aACb;YACD,OAAO,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,eAAe,OACV,oBAAoB,EACxB,UAAU,EAAE,iBAAiB,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,mBAAmB,EAC5B,UAAU,EAAE,KAAK,CAAC,kBAAkB,EACpC,aAAa,EAAE,sBAAsB,EACrC,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE;YAC3B,OAAO,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"TableSections.js","sourceRoot":"","sources":["../../../../src/components/TableSections/TableSections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,eAAe,EAA4B,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAO1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAW1D,MAAM,cAAc,GAAG,CAA0B,EAC/C,OAAO,EACP,aAAa,EACb,KAAK,EACL,OAAO,EACP,UAAU,EACV,WAAW,EACX,MAAM,EACN,GAAG,oBAAoB,EACE,EAAE,EAAE;IAC7B,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CAAC,IAAI,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,CAAC,CACzE,CAAC;IAEF,WAAW,CAAC,GAAG,EAAE;QACf,KAAK,CAAC,aAAa,GAAG,aAAa,CAAC;IACtC,CAAC,CAAC,CAAC;IACH,KAAK,CAAC,gBAAgB,GAAG,MAAM,EAAE,QAAQ,CAAC;IAE1C,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CACH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;QACvB,GAAG,MAAM;QACT,MAAM,EAAE,CAAC,IAAO,EAAE,MAAc,EAAE,EAAE;YAClC,MAAM,SAAS,GAAG,KAAK,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC;YACnD,IAAI,SAAS,IAAI,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE;gBAC9C,OAAO,IAAI,CAAC;aACb;YAED,OAAO,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC;KACF,CAAC,CAAC,EACL,CAAC,OAAO,CAAC,CACV,CAAC;IAEF,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,CAAC,UAAU,EAAE;YACf,OAAO,SAAS,CAAC;SAClB;QACD,OAAO,CAAC,OAAqB,EAAE,MAAc,EAAE,EAAE;YAC/C,IAAI,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE;gBAC/B,OAAO,IAAI,CAAC;aACb;YACD,OAAO,UAAU,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QACrC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC;IAExB,MAAM,sBAAsB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC;IAEzD,OAAO,CACL,oBAAC,eAAe,OACV,oBAAoB,EACxB,UAAU,EAAE,iBAAiB,EAC7B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,OAAO,EAAE,mBAAmB,EAC5B,UAAU,EAAE,KAAK,CAAC,kBAAkB,EACpC,aAAa,EAAE,sBAAsB,EACrC,aAAa,EAAE,CAAC,SAAS,EAAE,EAAE;YAC3B,OAAO,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;QACvC,CAAC,EACD,qBAAqB,EAAE,WAAW,GAClC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}

package/dist/esm/components/TableSections/TableSectionsState.js

@@ -1,25 +1,46 @@
-import { computed, makeObservable } from 'mobx';
+import { computed, makeObservable, observable } from 'mobx';
 const SECTION_PREFIX = '$$$wix-patterns-sections$$$-';
 const INVISIBLE_ROW_ID = `${SECTION_PREFIX}invisible`;
 export class TableSectionsState {
-    constructor(table, groupBy, renderSection) {
+    constructor(table, groupBy, renderSection, collapsible) {
+        this.toggleSection = (sectionId) => {
+            const currentCollapsed = this.isSectionCollapsed(sectionId);
+            this.onToggleCallback?.(sectionId, !currentCollapsed);
+        };
         this.table = table;
         this.groupBy = groupBy;
         this.renderSection = renderSection;
+        this.collapsible = collapsible ?? false;
         makeObservable(this, {
+            renderSection: observable.ref,
             sectionsKeyedItems: computed,
             sectionCounts: computed,
         });
     }
+    isSectionCollapsed(sectionId) {
+        const sectionItems = this.getSectionItems(sectionId);
+        const section = this.renderSection(sectionId, sectionItems);
+        return section.collapsed ?? false;
+    }
+    getSectionItems(sectionId) {
+        const items = [];
+        for (const keyedItem of this.table.keyedItems) {
+            if (this.groupBy(keyedItem.item) === sectionId) {
+                items.push(keyedItem.item);
+            }
+        }
+        return items;
+    }
     generateSectionId(firstItemId) {
         return `${SECTION_PREFIX}${firstItemId}`;
     }
     get computeSectionData() {
         const counts = new Map();
         const items = new Map();
+        const indices = new Map();
         const keyedItems = [];
         if (this.table.keyedItems.length === 0) {
-            return { counts, items, keyedItems };
+            return { counts, items, indices, keyedItems };
         }
         // Add invisible row for design purposes
         keyedItems.push({
@@ -34,6 +55,7 @@ export class TableSectionsState {
         let currentSectionIndex = 0;
         let currentHeaderId = null;
         let count = 0;
+        let isCurrentSectionCollapsed = false;
         let currentSectionItems = [];
         for (const keyedItem of this.table.keyedItems) {
             const sectionId = this.groupBy(keyedItem.item);
@@ -46,9 +68,14 @@ export class TableSectionsState {
                 // Start new section
                 currentSectionId = sectionId;
                 currentHeaderId = this.generateSectionId(`${sectionId}@${currentSectionIndex}`);
+                indices.set(currentHeaderId, currentSectionIndex);
                 currentSectionIndex++;
                 count = 1;
                 currentSectionItems = [keyedItem.item];
+                // Determine if section is collapsed from renderSection
+                const section = this.renderSection(sectionId, this.getSectionItems(sectionId));
+                isCurrentSectionCollapsed =
+                    this.collapsible && (section.collapsed ?? false);
                 // Add section header to keyed items
                 const sectionKeyedItem = {
                     id: currentHeaderId,
@@ -64,8 +91,10 @@ export class TableSectionsState {
                 count++;
                 currentSectionItems.push(keyedItem.item);
             }
-            // Add the actual data item
-            keyedItems.push(keyedItem);
+            // Add the actual data item only if section is not collapsed
+            if (!isCurrentSectionCollapsed) {
+                keyedItems.push(keyedItem);
+            }
         }
         // Handle last section
         if (currentHeaderId) {
@@ -73,7 +102,7 @@ export class TableSectionsState {
             counts.set(currentHeaderId, { count, isComplete: isLastSectionComplete });
             items.set(currentHeaderId, currentSectionItems);
         }
-        return { counts, items, keyedItems };
+        return { counts, items, indices, keyedItems };
     }
     get sectionCounts() {
         return this.computeSectionData.counts;
@@ -81,6 +110,9 @@ export class TableSectionsState {
     get sectionItems() {
         return this.computeSectionData.items;
     }
+    get sectionIndices() {
+        return this.computeSectionData.indices;
+    }
     get sectionsKeyedItems() {
         return this.computeSectionData.keyedItems;
     }
@@ -92,16 +124,20 @@ export class TableSectionsState {
         const sectionItemsList = headerId
             ? this.sectionItems.get(headerId) || []
             : [];
+        const sectionIndex = headerId ? this.sectionIndices.get(headerId) ?? 0 : 0;
         const sectionId = this.groupBy(sectionKeyedItem.item);
         const section = this.renderSection(sectionId, sectionItemsList);
         return {
             sectionId,
+            sectionIndex,
             section: {
                 ...section,
                 count: sectionData.count,
                 hasMore: !sectionData.isComplete,
                 items: sectionItemsList,
+                collapsed: this.collapsible && (section.collapsed ?? false),
             },
+            collapsible: this.collapsible,
         };
     }
     isSectionRow(keyedItem) {