@wix/patterns 1.348.0 → 1.349.0

package/dist/cjs/components/CardContainer/CardContainer.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_ = "CardContainer3474825576";
+var _namespace_ = "CardContainer184634697";
 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": "CardContainer3474825576__root"
+  "root": "CardContainer184634697__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CardContainer/CardContainer.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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer3474825576\";\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\":\"CardContainer3474825576__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/CardContainer/CardContainer.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CardContainer184634697\";\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\":\"CardContainer184634697__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/Collapse/Collapse.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Collapse2319884383";
+var _namespace_ = "Collapse1192621551";
 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": "Collapse2319884383__root",
-  "exit": "Collapse2319884383__exit"
+  "root": "Collapse1192621551__root",
+  "exit": "Collapse1192621551__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

package/dist/cjs/components/CollectionPageNew/CollectionPage.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_ = "CollectionPage2682427478";
+var _namespace_ = "CollectionPage1721727275";
 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": "CollectionPage2682427478__root"
+  "root": "CollectionPage1721727275__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionPageNew/CollectionPage.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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage2682427478\";\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\":\"CollectionPage2682427478__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,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/CollectionPageNew/CollectionPage.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPage1721727275\";\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\":\"CollectionPage1721727275__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\",\"wds-color-fill-surface-sunken\":\"--wds-color-fill-surface-sunken\",\"wds-space-300\":\"--wds-space-300\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oCAAoC,EAAC,sCAAsC;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.js

@@ -10,10 +10,13 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const CollectionSectionHeader = ({
   sectionId,
+  sectionIndex,
   section,
   skin,
   dataHook,
-  biComponentType
+  biComponentType,
+  collapsible,
+  onToggleCollapse
 }) => {
   const renderBadge = () => {
     const {
@@ -29,7 +32,7 @@ const CollectionSectionHeader = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 52,
         columnNumber: 7
       }
     }, section.count, section.hasMore ? '+' : '');
@@ -42,11 +45,11 @@ const CollectionSectionHeader = ({
       return null;
     }
     return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-      gap: "SP2",
+      gap: "SP1",
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 71,
         columnNumber: 7
       }
     }, summary.map((item, index) => {
@@ -54,12 +57,12 @@ const CollectionSectionHeader = ({
       return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         key: index,
         verticalAlign: "middle",
-        gap: "SP1",
+        gap: "3px",
         dataHook: "section-header-summary-item",
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 62,
+          lineNumber: 73,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -67,7 +70,7 @@ const CollectionSectionHeader = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 68,
+          lineNumber: 79,
           columnNumber: 13
         }
       }, /*#__PURE__*/(0, _react.isValidElement)(item.icon) ? /*#__PURE__*/(0, _react.cloneElement)(item.icon, {
@@ -80,7 +83,7 @@ const CollectionSectionHeader = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 78,
+          lineNumber: 89,
           columnNumber: 13
         }
       }, item.count));
@@ -92,7 +95,7 @@ const CollectionSectionHeader = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 88,
+      lineNumber: 99,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -100,7 +103,7 @@ const CollectionSectionHeader = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 89,
+      lineNumber: 100,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -109,7 +112,7 @@ const CollectionSectionHeader = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 90,
+      lineNumber: 101,
       columnNumber: 9
     }
   }, section.title), renderBadge()), renderSummary());
@@ -117,23 +120,26 @@ const CollectionSectionHeader = ({
     dataHook: dataHook,
     title: title,
     skin: skin,
-    divider: "none",
+    divider: section.collapsed ? 'bottom' : 'none',
     size: "small",
     suffix: /*#__PURE__*/_react.default.createElement(_CollectionSectionHeaderActionBar.CollectionSectionHeaderActionBar, {
       sectionId: sectionId,
+      sectionIndex: sectionIndex,
       section: section,
       biComponentType: biComponentType,
+      collapsible: collapsible,
+      onToggleCollapse: onToggleCollapse,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 118,
         columnNumber: 9
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 111,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionSectionHeaderStCss","_CollectionSectionHeaderActionBar","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSectionHeader","sectionId","section","skin","dataHook","biComponentType","renderBadge","badge","visible","createElement","CounterBadge","truncate","__self","__source","fileName","lineNumber","columnNumber","count","hasMore","renderSummary","summary","length","Box","gap","map","item","index","_item$icon$props","key","verticalAlign","Tooltip","content","text","isValidElement","icon","cloneElement","className","st","classes","summaryIcon","props","Text","size","weight","secondary","title","SectionHeader","divider","suffix","CollectionSectionHeaderActionBar","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.tsx"],"sourcesContent":["import {\n  SectionHeader,\n  SectionHeaderProps,\n  Text,\n  CounterBadge,\n  Box,\n  Tooltip,\n} from '@wix/design-system';\nimport React, {\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport { st, classes } from './CollectionSectionHeader.st.css.js';\nimport { CollectionSectionHeaderActionBar } from './CollectionSectionHeaderActionBar';\nimport { Section } from './CollectionSectionHeader.types';\n\nexport interface CollectionSectionHeaderProps<T = unknown>\n  extends Pick<SectionHeaderProps, 'skin' | 'dataHook'> {\n  sectionId: string;\n  section: Section & { count: number; hasMore?: boolean; items?: T[] };\n  biComponentType: string;\n}\n\nexport const CollectionSectionHeader = <T,>({\n  sectionId,\n  section,\n  skin,\n  dataHook,\n  biComponentType,\n}: CollectionSectionHeaderProps<T>) => {\n  const renderBadge = (): ReactNode => {\n    const { badge } = section;\n\n    if (!badge || !badge.visible) {\n      return null;\n    }\n\n    return (\n      <CounterBadge\n        truncate={false}\n        skin={badge.skin || 'light'}\n        dataHook=\"section-header-badge\"\n      >\n        {section.count}\n        {section.hasMore ? '+' : ''}\n      </CounterBadge>\n    );\n  };\n\n  const renderSummary = (): ReactNode => {\n    const { summary } = section;\n\n    if (!summary || summary.length === 0) {\n      return null;\n    }\n\n    return (\n      <Box gap=\"SP2\">\n        {summary.map((item, index) => (\n          <Box\n            key={index}\n            verticalAlign=\"middle\"\n            gap=\"SP1\"\n            dataHook=\"section-header-summary-item\"\n          >\n            <Tooltip content={item.text}>\n              {isValidElement(item.icon)\n                ? cloneElement(item.icon as ReactElement, {\n                    className: st(\n                      classes.summaryIcon,\n                      item.icon.props?.className,\n                    ),\n                  })\n                : item.icon}\n            </Tooltip>\n            <Text size=\"tiny\" weight=\"normal\" skin=\"standard\" secondary>\n              {item.count}\n            </Text>\n          </Box>\n        ))}\n      </Box>\n    );\n  };\n\n  const title = (\n    <Box verticalAlign=\"middle\" gap=\"SP2\">\n      <Box gap=\"SP1\">\n        <Text size=\"small\" weight=\"normal\">\n          {section.title}\n        </Text>\n        {renderBadge()}\n      </Box>\n      {renderSummary()}\n    </Box>\n  );\n\n  return (\n    <SectionHeader\n      dataHook={dataHook}\n      title={title}\n      skin={skin}\n      divider=\"none\"\n      size=\"small\"\n      suffix={\n        <CollectionSectionHeaderActionBar\n          sectionId={sectionId}\n          section={section}\n          biComponentType={biComponentType}\n        />\n      }\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionSectionHeaderStCss","_CollectionSectionHeaderActionBar","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollectionSectionHeader","sectionId","sectionIndex","section","skin","dataHook","biComponentType","collapsible","onToggleCollapse","renderBadge","badge","visible","createElement","CounterBadge","truncate","__self","__source","fileName","lineNumber","columnNumber","count","hasMore","renderSummary","summary","length","Box","gap","map","item","index","_item$icon$props","key","verticalAlign","Tooltip","content","text","isValidElement","icon","cloneElement","className","st","classes","summaryIcon","props","Text","size","weight","secondary","title","SectionHeader","divider","collapsed","suffix","CollectionSectionHeaderActionBar","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.tsx"],"sourcesContent":["import {\n  SectionHeader,\n  SectionHeaderProps,\n  Text,\n  CounterBadge,\n  Box,\n  Tooltip,\n} from '@wix/design-system';\nimport React, {\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n} from 'react';\nimport { st, classes } from './CollectionSectionHeader.st.css.js';\nimport { CollectionSectionHeaderActionBar } from './CollectionSectionHeaderActionBar';\nimport { Section } from './CollectionSectionHeader.types';\n\nexport interface CollectionSectionHeaderProps<T = unknown>\n  extends Pick<SectionHeaderProps, 'skin' | 'dataHook'> {\n  sectionId: string;\n  sectionIndex: number;\n  section: Section & {\n    count: number;\n    hasMore?: boolean;\n    items?: T[];\n    collapsed?: boolean;\n  };\n  biComponentType: string;\n  collapsible?: boolean;\n  onToggleCollapse?: (sectionId: string) => void;\n}\n\nexport const CollectionSectionHeader = <T,>({\n  sectionId,\n  sectionIndex,\n  section,\n  skin,\n  dataHook,\n  biComponentType,\n  collapsible,\n  onToggleCollapse,\n}: CollectionSectionHeaderProps<T>) => {\n  const renderBadge = (): ReactNode => {\n    const { badge } = section;\n\n    if (!badge || !badge.visible) {\n      return null;\n    }\n\n    return (\n      <CounterBadge\n        truncate={false}\n        skin={badge.skin || 'light'}\n        dataHook=\"section-header-badge\"\n      >\n        {section.count}\n        {section.hasMore ? '+' : ''}\n      </CounterBadge>\n    );\n  };\n\n  const renderSummary = (): ReactNode => {\n    const { summary } = section;\n\n    if (!summary || summary.length === 0) {\n      return null;\n    }\n\n    return (\n      <Box gap=\"SP1\">\n        {summary.map((item, index) => (\n          <Box\n            key={index}\n            verticalAlign=\"middle\"\n            gap=\"3px\"\n            dataHook=\"section-header-summary-item\"\n          >\n            <Tooltip content={item.text}>\n              {isValidElement(item.icon)\n                ? cloneElement(item.icon as ReactElement, {\n                    className: st(\n                      classes.summaryIcon,\n                      item.icon.props?.className,\n                    ),\n                  })\n                : item.icon}\n            </Tooltip>\n            <Text size=\"tiny\" weight=\"normal\" skin=\"standard\" secondary>\n              {item.count}\n            </Text>\n          </Box>\n        ))}\n      </Box>\n    );\n  };\n\n  const title = (\n    <Box verticalAlign=\"middle\" gap=\"SP2\">\n      <Box gap=\"SP1\">\n        <Text size=\"small\" weight=\"normal\">\n          {section.title}\n        </Text>\n        {renderBadge()}\n      </Box>\n      {renderSummary()}\n    </Box>\n  );\n\n  return (\n    <SectionHeader\n      dataHook={dataHook}\n      title={title}\n      skin={skin}\n      divider={section.collapsed ? 'bottom' : 'none'}\n      size=\"small\"\n      suffix={\n        <CollectionSectionHeaderActionBar\n          sectionId={sectionId}\n          sectionIndex={sectionIndex}\n          section={section}\n          biComponentType={biComponentType}\n          collapsible={collapsible}\n          onToggleCollapse={onToggleCollapse}\n        />\n      }\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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_ = "CollectionSectionHeader3345630489";
+var _namespace_ = "CollectionSectionHeader2005974028";
 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": "CollectionSectionHeader3345630489__root",
-  "summaryIcon": "CollectionSectionHeader3345630489__summaryIcon"
+  "root": "CollectionSectionHeader2005974028__root",
+  "summaryIcon": "CollectionSectionHeader2005974028__summaryIcon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader3345630489\";\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\":\"CollectionSectionHeader3345630489__root\",\"summaryIcon\":\"CollectionSectionHeader3345630489__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,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/CollectionSectionHeader/CollectionSectionHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionSectionHeader2005974028\";\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\":\"CollectionSectionHeader2005974028__root\",\"summaryIcon\":\"CollectionSectionHeader2005974028__summaryIcon\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-text-standard-secondary\":\"--wds-color-text-standard-secondary\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,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,yCAAyC;EAAC,aAAa,EAAC;AAAgD,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mCAAmC,EAAC;AAAqC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.types.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { CtaBaseProps } from '../CtaProps';\n\ninterface SectionBadgeConfig {\n  visible: boolean;\n  skin?: 'light' | 'danger' | 'neutralLight';\n}\n\n/**\n * A summary item to display in the section header.\n * @external\n */\ninterface SectionSummaryItem {\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  icon: ReactNode;\n  /**\n   * A label for the summary item.\n   * @external\n   */\n  text: string;\n  /**\n   * A count value for the summary item.\n   * @external\n   */\n  count: number;\n}\n\nexport interface Section {\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n  /**\n   * A badge for the section. Configuration object for showing item count.\n   * @external\n   */\n  badge?: SectionBadgeConfig;\n  /**\n   * Summary items to display in the section header.\n   * Each item can have an icon, text label, and count.\n   * @external\n   */\n  summary?: SectionSummaryItem[];\n}\n\n/**\n * A function that extracts the grouping key from an item.\n * @external\n */\nexport type GroupBy<T> = (item: T) => string;\n\n/**\n * A function that renders section configuration given the section ID and all items in the section.\n * @external\n */\nexport type RenderSection<T> = (sectionId: string, items: T[]) => Section;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { CtaBaseProps } from '../CtaProps';\n\ninterface SectionBadgeConfig {\n  visible: boolean;\n  skin?: 'light' | 'danger' | 'neutralLight';\n}\n\n/**\n * A summary item to display in the section header.\n * @external\n */\ninterface SectionSummaryItem {\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  icon: ReactNode;\n  /**\n   * A label for the summary item.\n   * @external\n   */\n  text: string;\n  /**\n   * A count value for the summary item.\n   * @external\n   */\n  count: number;\n}\n\nexport interface Section {\n  /**\n   * A title for the section.\n   * @external\n   */\n  title: string;\n  /**\n   * A primary call to action for the section.\n   * @overrideType [CtaBaseProps](./?path=/story/common-types--ctabaseprops)\n   * @external\n   */\n  primaryAction?: CtaBaseProps;\n  /**\n   * A badge for the section. Configuration object for showing item count.\n   * @external\n   */\n  badge?: SectionBadgeConfig;\n  /**\n   * Summary items to display in the section header.\n   * Each item can have an icon, text label, and count.\n   * @external\n   */\n  summary?: SectionSummaryItem[];\n  /**\n   * Whether the section is collapsed.\n   * When true, the section items are hidden.\n   * @external\n   */\n  collapsed?: boolean;\n}\n\n/**\n * A function that extracts the grouping key from an item.\n * @external\n */\nexport type GroupBy<T> = (item: T) => string;\n\n/**\n * A function that renders section configuration given the section ID and all items in the section.\n * @external\n */\nexport type RenderSection<T> = (sectionId: string, items: T[]) => Section;\n\n/**\n * Event callbacks for section interactions.\n * @external\n */\nexport interface SectionEvents {\n  /**\n   * Called when a section is toggled (collapsed/expanded).\n   * @param sectionId - The ID of the section being toggled\n   * @param isCollapsed - Whether the section is now collapsed\n   * @external\n   */\n  onToggle?: (sectionId: string, isCollapsed: boolean) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.uni.driver.js

@@ -7,7 +7,8 @@ function CollectionSectionHeaderUniDriver(base, body) {
   return {
     ...(0, _unidriver.SectionHeaderUniDriver)(base, body),
     getPrimaryAction: () => (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="collection-section-header-primary-action"]'), body),
-    getBadge: () => (0, _unidriver.CounterBadgeUniDriver)(base.$('[data-hook="section-header-badge"]'), body)
+    getBadge: () => (0, _unidriver.CounterBadgeUniDriver)(base.$('[data-hook="section-header-badge"]'), body),
+    getCollapseAction: () => (0, _unidriver.IconButtonUniDriver)(base.$('[data-hook="collection-section-header-collapse-action"]'), body)
   };
 }
 //# sourceMappingURL=CollectionSectionHeader.uni.driver.js.map

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeader.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","CollectionSectionHeaderUniDriver","base","body","SectionHeaderUniDriver","getPrimaryAction","TextButtonUniDriver","$","getBadge","CounterBadgeUniDriver"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  SectionHeaderUniDriver,\n  TextButtonUniDriver,\n  CounterBadgeUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CollectionSectionHeaderUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  return {\n    ...SectionHeaderUniDriver(base, body),\n    getPrimaryAction: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"collection-section-header-primary-action\"]'),\n        body,\n      ),\n    getBadge: () =>\n      CounterBadgeUniDriver(base.$('[data-hook=\"section-header-badge\"]'), body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,gCAAgCA,CAC9CC,IAAe,EACfC,IAAe,EACf;EACA,OAAO;IACL,GAAG,IAAAC,iCAAsB,EAACF,IAAI,EAAEC,IAAI,CAAC;IACrCE,gBAAgB,EAAEA,CAAA,KAChB,IAAAC,8BAAmB,EACjBJ,IAAI,CAACK,CAAC,CAAC,wDAAwD,CAAC,EAChEJ,IACF,CAAC;IACHK,QAAQ,EAAEA,CAAA,KACR,IAAAC,gCAAqB,EAACP,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC,EAAEJ,IAAI;EAC5E,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","CollectionSectionHeaderUniDriver","base","body","SectionHeaderUniDriver","getPrimaryAction","TextButtonUniDriver","$","getBadge","CounterBadgeUniDriver","getCollapseAction","IconButtonUniDriver"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeader.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  SectionHeaderUniDriver,\n  TextButtonUniDriver,\n  CounterBadgeUniDriver,\n  IconButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CollectionSectionHeaderUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  return {\n    ...SectionHeaderUniDriver(base, body),\n    getPrimaryAction: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"collection-section-header-primary-action\"]'),\n        body,\n      ),\n    getBadge: () =>\n      CounterBadgeUniDriver(base.$('[data-hook=\"section-header-badge\"]'), body),\n    getCollapseAction: () =>\n      IconButtonUniDriver(\n        base.$('[data-hook=\"collection-section-header-collapse-action\"]'),\n        body,\n      ),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAOO,SAASC,gCAAgCA,CAC9CC,IAAe,EACfC,IAAe,EACf;EACA,OAAO;IACL,GAAG,IAAAC,iCAAsB,EAACF,IAAI,EAAEC,IAAI,CAAC;IACrCE,gBAAgB,EAAEA,CAAA,KAChB,IAAAC,8BAAmB,EACjBJ,IAAI,CAACK,CAAC,CAAC,wDAAwD,CAAC,EAChEJ,IACF,CAAC;IACHK,QAAQ,EAAEA,CAAA,KACR,IAAAC,gCAAqB,EAACP,IAAI,CAACK,CAAC,CAAC,oCAAoC,CAAC,EAAEJ,IAAI,CAAC;IAC3EO,iBAAiB,EAAEA,CAAA,KACjB,IAAAC,8BAAmB,EACjBT,IAAI,CAACK,CAAC,CAAC,yDAAyD,CAAC,EACjEJ,IACF;EACJ,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.js

@@ -6,20 +6,26 @@ exports.CollectionSectionHeaderActionBar = void 0;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
+var _bexCore = require("@wix/bex-core");
 var _bi = require("@wix/bex-core/bi");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx";
 const CollectionSectionHeaderActionBar = ({
   sectionId,
+  sectionIndex,
   section,
-  biComponentType
+  biComponentType,
+  collapsible,
+  onToggleCollapse
 }) => {
   const {
     toolbarBIReporter
   } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
-    primaryAction
+    primaryAction,
+    collapsed
   } = section;
-  const handleClick = () => {
+  const handlePrimaryActionClick = () => {
     toolbarBIReporter.reportBi((0, _bi.wixPatternsSectionHeaderPrimaryActionClicked)({
       sectionId,
       cta: primaryAction == null ? void 0 : primaryAction.id,
@@ -27,26 +33,63 @@ const CollectionSectionHeaderActionBar = ({
     }));
     primaryAction == null || primaryAction.onClick == null || primaryAction.onClick();
   };
+  const handleCollapseActionClick = () => {
+    toolbarBIReporter.reportBi((0, _bexCore.withoutDefaults)(_bi.cairoSectionCtaClicked)({
+      location: 'Section Toolbar',
+      sectionType: 'table',
+      ctaName: collapsed ? 'expand' : 'collapse',
+      sectionIndex
+    }));
+    onToggleCollapse == null || onToggleCollapse(sectionId);
+  };
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "horizontal",
+    gap: "SP2",
+    placeItems: "center",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 56,
       columnNumber: 5
     }
   }, primaryAction && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     prefixIcon: primaryAction.prefixIcon,
     dataHook: "collection-section-header-primary-action",
-    onClick: handleClick,
+    onClick: handlePrimaryActionClick,
     size: "small",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 58,
+      columnNumber: 9
+    }
+  }, primaryAction.label), collapsible && /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+    size: "tiny",
+    dataHook: "collection-section-header-collapse-action",
+    skin: "light",
+    priority: "primary",
+    onClick: handleCollapseActionClick,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 68,
       columnNumber: 9
     }
-  }, primaryAction.label));
+  }, collapsed ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 24
+    }
+  }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronUp, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 75,
+      columnNumber: 42
+    }
+  })));
 };
 exports.CollectionSectionHeaderActionBar = CollectionSectionHeaderActionBar;
 //# sourceMappingURL=CollectionSectionHeaderActionBar.js.map

package/dist/cjs/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarCollectionContext","_bi","_jsxFileName","CollectionSectionHeaderActionBar","sectionId","section","biComponentType","toolbarBIReporter","useToolbarCollectionContext","primaryAction","handleClick","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","cta","id","componentType","onClick","default","createElement","Box","direction","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Section } from './CollectionSectionHeader.types';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { wixPatternsSectionHeaderPrimaryActionClicked } from '@wix/bex-core/bi';\n\nexport interface CollectionSectionHeaderActionBarProps {\n  sectionId: string;\n  section: Section;\n  biComponentType: string;\n}\n\nexport const CollectionSectionHeaderActionBar = ({\n  sectionId,\n  section,\n  biComponentType,\n}: CollectionSectionHeaderActionBarProps) => {\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { primaryAction } = section;\n\n  const handleClick = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId,\n        cta: primaryAction?.id,\n        componentType: biComponentType,\n      }),\n    );\n\n    primaryAction?.onClick?.();\n  };\n\n  return (\n    <Box direction=\"horizontal\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"collection-section-header-primary-action\"\n          onClick={handleClick}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AAAgF,IAAAK,YAAA;AAQzE,MAAMC,gCAAgC,GAAGA,CAAC;EAC/CC,SAAS;EACTC,OAAO;EACPC;AACqC,CAAC,KAAK;EAC3C,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3D,MAAM;IAAEC;EAAc,CAAC,GAAGJ,OAAO;EAEjC,MAAMK,WAAW,GAAGA,CAAA,KAAM;IACxBH,iBAAiB,CAACI,QAAQ,CACxB,IAAAC,gDAA4C,EAAC;MAC3CR,SAAS;MACTS,GAAG,EAAEJ,aAAa,oBAAbA,aAAa,CAAEK,EAAE;MACtBC,aAAa,EAAET;IACjB,CAAC,CACH,CAAC;IAEDG,aAAa,YAAbA,aAAa,CAAEO,OAAO,YAAtBP,aAAa,CAAEO,OAAO,CAAG,CAAC;EAC5B,CAAC;EAED,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAAuB,GAAG;IAACC,SAAS,EAAC,YAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxBhB,aAAa,iBACZX,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA8B,UAAU;IACTC,UAAU,EAAElB,aAAa,CAACkB,UAAW;IACrCC,QAAQ,EAAC,0CAA0C;IACnDZ,OAAO,EAAEN,WAAY;IACrBmB,IAAI,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEXhB,aAAa,CAACqB,KACL,CAEX,CAAC;AAEV,CAAC;AAACC,OAAA,CAAA5B,gCAAA,GAAAA,gCAAA","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_ToolbarCollectionContext","_bexCore","_bi","_wixUiIconsCommon","_jsxFileName","CollectionSectionHeaderActionBar","sectionId","sectionIndex","section","biComponentType","collapsible","onToggleCollapse","toolbarBIReporter","useToolbarCollectionContext","primaryAction","collapsed","handlePrimaryActionClick","reportBi","wixPatternsSectionHeaderPrimaryActionClicked","cta","id","componentType","onClick","handleCollapseActionClick","withoutDefaults","cairoSectionCtaClicked","location","sectionType","ctaName","default","createElement","Box","direction","gap","placeItems","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","dataHook","size","label","IconButton","skin","priority","ChevronDown","ChevronUp","exports"],"sources":["../../../../src/components/CollectionSectionHeader/CollectionSectionHeaderActionBar.tsx"],"sourcesContent":["import { Box, IconButton, TextButton } from '@wix/design-system';\nimport React from 'react';\nimport { Section } from './CollectionSectionHeader.types';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { withoutDefaults } from '@wix/bex-core';\nimport {\n  wixPatternsSectionHeaderPrimaryActionClicked,\n  cairoSectionCtaClicked,\n} from '@wix/bex-core/bi';\nimport { ChevronDown, ChevronUp } from '@wix/wix-ui-icons-common';\n\nexport interface CollectionSectionHeaderActionBarProps {\n  sectionId: string;\n  sectionIndex: number;\n  section: Section & { collapsed?: boolean };\n  biComponentType: string;\n  collapsible?: boolean;\n  onToggleCollapse?: (sectionId: string) => void;\n}\n\nexport const CollectionSectionHeaderActionBar = ({\n  sectionId,\n  sectionIndex,\n  section,\n  biComponentType,\n  collapsible,\n  onToggleCollapse,\n}: CollectionSectionHeaderActionBarProps) => {\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { primaryAction, collapsed } = section;\n\n  const handlePrimaryActionClick = () => {\n    toolbarBIReporter.reportBi(\n      wixPatternsSectionHeaderPrimaryActionClicked({\n        sectionId,\n        cta: primaryAction?.id,\n        componentType: biComponentType,\n      }),\n    );\n    primaryAction?.onClick?.();\n  };\n\n  const handleCollapseActionClick = () => {\n    toolbarBIReporter.reportBi(\n      withoutDefaults(cairoSectionCtaClicked)({\n        location: 'Section Toolbar',\n        sectionType: 'table',\n        ctaName: collapsed ? 'expand' : 'collapse',\n        sectionIndex,\n      } as {}),\n    );\n    onToggleCollapse?.(sectionId);\n  };\n\n  return (\n    <Box direction=\"horizontal\" gap=\"SP2\" placeItems=\"center\">\n      {primaryAction && (\n        <TextButton\n          prefixIcon={primaryAction.prefixIcon}\n          dataHook=\"collection-section-header-primary-action\"\n          onClick={handlePrimaryActionClick}\n          size=\"small\"\n        >\n          {primaryAction.label}\n        </TextButton>\n      )}\n      {collapsible && (\n        <IconButton\n          size=\"tiny\"\n          dataHook=\"collection-section-header-collapse-action\"\n          skin=\"light\"\n          priority=\"primary\"\n          onClick={handleCollapseActionClick}\n        >\n          {collapsed ? <ChevronDown /> : <ChevronUp />}\n        </IconButton>\n      )}\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.js

@@ -98,7 +98,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 207,
+      lineNumber: 208,
       columnNumber: 27
     }
   });
@@ -170,7 +170,7 @@ function _CollectionTable(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 270,
+            lineNumber: 271,
             columnNumber: 13
           }
         }, renderedContent) : renderedContent;
@@ -224,7 +224,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 329,
+        lineNumber: 330,
         columnNumber: 11
       }
     }),
@@ -255,7 +255,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 316,
+      lineNumber: 317,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
@@ -279,7 +279,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 360,
+      lineNumber: 361,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -287,7 +287,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 381,
+      lineNumber: 382,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -297,7 +297,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 383,
+      lineNumber: 384,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -312,7 +312,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 397,
+        lineNumber: 398,
         columnNumber: 7
       }
     }, table);
@@ -327,7 +327,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 408,
+      lineNumber: 409,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -336,7 +336,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 418,
+      lineNumber: 419,
       columnNumber: 9
     }
   }), table);