@wix/patterns 1.138.0 → 1.140.0

package/dist/cjs/components/ActionModal/CustomActionModal.js

@@ -44,15 +44,15 @@ function _CustomActionModal({
       modal.confirm();
       primaryButtonOnClick == null || primaryButtonOnClick();
     },
-    secondaryButtonOnClick: () => {
+    secondaryButtonOnClick: rest.secondaryButtonText ? () => {
       modal.decline();
       secondaryButtonOnClick == null || secondaryButtonOnClick();
-    },
+    } : undefined,
     content: typeof content === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 58,
         columnNumber: 48
       }
     }, content) : content,

package/dist/cjs/components/ActionModal/CustomActionModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionModal","_jsxFileName","_CustomActionModal","state","content","onAfterClose","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","rest","modal","default","createElement","ModalWrapper","afterClose","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","_extends2","dataHook","e","close","confirm","decline","Text","CustomActionModal","exports","observer"],"sources":["../../../../src/components/ActionModal/CustomActionModal.tsx"],"sourcesContent":["import {\n  CustomModalLayout,\n  CustomModalLayoutProps,\n  ModalProps,\n  Text,\n  TableActionCellSecondaryAction,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ModalWrapper } from '../CollectionModal';\nimport { ConditionalModalState } from '@wix/bex-core';\n\nexport interface CustomActionModalProps\n  extends Partial<CustomModalLayoutProps> {\n  state: ConditionalModalState<unknown>;\n  onAfterClose?: ModalProps['onAfterClose'];\n  actionProps?: Partial<TableActionCellSecondaryAction>;\n}\n\nfunction _CustomActionModal({\n  state,\n  content,\n  onAfterClose,\n  primaryButtonOnClick,\n  secondaryButtonOnClick,\n  onCloseButtonClick,\n  ...rest\n}: CustomActionModalProps) {\n  const { modal } = state;\n\n  return (\n    <ModalWrapper\n      state={modal}\n      onAfterClose={() => {\n        state.afterClose();\n        onAfterClose?.();\n      }}\n    >\n      <CustomModalLayout\n        dataHook=\"collection-action-modal\"\n        {...rest}\n        onCloseButtonClick={(e) => {\n          modal.close();\n          onCloseButtonClick?.(e);\n        }}\n        primaryButtonOnClick={() => {\n          modal.confirm();\n          primaryButtonOnClick?.();\n        }}\n        secondaryButtonOnClick={() => {\n          modal.decline();\n          secondaryButtonOnClick?.();\n        }}\n        content={typeof content === 'string' ? <Text>{content}</Text> : content}\n      />\n    </ModalWrapper>\n  );\n}\n\nexport const CustomActionModal = observer(_CustomActionModal);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAkD,IAAAK,YAAA;AAUlD,SAASC,kBAAkBA,CAAC;EAC1BC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,oBAAoB;EACpBC,sBAAsB;EACtBC,kBAAkB;EAClB,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAEvB,oBACEN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAa,YAAY;IACXV,KAAK,EAAEO,KAAM;IACbL,YAAY,EAAEA,CAAA,KAAM;MAClBF,KAAK,CAACW,UAAU,CAAC,CAAC;MAClBT,YAAY,YAAZA,YAAY,CAAG,CAAC;IAClB,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,iBAAiB,MAAAC,SAAA,CAAAV,OAAA;IAChBW,QAAQ,EAAC;EAAyB,GAC9Bb,IAAI;IACRD,kBAAkB,EAAGe,CAAC,IAAK;MACzBb,KAAK,CAACc,KAAK,CAAC,CAAC;MACbhB,kBAAkB,YAAlBA,kBAAkB,CAAGe,CAAC,CAAC;IACzB,CAAE;IACFjB,oBAAoB,EAAEA,CAAA,KAAM;MAC1BI,KAAK,CAACe,OAAO,CAAC,CAAC;MACfnB,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;IAC1B,CAAE;IACFC,sBAAsB,EAAEA,CAAA,KAAM;MAC5BG,KAAK,CAACgB,OAAO,CAAC,CAAC;MACfnB,sBAAsB,YAAtBA,sBAAsB,CAAG,CAAC;IAC5B,CAAE;IACFH,OAAO,EAAE,OAAOA,OAAO,KAAK,QAAQ,gBAAGP,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAgC,IAAI;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEf,OAAc,CAAC,GAAGA,OAAQ;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzE,CACW,CAAC;AAEnB;AAEO,MAAMS,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC5B,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionModal","_jsxFileName","_CustomActionModal","state","content","onAfterClose","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","rest","modal","default","createElement","ModalWrapper","afterClose","__self","__source","fileName","lineNumber","columnNumber","CustomModalLayout","_extends2","dataHook","e","close","confirm","secondaryButtonText","decline","undefined","Text","CustomActionModal","exports","observer"],"sources":["../../../../src/components/ActionModal/CustomActionModal.tsx"],"sourcesContent":["import {\n  CustomModalLayout,\n  CustomModalLayoutProps,\n  ModalProps,\n  Text,\n  TableActionCellSecondaryAction,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ModalWrapper } from '../CollectionModal';\nimport { ConditionalModalState } from '@wix/bex-core';\n\nexport interface CustomActionModalProps\n  extends Partial<CustomModalLayoutProps> {\n  state: ConditionalModalState<unknown>;\n  onAfterClose?: ModalProps['onAfterClose'];\n  actionProps?: Partial<TableActionCellSecondaryAction>;\n}\n\nfunction _CustomActionModal({\n  state,\n  content,\n  onAfterClose,\n  primaryButtonOnClick,\n  secondaryButtonOnClick,\n  onCloseButtonClick,\n  ...rest\n}: CustomActionModalProps) {\n  const { modal } = state;\n\n  return (\n    <ModalWrapper\n      state={modal}\n      onAfterClose={() => {\n        state.afterClose();\n        onAfterClose?.();\n      }}\n    >\n      <CustomModalLayout\n        dataHook=\"collection-action-modal\"\n        {...rest}\n        onCloseButtonClick={(e) => {\n          modal.close();\n          onCloseButtonClick?.(e);\n        }}\n        primaryButtonOnClick={() => {\n          modal.confirm();\n          primaryButtonOnClick?.();\n        }}\n        secondaryButtonOnClick={\n          rest.secondaryButtonText\n            ? () => {\n                modal.decline();\n                secondaryButtonOnClick?.();\n              }\n            : undefined\n        }\n        content={typeof content === 'string' ? <Text>{content}</Text> : content}\n      />\n    </ModalWrapper>\n  );\n}\n\nexport const CustomActionModal = observer(_CustomActionModal);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AAAkD,IAAAK,YAAA;AAUlD,SAASC,kBAAkBA,CAAC;EAC1BC,KAAK;EACLC,OAAO;EACPC,YAAY;EACZC,oBAAoB;EACpBC,sBAAsB;EACtBC,kBAAkB;EAClB,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EAEvB,oBACEN,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAa,YAAY;IACXV,KAAK,EAAEO,KAAM;IACbL,YAAY,EAAEA,CAAA,KAAM;MAClBF,KAAK,CAACW,UAAU,CAAC,CAAC;MAClBT,YAAY,YAAZA,YAAY,CAAG,CAAC;IAClB,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,iBAAiB,MAAAC,SAAA,CAAAV,OAAA;IAChBW,QAAQ,EAAC;EAAyB,GAC9Bb,IAAI;IACRD,kBAAkB,EAAGe,CAAC,IAAK;MACzBb,KAAK,CAACc,KAAK,CAAC,CAAC;MACbhB,kBAAkB,YAAlBA,kBAAkB,CAAGe,CAAC,CAAC;IACzB,CAAE;IACFjB,oBAAoB,EAAEA,CAAA,KAAM;MAC1BI,KAAK,CAACe,OAAO,CAAC,CAAC;MACfnB,oBAAoB,YAApBA,oBAAoB,CAAG,CAAC;IAC1B,CAAE;IACFC,sBAAsB,EACpBE,IAAI,CAACiB,mBAAmB,GACpB,MAAM;MACJhB,KAAK,CAACiB,OAAO,CAAC,CAAC;MACfpB,sBAAsB,YAAtBA,sBAAsB,CAAG,CAAC;IAC5B,CAAC,GACDqB,SACL;IACDxB,OAAO,EAAE,OAAOA,OAAO,KAAK,QAAQ,gBAAGP,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkC,IAAI;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEf,OAAc,CAAC,GAAGA,OAAQ;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzE,CACW,CAAC;AAEnB;AAEO,MAAMW,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,kBAAkB,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_ = "Collapse1255700184";
+var _namespace_ = "Collapse2973036844";
 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": "Collapse1255700184__root",
-  "exit": "Collapse1255700184__exit"
+  "root": "Collapse2973036844__root",
+  "exit": "Collapse2973036844__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_ = \"Collapse1255700184\";\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\":\"Collapse1255700184__root\",\"exit\":\"Collapse1255700184__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_ = \"Collapse2973036844\";\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\":\"Collapse2973036844__root\",\"exit\":\"Collapse2973036844__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -6,11 +6,13 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _CollectionContext = require("../CollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
+var _assertComponentType = require("../assertComponentType");
 var _ToolbarItemBox = require("../ToolbarItemBox");
-var _SearchOrCustomFilter = require("./SearchOrCustomFilter");
 var _CollectionToolbarStCss = require("./CollectionToolbar.st.css.js");
 var _InitialLoadingConditional = require("../InitialLoadingConditional");
-var _assertComponentType = require("../assertComponentType");
+var _useCollectionToolbarSyncedProps = require("./useCollectionToolbarSyncedProps");
+var _CollectionToolbarActionsToolbarItemsGroup = require("./CollectionToolbarActionsToolbarItemsGroup");
+var _CollectionToolbarActionsGroupResponsiveLayout = require("./CollectionToolbarActionsGroupResponsiveLayout");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CollectionToolbar/CollectionToolbar.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -34,7 +36,10 @@ function _CollectionToolbar(props) {
   (0, _assertComponentType.assertComponentType)(primaryActionButton, 'PrimaryActionButton', 'PrimaryActionButton');
   const {
     collection,
-    featuredComponents
+    featuredComponents,
+    toolbar: {
+      responsive
+    }
   } = state;
   const MoreFiltersButton = featuredComponents.moreFiltersButton.value;
   const viewsToolbarItem = views && /*#__PURE__*/_react.default.createElement(_ToolbarItemBox.ToolbarItemBox, {
@@ -42,7 +47,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 88,
       columnNumber: 5
     }
   }, views);
@@ -58,7 +63,7 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 103,
+        lineNumber: 109,
         columnNumber: 9
       }
     }, featureFilters));
@@ -72,13 +77,19 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 120,
         columnNumber: 7
       }
     }, tabs);
   } else if (title) {
     left = title;
   }
+  (0, _useCollectionToolbarSyncedProps.useCollectionToolbarSyncedProps)({
+    left,
+    filtersElement,
+    viewsToolbarItem,
+    state
+  });
 
   /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */
   const [rendersStart, setRendersStart] = (0, _react.useState)();
@@ -90,12 +101,13 @@ function _CollectionToolbar(props) {
   const analyticsCustomColumnsDiscoverability = (_state$container$expe = state.container.experiments) == null ? void 0 : _state$container$expe.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
   const showCustomColumnsOnTheLeft = analyticsCustomColumnsDiscoverability === 'b' || analyticsCustomColumnsDiscoverability === 'c';
   const tableSkeletonEnabled = (_state$container$inte = state.container.internalExperiments) == null ? void 0 : _state$container$inte.enabled('specs.cairo.TableSkeletonLoader');
+  const CollectionToolbarActionsGroup = responsive.responsiveDisabled ? _CollectionToolbarActionsToolbarItemsGroup.CollectionToolbarActionsToolbarItemsGroup : _CollectionToolbarActionsGroupResponsiveLayout.CollectionToolbarActionsGroupResponsiveLayout;
   return /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
     value: collection,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 169,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -104,7 +116,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 153,
+      lineNumber: 170,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -112,17 +124,19 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 171,
       columnNumber: 9
     }
   }, state.isReorderModeToolbarVisible ? dragAndDropReorderModeToolbar : /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
     removeVerticalPadding: true,
-    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.root),
+    className: (0, _CollectionToolbarStCss.st)(_CollectionToolbarStCss.classes.root, {
+      views: !responsive.responsiveDisabled
+    }),
     dataHook: "collection-table-toolbar",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 175,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_InitialLoadingConditional.InitialLoadingConditional, {
@@ -133,14 +147,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 167,
+        lineNumber: 186,
         columnNumber: 21
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonGroup, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171,
+        lineNumber: 190,
         columnNumber: 23
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -148,14 +162,14 @@ function _CollectionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 191,
         columnNumber: 25
       }
     }))) : null,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
+      lineNumber: 182,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -167,7 +181,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 197,
       columnNumber: 17
     }
   }, left ?? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, !viewsToolbarItem ? filtersElement : undefined)), /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -176,66 +190,30 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 191,
+      lineNumber: 210,
       columnNumber: 17
     }
-  }, left ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, viewsToolbarItem, filtersElement) : viewsToolbarItem ? filtersElement : undefined, MoreFiltersButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 208,
-      columnNumber: 21
-    }
-  }, /*#__PURE__*/_react.default.createElement(MoreFiltersButton, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 209,
-      columnNumber: 23
-    }
-  })), customColumns && showCustomColumnsOnTheLeft && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 213,
-      columnNumber: 21
-    }
-  }, customColumns), multiLevelSorting && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 216,
-      columnNumber: 21
-    }
-  }, multiLevelSorting), exportButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 219,
-      columnNumber: 21
-    }
-  }, /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
-    toolbarType: 'default'
-  })), customColumns && !showCustomColumnsOnTheLeft && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 226,
-      columnNumber: 21
-    }
-  }, customColumns), search && /*#__PURE__*/_react.default.createElement(_SearchOrCustomFilter.SearchOrCustomFilter, {
+  }, /*#__PURE__*/_react.default.createElement(CollectionToolbarActionsGroup, {
+    viewsToolbarItem: viewsToolbarItem,
+    filtersElement: filtersElement,
+    MoreFiltersButton: MoreFiltersButton,
+    multiLevelSorting: multiLevelSorting,
+    customColumns: customColumns,
+    exportButton: exportButton,
     search: search,
+    showCustomColumnsOnTheLeft: showCustomColumnsOnTheLeft,
+    left: left,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 228,
-      columnNumber: 30
+      lineNumber: 218,
+      columnNumber: 19
     }
   }), primaryActionButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 230,
+      lineNumber: 231,
       columnNumber: 21
     }
   }, primaryActionButton), shouldAddDivider && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -244,7 +222,7 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 233,
+      lineNumber: 234,
       columnNumber: 21
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
@@ -253,14 +231,14 @@ function _CollectionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 234,
+      lineNumber: 235,
       columnNumber: 23
     }
   })), tableGridSwitchButton && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 241,
+      lineNumber: 242,
       columnNumber: 21
     }
   }, tableGridSwitchButton)))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionContext","_mobxReactLite","_ToolbarItemBox","_SearchOrCustomFilter","_CollectionToolbarStCss","_InitialLoadingConditional","_assertComponentType","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","assertComponentType","collection","featuredComponents","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","createElement","ToolbarItemBox","__self","__source","fileName","lineNumber","columnNumber","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","undefined","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","CollectionProvider","Box","direction","minHeight","subtitle","isReorderModeToolbarVisible","TableToolbar","removeVerticalPadding","className","st","classes","root","InitialLoadingConditional","fallback","ItemGroup","position","SkeletonGroup","SkeletonLine","width","Fragment","right","fullWidth","Item","cloneElement","toolbarType","SearchOrCustomFilter","alignSelf","paddingLeft","Divider","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonLine,\n  TableToolbar,\n  SkeletonGroup,\n} from '@wix/design-system';\nimport React, {\n  cloneElement,\n  FunctionComponent,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { CollectionProvider } from '../CollectionContext';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type { MultiLevelSortingElement } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { SearchOrCustomFilter } from './SearchOrCustomFilter';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport { assertComponentType } from '../assertComponentType';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n  } = props;\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const { collection, featuredComponents } = state;\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp]);\n\n  let left: JSX.Element | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title) {\n    left = title;\n  }\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (search || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box minHeight={title?.props.subtitle ? '78px' : '60px'}>\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root)}\n              dataHook=\"collection-table-toolbar\"\n            >\n              <InitialLoadingConditional\n                state={state}\n                fallback={\n                  tableSkeletonEnabled ? (\n                    <TableToolbar.ItemGroup\n                      dataHook=\"toolbar-skeleton\"\n                      position=\"start\"\n                    >\n                      <SkeletonGroup>\n                        <SkeletonLine width=\"169px\" />\n                      </SkeletonGroup>\n                    </TableToolbar.ItemGroup>\n                  ) : null\n                }\n              >\n                <TableToolbar.ItemGroup\n                  position=\"start\"\n                  className={st(classes.left, { expandable: !!tabs })}\n                  dataHook=\"collection-table-toolbar-filters\"\n                >\n                  {left ?? (\n                    <>\n                      {viewsToolbarItem}\n                      {!viewsToolbarItem ? filtersElement : undefined}\n                    </>\n                  )}\n                </TableToolbar.ItemGroup>\n\n                <TableToolbar.ItemGroup\n                  position=\"end\"\n                  className={st(\n                    classes.right,\n                    {},\n                    ...[rendersStart ? undefined : classes.fullWidth],\n                  )}\n                >\n                  {left ? (\n                    <>\n                      {viewsToolbarItem}\n                      {filtersElement}\n                    </>\n                  ) : viewsToolbarItem ? (\n                    filtersElement\n                  ) : undefined}\n                  {MoreFiltersButton && (\n                    <TableToolbar.Item>\n                      <MoreFiltersButton />\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {multiLevelSorting && (\n                    <TableToolbar.Item>{multiLevelSorting}</TableToolbar.Item>\n                  )}\n                  {exportButton && (\n                    <TableToolbar.Item>\n                      {cloneElement(exportButton, {\n                        toolbarType: 'default',\n                      })}\n                    </TableToolbar.Item>\n                  )}\n                  {customColumns && !showCustomColumnsOnTheLeft && (\n                    <TableToolbar.Item>{customColumns}</TableToolbar.Item>\n                  )}\n                  {search && <SearchOrCustomFilter search={search} />}\n                  {primaryActionButton && (\n                    <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n                  )}\n                  {shouldAddDivider && (\n                    <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n                      <Divider\n                        direction=\"vertical\"\n                        dataHook=\"collection-table--grid-switch--divider\"\n                      />\n                    </Box>\n                  )}\n                  {tableGridSwitchButton && (\n                    <TableToolbar.Item>\n                      {tableGridSwitchButton}\n                    </TableToolbar.Item>\n                  )}\n                </TableToolbar.ItemGroup>\n              </InitialLoadingConditional>\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":";;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAOA,IAAAG,kBAAA,GAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AAGA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,qBAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,0BAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AAA6D,IAAAU,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA4B7D,SAASW,kBAAkBA,CACzBC,KAAmC,EACnC;EAAA,IAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EACA,MAAM;IACJC,KAAK;IACLC,MAAM,GAAG,IAAI;IACbC,KAAK;IACLC,IAAI;IACJC,aAAa;IACbC,iBAAiB;IACjBC,KAAK;IACLC,QAAQ;IACRC,OAAO,EAAEC,WAAW;IACpBC,qBAAqB;IACrBC,YAAY;IACZC,6BAA6B;IAC7BC;EACF,CAAC,GAAGlB,KAAK;EACT,IAAAmB,wCAAmB,EACjBD,mBAAmB,EACnB,qBAAqB,EACrB,qBACF,CAAC;EACD,MAAM;IAAEE,UAAU;IAAEC;EAAmB,CAAC,GAAGhB,KAAK;EAEhD,MAAMiB,iBAAiB,GAAGD,kBAAkB,CAACE,iBAAiB,CAC3DC,KAA6D;EAEhE,MAAMC,gBAAgB,GAAGd,KAAK,iBAC5B1C,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAACrD,eAAA,CAAAsD,cAAc;IAACf,QAAQ,EAAC,qCAAqC;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC3DrB,KACa,CACjB;EAED,MAAMsB,wBAAwB,GAC5B,EAAAhC,qBAAA,GAAAI,KAAK,CAAC6B,mBAAmB,qBAAzBjC,qBAAA,CAA2BkC,UAAU,CAACF,wBAAwB,OAAA/B,qBAAA,GAC9DG,KAAK,CAAC+B,uBAAuB,qBAA7BlC,qBAAA,CAA+BiC,UAAU,CAACF,wBAAwB;EAEpE,MAAMI,cAAc,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,sBAAA,EAAAC,sBAAA;IACnC,IAAI1B,WAAW,EAAE;MACf,OAAOA,WAAW;IACpB;IACA,MAAM2B,cAAc,GAAG,CACrB,IAAI,EAAAF,sBAAA,GAAAlC,KAAK,CAAC+B,uBAAuB,qBAA7BG,sBAAA,CAA+BG,uBAAuB,CAAC,CAAC,KAAI,EAAE,CAAC,GAAAF,sBAAA,GACnEnC,KAAK,CAAC6B,mBAAmB,qBAAzBM,sBAAA,CAA2BG,sBAAsB,CAAC,CAAC,CACpD,CAACC,MAAM,CAACC,OAAO,CAAC;IAEjB,OACE/B,WAAW,KACVmB,wBAAwB,iBACvBhE,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAACO,wBAAwB;MAACa,MAAM,EAAE,CAAE;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,GACjCS,cACuB,CAC3B,CAAC;EAEN,CAAC,EAAE,CAAC3B,WAAW,CAAC,CAAC;EAEjB,IAAIiC,IAA6B;EAEjC,IAAIvC,IAAI,EAAE;IACRuC,IAAI,gBACF9E,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAACrD,eAAA,CAAAsD,cAAc;MAACqB,kBAAkB;MAACC,UAAU;MAACC,MAAM,EAAC,QAAQ;MAAAtB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC1DxB,IACa,CACjB;EACH,CAAC,MAAM,IAAID,KAAK,EAAE;IAChBwC,IAAI,GAAGxC,KAAK;EACd;;EAEA;EACA,MAAM,CAAC4C,YAAY,EAAEC,eAAe,CAAC,GAAG,IAAAC,eAAQ,EAAU,CAAC;EAE3D,IAAAC,gBAAS,EAAC,MAAM;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,sBAAA;IACdL,eAAe,CACb,CAAC,CAACL,IAAI,IACJ,CAAC,CAACtB,gBAAgB,IACjB,EAAA8B,qBAAA,GAAAlD,KAAK,CAACqD,mBAAmB,qBAAzBH,qBAAA,CAA2BI,kBAAkB,CAACnC,KAAK,MAAKoC,SAAS,IAChE,EAAAJ,sBAAA,GAAAnD,KAAK,CAACqD,mBAAmB,qBAAzBF,sBAAA,CAA2BG,kBAAkB,CAACnC,KAAK,MAAK,IAAI,IAC5D,EAAAiC,sBAAA,GAAApD,KAAK,CAACqD,mBAAmB,qBAAzBD,sBAAA,CAA2BE,kBAAkB,CAACnC,KAAK,IAAG,CAC5D,CAAC;EACH,CAAC,EAAE,CAACuB,IAAI,EAAEtB,gBAAgB,EAAEpB,KAAK,CAACwD,8BAA8B,CAAC,CAAC;EAElE,MAAMC,gBAAgB,GACpB/C,qBAAqB,KAAKT,MAAM,IAAIgB,iBAAiB,CAAC;EAExD,MAAMyC,qCAAqC,IAAA5D,qBAAA,GACzCE,KAAK,CAAC2D,SAAS,CAACC,WAAW,qBAA3B9D,qBAAA,CAA6BhB,GAAG,CAC9B,kDACF,CAAC;EAEH,MAAM+E,0BAA0B,GAC9BH,qCAAqC,KAAK,GAAG,IAC7CA,qCAAqC,KAAK,GAAG;EAE/C,MAAMI,oBAAoB,IAAA/D,qBAAA,GAAGC,KAAK,CAAC2D,SAAS,CAACI,mBAAmB,qBAAnChE,qBAAA,CAAqCiE,OAAO,CACvE,iCACF,CAAC;EAED,oBACEpG,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAACvD,kBAAA,CAAAmG,kBAAkB;IAAC9C,KAAK,EAAEJ,UAAW;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpC/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAAwG,GAAG;IAACC,SAAS,EAAC,UAAU;IAAC5D,QAAQ,EAAEA,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3C/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAAwG,GAAG;IAACE,SAAS,EAAElE,KAAK,YAALA,KAAK,CAAEP,KAAK,CAAC0E,QAAQ,GAAG,MAAM,GAAG,MAAO;IAAA9C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrD3B,KAAK,CAACsE,2BAA2B,GAChC1D,6BAA6B,gBAE7BhD,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY;IACXC,qBAAqB;IACrBC,SAAS,EAAE,IAAAC,0BAAE,EAACC,+BAAO,CAACC,IAAI,CAAE;IAC5BrE,QAAQ,EAAC,0BAA0B;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnC/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAClD,0BAAA,CAAA0G,yBAAyB;IACxB7E,KAAK,EAAEA,KAAM;IACb8E,QAAQ,EACNhB,oBAAoB,gBAClBlG,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACQ,SAAS;MACrBxE,QAAQ,EAAC,kBAAkB;MAC3ByE,QAAQ,EAAC,OAAO;MAAAzD,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEhB/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAAuH,aAAa;MAAA1D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACZ/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAAwH,YAAY;MAACC,KAAK,EAAC,OAAO;MAAA5D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApD,YAAA;QAAAqD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACO,CAAC,GACvB,IACL;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAED/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACQ,SAAS;IACrBC,QAAQ,EAAC,OAAO;IAChBP,SAAS,EAAE,IAAAC,0BAAE,EAACC,+BAAO,CAACjC,IAAI,EAAE;MAAEE,UAAU,EAAE,CAAC,CAACzC;IAAK,CAAC,CAAE;IACpDI,QAAQ,EAAC,kCAAkC;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE1Ce,IAAI,iBACH9E,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAAzD,MAAA,CAAAgB,OAAA,CAAAwG,QAAA,QACGhE,gBAAgB,EAChB,CAACA,gBAAgB,GAAGY,cAAc,GAAGuB,SACtC,CAEkB,CAAC,eAEzB3F,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACQ,SAAS;IACrBC,QAAQ,EAAC,KAAK;IACdP,SAAS,EAAE,IAAAC,0BAAE,EACXC,+BAAO,CAACU,KAAK,EACb,CAAC,CAAC,EACF,GAAG,CAACvC,YAAY,GAAGS,SAAS,GAAGoB,+BAAO,CAACW,SAAS,CAClD,CAAE;IAAA/D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDe,IAAI,gBACH9E,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAAzD,MAAA,CAAAgB,OAAA,CAAAwG,QAAA,QACGhE,gBAAgB,EAChBY,cACD,CAAC,GACDZ,gBAAgB,GAClBY,cAAc,GACZuB,SAAS,EACZtC,iBAAiB,iBAChBrD,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACgB,IAAI;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChB/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAACJ,iBAAiB;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACH,CACpB,EACAvB,aAAa,IAAIyD,0BAA0B,iBAC1CjG,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACgB,IAAI;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEvB,aAAiC,CACtD,EACAC,iBAAiB,iBAChBzC,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACgB,IAAI;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEtB,iBAAqC,CAC1D,EACAM,YAAY,iBACX/C,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACgB,IAAI;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACf,IAAA6D,mBAAY,EAAC7E,YAAY,EAAE;IAC1B8E,WAAW,EAAE;EACf,CAAC,CACgB,CACpB,EACArF,aAAa,IAAI,CAACyD,0BAA0B,iBAC3CjG,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACgB,IAAI;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEvB,aAAiC,CACtD,EACAH,MAAM,iBAAIrC,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAACpD,qBAAA,CAAAyH,oBAAoB;IAACzF,MAAM,EAAEA,MAAO;IAAAsB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,EAClDd,mBAAmB,iBAClBjD,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACgB,IAAI;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEd,mBAAuC,CAC5D,EACA4C,gBAAgB,iBACf7F,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAAwG,GAAG;IAACyB,SAAS,EAAC,SAAS;IAACC,WAAW,EAAC,KAAK;IAAArE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACxC/D,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAAmI,OAAO;IACN1B,SAAS,EAAC,UAAU;IACpB5D,QAAQ,EAAC,wCAAwC;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClD,CACE,CACN,EACAjB,qBAAqB,iBACpB9C,MAAA,CAAAgB,OAAA,CAAAyC,aAAA,CAAC3D,aAAA,CAAA6G,YAAY,CAACgB,IAAI;IAAAhE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACfjB,qBACgB,CAEC,CACC,CACf,CAEb,CACF,CACa,CAAC;AAEzB;AAEO,MAAMoF,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACtG,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_CollectionContext","_mobxReactLite","_assertComponentType","_ToolbarItemBox","_CollectionToolbarStCss","_InitialLoadingConditional","_useCollectionToolbarSyncedProps","_CollectionToolbarActionsToolbarItemsGroup","_CollectionToolbarActionsGroupResponsiveLayout","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbar","props","_state$tagsCollection","_state$collectionData","_state$container$expe","_state$container$inte","state","search","title","tabs","customColumns","multiLevelSorting","views","dataHook","filters","filtersProp","tableGridSwitchButton","exportButton","dragAndDropReorderModeToolbar","primaryActionButton","assertComponentType","collection","featuredComponents","toolbar","responsive","MoreFiltersButton","moreFiltersButton","value","viewsToolbarItem","createElement","ToolbarItemBox","__self","__source","fileName","lineNumber","columnNumber","CollectionToolbarFilters","tagsCollectionState","components","collectionDataExtension","filtersElement","useMemo","_state$collectionData2","_state$tagsCollection2","featureFilters","buildCustomFieldFilters","buildTagsFilterWrapper","filter","Boolean","inline","left","removeStartPadding","expandable","layout","useCollectionToolbarSyncedProps","rendersStart","setRendersStart","useState","useEffect","_state$toolbarFilters","_state$toolbarFilters2","_state$toolbarFilters3","toolbarFiltersState","totalInlineFilters","undefined","toolbarFiltersStateInitialized","shouldAddDivider","analyticsCustomColumnsDiscoverability","container","experiments","showCustomColumnsOnTheLeft","tableSkeletonEnabled","internalExperiments","enabled","CollectionToolbarActionsGroup","responsiveDisabled","CollectionToolbarActionsToolbarItemsGroup","CollectionToolbarActionsGroupResponsiveLayout","CollectionProvider","Box","direction","minHeight","subtitle","isReorderModeToolbarVisible","TableToolbar","removeVerticalPadding","className","st","classes","root","InitialLoadingConditional","fallback","ItemGroup","position","SkeletonGroup","SkeletonLine","width","Fragment","right","fullWidth","Item","alignSelf","paddingLeft","Divider","CollectionToolbar","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  SkeletonGroup,\n  SkeletonLine,\n  TableToolbar,\n} from '@wix/design-system';\nimport React, {\n  FunctionComponent,\n  ReactElement,\n  useEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { CollectionProvider } from '../CollectionContext';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport type { MultiLevelSortingElement } from '../assertComponentType';\nimport { assertComponentType } from '../assertComponentType';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { classes, st } from './CollectionToolbar.st.css.js';\nimport { InitialLoadingConditional } from '../InitialLoadingConditional';\nimport {\n  ToolbarBaseProps,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { useCollectionToolbarSyncedProps } from './useCollectionToolbarSyncedProps';\nimport { CollectionToolbarActionsToolbarItemsGroup } from './CollectionToolbarActionsToolbarItemsGroup';\nimport { CollectionToolbarActionsGroupResponsiveLayout } from './CollectionToolbarActionsGroupResponsiveLayout';\n\nexport interface CollectionToolbarProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  title?: ToolbarCollectionBaseProps<T, F>['title'];\n  tabs?: ToolbarCollectionBaseProps<T, F>['tabs'];\n  customColumns?: ToolbarCollectionBaseProps<T, F>['customColumns'];\n  multiLevelSorting?: MultiLevelSortingElement;\n  views?: ToolbarCollectionBaseProps<T, F>['views'];\n  search?: ToolbarBaseProps['search'];\n  dataHook?: string;\n  filters?: ToolbarCollectionBaseProps<T, F>['filters'];\n  tableGridSwitchButton?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['tableGridSwitchButton'];\n  exportButton?: ToolbarCollectionBaseProps<T, F>['exportButton'];\n  primaryActionButton?: ToolbarCollectionBaseProps<T, F>['primaryActionButton'];\n  dragAndDropReorderModeToolbar?: ToolbarCollectionBaseProps<\n    T,\n    F\n  >['dragAndDropReorderModeToolbar'];\n}\n\nfunction _CollectionToolbar<T, F extends FiltersMap>(\n  props: CollectionToolbarProps<T, F>,\n) {\n  const {\n    state,\n    search = true,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    dataHook,\n    filters: filtersProp,\n    tableGridSwitchButton,\n    exportButton,\n    dragAndDropReorderModeToolbar,\n    primaryActionButton,\n  } = props;\n  assertComponentType(\n    primaryActionButton,\n    'PrimaryActionButton',\n    'PrimaryActionButton',\n  );\n  const {\n    collection,\n    featuredComponents,\n    toolbar: { responsive },\n  } = state;\n\n  const MoreFiltersButton = featuredComponents.moreFiltersButton\n    .value as PartialFunctionComponent as FunctionComponent | null;\n\n  const viewsToolbarItem = views && (\n    <ToolbarItemBox dataHook=\"collection-table-toolbar-views-item\">\n      {views}\n    </ToolbarItemBox>\n  );\n\n  const CollectionToolbarFilters =\n    state.tagsCollectionState?.components.CollectionToolbarFilters ||\n    state.collectionDataExtension?.components.CollectionToolbarFilters;\n\n  const filtersElement = useMemo(() => {\n    if (filtersProp) {\n      return filtersProp;\n    }\n    const featureFilters = [\n      ...(state.collectionDataExtension?.buildCustomFieldFilters() || []),\n      state.tagsCollectionState?.buildTagsFilterWrapper(),\n    ].filter(Boolean);\n\n    return (\n      filtersProp ??\n      (CollectionToolbarFilters && (\n        <CollectionToolbarFilters inline={0}>\n          {featureFilters}\n        </CollectionToolbarFilters>\n      ))\n    );\n  }, [filtersProp]);\n\n  let left: ReactElement | undefined;\n\n  if (tabs) {\n    left = (\n      <ToolbarItemBox removeStartPadding expandable layout=\"button\">\n        {tabs}\n      </ToolbarItemBox>\n    );\n  } else if (title) {\n    left = title;\n  }\n\n  useCollectionToolbarSyncedProps({\n    left,\n    filtersElement,\n    viewsToolbarItem,\n    state,\n  });\n\n  /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */\n  const [rendersStart, setRendersStart] = useState<boolean>();\n\n  useEffect(() => {\n    setRendersStart(\n      !!left ||\n        !!viewsToolbarItem ||\n        (state.toolbarFiltersState?.totalInlineFilters.value !== undefined &&\n          state.toolbarFiltersState?.totalInlineFilters.value !== null &&\n          state.toolbarFiltersState?.totalInlineFilters.value > 0),\n    );\n  }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);\n\n  const shouldAddDivider =\n    tableGridSwitchButton && (search || MoreFiltersButton);\n\n  const analyticsCustomColumnsDiscoverability =\n    state.container.experiments?.get(\n      'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n    );\n\n  const showCustomColumnsOnTheLeft =\n    analyticsCustomColumnsDiscoverability === 'b' ||\n    analyticsCustomColumnsDiscoverability === 'c';\n\n  const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n    'specs.cairo.TableSkeletonLoader',\n  );\n\n  const CollectionToolbarActionsGroup = responsive.responsiveDisabled\n    ? CollectionToolbarActionsToolbarItemsGroup\n    : CollectionToolbarActionsGroupResponsiveLayout;\n\n  return (\n    <CollectionProvider value={collection}>\n      <Box direction=\"vertical\" dataHook={dataHook}>\n        <Box minHeight={title?.props.subtitle ? '78px' : '60px'}>\n          {state.isReorderModeToolbarVisible ? (\n            dragAndDropReorderModeToolbar\n          ) : (\n            <TableToolbar\n              removeVerticalPadding\n              className={st(classes.root, {\n                views: !responsive.responsiveDisabled,\n              })}\n              dataHook=\"collection-table-toolbar\"\n            >\n              <InitialLoadingConditional\n                state={state}\n                fallback={\n                  tableSkeletonEnabled ? (\n                    <TableToolbar.ItemGroup\n                      dataHook=\"toolbar-skeleton\"\n                      position=\"start\"\n                    >\n                      <SkeletonGroup>\n                        <SkeletonLine width=\"169px\" />\n                      </SkeletonGroup>\n                    </TableToolbar.ItemGroup>\n                  ) : null\n                }\n              >\n                <TableToolbar.ItemGroup\n                  position=\"start\"\n                  className={st(classes.left, { expandable: !!tabs })}\n                  dataHook=\"collection-table-toolbar-filters\"\n                >\n                  {left ?? (\n                    <>\n                      {viewsToolbarItem}\n                      {!viewsToolbarItem ? filtersElement : undefined}\n                    </>\n                  )}\n                </TableToolbar.ItemGroup>\n\n                <TableToolbar.ItemGroup\n                  position=\"end\"\n                  className={st(\n                    classes.right,\n                    {},\n                    ...[rendersStart ? undefined : classes.fullWidth],\n                  )}\n                >\n                  <CollectionToolbarActionsGroup\n                    viewsToolbarItem={viewsToolbarItem}\n                    filtersElement={filtersElement}\n                    MoreFiltersButton={MoreFiltersButton}\n                    multiLevelSorting={multiLevelSorting}\n                    customColumns={customColumns}\n                    exportButton={exportButton}\n                    search={search}\n                    showCustomColumnsOnTheLeft={showCustomColumnsOnTheLeft}\n                    left={left}\n                  />\n\n                  {primaryActionButton && (\n                    <TableToolbar.Item>{primaryActionButton}</TableToolbar.Item>\n                  )}\n                  {shouldAddDivider && (\n                    <Box alignSelf=\"stretch\" paddingLeft=\"SP2\">\n                      <Divider\n                        direction=\"vertical\"\n                        dataHook=\"collection-table--grid-switch--divider\"\n                      />\n                    </Box>\n                  )}\n                  {tableGridSwitchButton && (\n                    <TableToolbar.Item>\n                      {tableGridSwitchButton}\n                    </TableToolbar.Item>\n                  )}\n                </TableToolbar.ItemGroup>\n              </InitialLoadingConditional>\n            </TableToolbar>\n          )}\n        </Box>\n      </Box>\n    </CollectionProvider>\n  );\n}\n\nexport const CollectionToolbar = observer(_CollectionToolbar);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,19 +1,35 @@
+.root {
+  -st-states: views;
+}
+
 .left {
   -st-states: expandable;
   min-width: 0;
 }
 
+.root:views .left {
+  flex-shrink: 1;
+  flex-grow: 0;
+}
+
 .left:expandable {
   flex: auto;
 }
 
 .root .right {
   justify-content: flex-end !important;
-  flex: auto;
+  flex-grow: 1;
+  flex-shrink: 1;
+  flex-basis: auto;
+}
+
+.root:views .right {
+  min-width: 0;
+  flex-grow: 1;
+  flex-shrink: 0;
+  flex-basis: 0;
 }
 
 .root .right.fullWidth {
   margin-inline-start: 0 !important;
 }
-
-

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar94082417";
+var _namespace_ = "CollectionToolbar1515122131";
 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": "CollectionToolbar94082417__root",
-  "left": "CollectionToolbar94082417__left",
-  "right": "CollectionToolbar94082417__right",
-  "fullWidth": "CollectionToolbar94082417__fullWidth"
+  "root": "CollectionToolbar1515122131__root",
+  "left": "CollectionToolbar1515122131__left",
+  "right": "CollectionToolbar1515122131__right",
+  "fullWidth": "CollectionToolbar1515122131__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar94082417\";\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\":\"CollectionToolbar94082417__root\",\"left\":\"CollectionToolbar94082417__left\",\"right\":\"CollectionToolbar94082417__right\",\"fullWidth\":\"CollectionToolbar94082417__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,iCAAiC;EAAC,MAAM,EAAC,iCAAiC;EAAC,OAAO,EAAC,kCAAkC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC/L,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar1515122131\";\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\":\"CollectionToolbar1515122131__root\",\"left\":\"CollectionToolbar1515122131__left\",\"right\":\"CollectionToolbar1515122131__right\",\"fullWidth\":\"CollectionToolbar1515122131__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -13,6 +13,7 @@ var _TableGridSwitchButtonUni = require("../TableGridSwitchButton/TableGridSwitc
 var _CustomColumnsPanelUni = require("../CustomColumnsPanel/CustomColumnsPanel.uni.driver");
 var _MultiLevelSortingPanelUni = require("../MultiLevelSortingPanel/MultiLevelSortingPanel.uni.driver");
 var _unidriver3 = require("../../unidriver");
+var _MultiLevelSortingCTAButtonUni = require("../MultiLevelSorting/MultiLevelSortingCTAButton.uni.driver");
 const CollectionToolbarUniDriver = (base, body) => {
   const toolbar = (0, _unidriver3.baseUniDriverFactory)(base);
   const searchDriver = (0, _unidriver2.SearchUniDriver)(base.$('[data-hook="collection-search"]'), body);
@@ -38,6 +39,9 @@ const CollectionToolbarUniDriver = (base, body) => {
   const getToolbarFilterTitleAt = async index => {
     return base.$(`[data-hook="toolbar-item-filter-${index}"] [data-hook="table-toolbar-label"]`).text();
   };
+  const getMultiLevelSortingButton = () => (0, _MultiLevelSortingCTAButtonUni.MultiLevelSortingCTAButtonUniDriver)(base, body, {
+    dataHook: 'multi-level-sorting-button'
+  });
   const modalsContainerBase = () => body.$(`[data-hook="cairo-modals-container"]`);
   const slidingModalBase = () => modalsContainerBase().$('[data-hook="cairo-side-panel-modal"]');
   const customColumnsPopover = () => (0, _CustomColumnsPanelUni.CustomColumnsPanelUniDriver)(modalsContainerBase(), body);
@@ -357,14 +361,15 @@ const CollectionToolbarUniDriver = (base, body) => {
      * Get radio group filter by filter name
      */
     getRadioGroupFilter: filtersPanel.getRadioGroupFilter,
+    getMultiLevelSortingButton,
     /**
      * Checks if the MultiLevelSorting button exists in the toolbar
      */
-    multiLevelSortingButtonExists: () => base.$('[data-hook="multi-level-sorting-button"]').exists(),
+    multiLevelSortingButtonExists: () => getMultiLevelSortingButton().getIconButton().exists(),
     /**
      * Clicks the MultiLevelSorting button
      */
-    clickMultiLevelSortingButton: () => base.$('[data-hook="multi-level-sorting-button"]').click(),
+    clickMultiLevelSortingButton: () => getMultiLevelSortingButton().getIconButton().click(),
     getMultiLevelSortingButtonCounterValue: () => (0, _unidriver2.CounterBadgeUniDriver)(base.$('[data-hook="multi-level-sorting-button-counter"]'), body).getContentText(),
     /**
      * MultiLevelSorting panel driver