@wix/patterns 1.427.0 → 1.430.0

package/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.js

@@ -5,10 +5,12 @@ exports.__esModule = true;
 exports.MoreFiltersCTA = void 0;
 var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _designSystem = require("@wix/design-system");
 var _CounterBadgeButton = require("../CounterBadgeButton");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.tsx";
 const _MoreFiltersCTA = () => {
   const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
@@ -21,39 +23,87 @@ const _MoreFiltersCTA = () => {
     },
     toolbarFiltersState
   } = state;
-  return /*#__PURE__*/_react.default.createElement(_CounterBadgeButton.CounterBadgeButton, {
-    dataHook: "more-filters-button-counter",
-    count: state.collection.query.nonPersistentCustomFiltersCount,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const count = state.collection.query.nonPersistentCustomFiltersCount;
+  if (!isBmHarmonyTheme) {
+    return /*#__PURE__*/_react.default.createElement(_CounterBadgeButton.CounterBadgeButton, {
+      dataHook: "more-filters-button-counter",
+      count: count,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
+      ref: toolbarFiltersState == null ? void 0 : toolbarFiltersState.moreFiltersButtonRef,
+      state: responsive.filters,
+      shouldShrink: false,
+      key: "more-filters-button",
+      dataHook: "more-filters-button",
+      icon: /*#__PURE__*/_react.default.createElement(_lazy.ContentFilter, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 30,
+          columnNumber: 17
+        }
+      }),
+      onClick: toolbarFiltersState == null ? void 0 : toolbarFiltersState.onFiltersButtonClick,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 24,
+        columnNumber: 9
+      }
+    }, t('cairo.toolbar.moreFiltersButton', {
+      defaultValue: ''
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
     ref: toolbarFiltersState == null ? void 0 : toolbarFiltersState.moreFiltersButtonRef,
     state: responsive.filters,
     shouldShrink: false,
     key: "more-filters-button",
     dataHook: "more-filters-button",
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilter, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.FilterSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
-        columnNumber: 15
+        lineNumber: 46,
+        columnNumber: 13
       }
     }),
     onClick: toolbarFiltersState == null ? void 0 : toolbarFiltersState.onFiltersButtonClick,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 40,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    verticalAlign: "middle",
+    display: "inline-flex",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
       columnNumber: 7
     }
   }, t('cairo.toolbar.moreFiltersButton', {
     defaultValue: ''
-  })));
+  }), count > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+    dataHook: "more-filters-button-counter",
+    skin: "general",
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 11
+    }
+  }, count)));
 };
 const MoreFiltersCTA = exports.MoreFiltersCTA = (0, _mobxReactLite.observer)(_MoreFiltersCTA);
 //# sourceMappingURL=MoreFiltersCTA.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_wixUiIconsCommon","_CounterBadgeButton","_ToolbarCollectionContext","_ResponsiveButton","_jsxFileName","_MoreFiltersCTA","state","useToolbarCollectionContext","toolbar","responsive","container","translate","t","toolbarFiltersState","default","createElement","CounterBadgeButton","dataHook","count","collection","query","nonPersistentCustomFiltersCount","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","ref","moreFiltersButtonRef","filters","shouldShrink","key","icon","ContentFilter","onClick","onFiltersButtonClick","defaultValue","MoreFiltersCTA","exports","observer"],"sources":["../../../../src/components/MoreFiltersCTA/MoreFiltersCTA.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { ContentFilter } from '@wix/wix-ui-icons-common';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nconst _MoreFiltersCTA = () => {\n  const state = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n    container: { translate: t },\n    toolbarFiltersState,\n  } = state;\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"more-filters-button-counter\"\n      count={state.collection.query.nonPersistentCustomFiltersCount}\n    >\n      <ResponsiveButton\n        ref={toolbarFiltersState?.moreFiltersButtonRef}\n        state={responsive.filters}\n        shouldShrink={false}\n        key=\"more-filters-button\"\n        dataHook=\"more-filters-button\"\n        icon={<ContentFilter />}\n        onClick={toolbarFiltersState?.onFiltersButtonClick}\n      >\n        {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}\n      </ResponsiveButton>\n    </CounterBadgeButton>\n  );\n};\n\nexport const MoreFiltersCTA = observer(_MoreFiltersCTA);\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAAwE,IAAAO,YAAA;AAExE,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,MAAM;IACJC,OAAO,EAAE;MAAEC;IAAW,CAAC;IACvBC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE,CAAC;IAC3BC;EACF,CAAC,GAAGP,KAAK;EAET,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,mBAAA,CAAAe,kBAAkB;IACjBC,QAAQ,EAAC,6BAA6B;IACtCC,KAAK,EAAEZ,KAAK,CAACa,UAAU,CAACC,KAAK,CAACC,+BAAgC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9D5B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAwB,gBAAgB;IACfC,GAAG,EAAEf,mBAAmB,oBAAnBA,mBAAmB,CAAEgB,oBAAqB;IAC/CvB,KAAK,EAAEG,UAAU,CAACqB,OAAQ;IAC1BC,YAAY,EAAE,KAAM;IACpBC,GAAG,EAAC,qBAAqB;IACzBf,QAAQ,EAAC,qBAAqB;IAC9BgB,IAAI,eAAEnC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAAkC,aAAa;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBS,OAAO,EAAEtB,mBAAmB,oBAAnBA,mBAAmB,CAAEuB,oBAAqB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElDd,CAAC,CAAC,iCAAiC,EAAE;IAAEyB,YAAY,EAAE;EAAG,CAAC,CAC1C,CACA,CAAC;AAEzB,CAAC;AAEM,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACnC,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_lazy","_designSystem","_CounterBadgeButton","_ToolbarCollectionContext","_ResponsiveButton","_useBmHarmonyTheme","_jsxFileName","_MoreFiltersCTA","state","useToolbarCollectionContext","toolbar","responsive","container","translate","t","toolbarFiltersState","isBmHarmonyTheme","useBmHarmonyTheme","count","collection","query","nonPersistentCustomFiltersCount","default","createElement","CounterBadgeButton","dataHook","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","ref","moreFiltersButtonRef","filters","shouldShrink","key","icon","ContentFilter","onClick","onFiltersButtonClick","defaultValue","FilterSmall","Box","gap","verticalAlign","display","CounterBadge","skin","size","MoreFiltersCTA","exports","observer"],"sources":["../../../../src/components/MoreFiltersCTA/MoreFiltersCTA.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { FilterSmall, ContentFilter } from '@wix/wix-ui-icons-common/lazy';\nimport { Box, CounterBadge } from '@wix/design-system';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst _MoreFiltersCTA = () => {\n  const state = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n    container: { translate: t },\n    toolbarFiltersState,\n  } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const count = state.collection.query.nonPersistentCustomFiltersCount;\n\n  if (!isBmHarmonyTheme) {\n    return (\n      <CounterBadgeButton dataHook=\"more-filters-button-counter\" count={count}>\n        <ResponsiveButton\n          ref={toolbarFiltersState?.moreFiltersButtonRef}\n          state={responsive.filters}\n          shouldShrink={false}\n          key=\"more-filters-button\"\n          dataHook=\"more-filters-button\"\n          icon={<ContentFilter />}\n          onClick={toolbarFiltersState?.onFiltersButtonClick}\n        >\n          {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}\n        </ResponsiveButton>\n      </CounterBadgeButton>\n    );\n  }\n\n  return (\n    <ResponsiveButton\n      ref={toolbarFiltersState?.moreFiltersButtonRef}\n      state={responsive.filters}\n      shouldShrink={false}\n      key=\"more-filters-button\"\n      dataHook=\"more-filters-button\"\n      icon={<FilterSmall />}\n      onClick={toolbarFiltersState?.onFiltersButtonClick}\n    >\n      <Box gap=\"SP1\" verticalAlign=\"middle\" display=\"inline-flex\">\n        {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}\n        {count > 0 && (\n          <CounterBadge\n            dataHook=\"more-filters-button-counter\"\n            skin=\"general\"\n            size=\"tiny\"\n          >\n            {count}\n          </CounterBadge>\n        )}\n      </Box>\n    </ResponsiveButton>\n  );\n};\n\nexport const MoreFiltersCTA = observer(_MoreFiltersCTA);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.js

@@ -14,6 +14,7 @@ var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
 var _BulkActionContainer = require("./BulkActionContainer");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _useBulkActionMobileGroups = require("../../hooks/useBulkActionMobileGroups");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx";
 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); }
 function _MultiBulkActionToolbar(props) {
@@ -31,6 +32,7 @@ function _MultiBulkActionToolbar(props) {
     containerProps
   });
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [state] = (0, _react.useState)(() => new _MultiBulkActionToolbarState.MultiBulkActionToolbarState({
     extensionMenuItems,
     collection: toolbarCollectionState.collection
@@ -90,15 +92,16 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 129,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     direction: "vertical",
+    skin: isBmHarmonyTheme ? 'light' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -107,28 +110,28 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 136,
       columnNumber: 7
     }
   }, TagsAssignButton && /*#__PURE__*/_react.default.createElement(_BulkActionContainer.BulkActionContainer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 138,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(TagsAssignButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 139,
       columnNumber: 13
     }
   })), exportButton && /*#__PURE__*/_react.default.createElement(_BulkActionContainer.BulkActionContainer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 143,
       columnNumber: 11
     }
   }, /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
@@ -140,7 +143,7 @@ function _MultiBulkActionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 147,
+        lineNumber: 152,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_ActionControl.ActionControl, {
@@ -184,7 +187,7 @@ function _MultiBulkActionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 148,
+        lineNumber: 153,
         columnNumber: 15
       }
     }));
@@ -192,7 +195,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 203,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_ActionControl.ActionPopover, {
@@ -231,7 +234,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 199,
+      lineNumber: 204,
       columnNumber: 13
     }
   }))));
@@ -252,7 +255,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
+      lineNumber: 250,
       columnNumber: 5
     }
   });
@@ -261,7 +264,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263,
+      lineNumber: 268,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -270,7 +273,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 264,
+      lineNumber: 269,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -279,7 +282,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
+      lineNumber: 273,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -288,7 +291,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
+      lineNumber: 274,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
@@ -296,7 +299,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 275,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -308,7 +311,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 271,
+      lineNumber: 276,
       columnNumber: 15
     }
   }, maxSelection !== undefined ? t('cairo.bulkActions.max.selection', {
@@ -323,7 +326,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 303,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -335,7 +338,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 299,
+      lineNumber: 304,
       columnNumber: 17
     }
   }, bulk.hasClickableRows ? t('cairo.selectAll') : t('cairo.deselectAll'))), !isMobile && bulkActionButtonsDesktop)), isMobile && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -343,14 +346,14 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318,
+      lineNumber: 323,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 324,
       columnNumber: 13
     }
   }, bulkActionButtonsMobile))));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_MultiBulkActionToolbarStCss","_ActionControl","_react2","_MultiBulkActionToolbarState","_useExtensionMenuItems","_BulkActionContainer","_useIsMobile","_useBulkActionMobileGroups","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiBulkActionToolbar","props","_toolbarCollectionSta","primaryActionItems","secondaryActionItems","secondaryActionsPopoverMenuProps","containerId","containerProps","toolbarCollectionState","useToolbarCollectionContext","extensionMenuItems","useExtensionMenuItems","isMobile","useIsMobile","state","useState","MultiBulkActionToolbarState","collection","useEffect","setActions","hasToolbarTabs","featuredComponents","bulk","maxSelection","total","selectedCountOrTotal","allSelected","value","exportButton","TagsAssignButton","tagsCollectionState","components","AssignButton","translate","useWixPatternsContainer","withBi","item","ctaIndex","onClick","toolbarBIReporter","ctaClicked","itemId","selectedIds","join","location","ctaName","biName","componentId","appId","numCtas","length","secondaryActionItemsCount","mobileBulkActionGroups","useBulkActionMobileGroups","moreActionsLabel","mobileBulkActionGroupsWithBi","map","group","itemIndex","bulkActionButtonsDesktop","createElement","Fragment","Box","alignSelf","marginLeft","marginRight","__self","__source","fileName","lineNumber","columnNumber","Divider","direction","gap","className","st","classes","root","BulkActionContainer","cloneElement","toolbarType","filter","x","actionItem","index","_actionItem$subItems","key","ActionControl","priority","size","dataHook","subItems","subItemsGroup","subItem","subIndex","moreActionsIndex","secondaryActionItemsGroup","ActionPopover","subItemGroup","subItemIndex","_subItem","popoverMenuProps","label","bulkActionButtonsMobile","fixed","minWidth","minHeight","TableToolbar","removeVerticalPadding","ItemGroup","position","leftGroupWrapper","Item","selectedCountItem","Text","ellipsis","weight","selectedCountText","undefined","max","result","supportTotal","totalStatus","num","TextButton","toggleSelectAll","hasClickableRows","MultiBulkActionToolbar","exports","observer"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  PopoverMenuProps,\n  TableToolbar,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { cloneElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { st, classes } from './MultiBulkActionToolbar.st.css.js';\nimport { ActionControl, ActionPopover, ActionSubitem } from '../ActionControl';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { BulkActionContainer } from './BulkActionContainer';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBulkActionMobileGroups } from '../../hooks/useBulkActionMobileGroups';\n\nexport interface MultiBulkActionToolbarProps {\n  /**\n   * List of primary actions. Primary actions are displayed as individual buttons.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  primaryActionItems?: ActionSubitem[];\n\n  /**\n   * List of secondary actions. Secondary actions are displayed when clicking the More Actions menu.\n   * Secondary actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @external\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   */\n  secondaryActionItems?: ActionSubitem[] | ActionSubitem[][];\n\n  /**\n   * [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu.\n   * @external\n   */\n  secondaryActionsPopoverMenuProps?: Partial<PopoverMenuProps>;\n\n  /**\n   * This ID is used to specify the target container for [dashboard menu plugin](./?path=/story/features-enrich-slots-and-plugins--slots-and-plugins) items.\n   */\n  containerId?: string;\n\n  /**\n   * This prop is used to pass additional properties that can be used on the onClick of the container's extensions menu items.\n   */\n  containerProps?: Record<string, any>;\n}\n\nfunction _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {\n  const {\n    primaryActionItems,\n    secondaryActionItems,\n    secondaryActionsPopoverMenuProps,\n    containerId,\n    containerProps,\n  } = props;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId,\n    containerProps,\n  });\n  const isMobile = useIsMobile();\n\n  const [state] = useState(\n    () =>\n      new MultiBulkActionToolbarState({\n        extensionMenuItems,\n        collection: toolbarCollectionState.collection,\n      }),\n  );\n\n  useEffect(() => {\n    state.setActions({\n      primaryActionItems,\n      secondaryActionItems,\n    });\n  }, [primaryActionItems, secondaryActionItems]);\n\n  const { collection, hasToolbarTabs, featuredComponents, bulk } =\n    toolbarCollectionState;\n\n  const { maxSelection, total, selectedCountOrTotal, allSelected } = bulk;\n\n  const { value: exportButton } = featuredComponents.exportButton;\n\n  const TagsAssignButton =\n    toolbarCollectionState.tagsCollectionState?.components.AssignButton;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const withBi = (item: ActionSubitem, ctaIndex: number): ActionSubitem => {\n    return {\n      ...item,\n      onClick: () => {\n        toolbarCollectionState.toolbarBIReporter.ctaClicked({\n          itemId: bulk.selectedIds.join(','),\n          location: 'multiBulkActionToolbar',\n          ctaName: item.biName ?? '',\n          ctaIndex,\n          componentId: (item as any).componentId,\n          appId: (item as any).appId,\n          numCtas:\n            state.primaryActionItems.length + state.secondaryActionItemsCount,\n        });\n        item?.onClick();\n      },\n    };\n  };\n\n  const mobileBulkActionGroups = useBulkActionMobileGroups({\n    primaryActionItems: state.primaryActionItems,\n    secondaryActionItems: state.secondaryActionItems,\n    moreActionsLabel: t('cairo.moreActions'),\n  });\n\n  const mobileBulkActionGroupsWithBi = mobileBulkActionGroups?.map((group) =>\n    group.map((item, itemIndex) => withBi(item, itemIndex + 1)),\n  );\n\n  const bulkActionButtonsDesktop = (\n    <>\n      <Box alignSelf=\"stretch\" marginLeft=\"SP4\" marginRight=\"SP2\">\n        <Divider direction=\"vertical\" />\n      </Box>\n\n      <Box gap=\"SP1\" className={st(classes.root)}>\n        {TagsAssignButton && (\n          <BulkActionContainer>\n            <TagsAssignButton />\n          </BulkActionContainer>\n        )}\n        {exportButton && (\n          <BulkActionContainer>\n            {cloneElement(exportButton, {\n              toolbarType: 'bulkActionToolbar',\n            })}\n          </BulkActionContainer>\n        )}\n        {state.primaryActionItems\n          .filter((x) => !!x)\n          .map((actionItem, index) => (\n            <BulkActionContainer key={index}>\n              <ActionControl\n                priority=\"secondary\"\n                size=\"small\"\n                actionItem={{\n                  dataHook: 'bulk-action-button',\n                  ...actionItem,\n                  subItems: (actionItem?.subItems as ActionSubitem[][])?.map(\n                    (subItemsGroup) =>\n                      subItemsGroup?.map((subItem, subIndex) => ({\n                        ...subItem,\n                        onClick: () => {\n                          toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                            itemId: bulk.selectedIds.join(','),\n                            location: 'multiBulkActionToolbar',\n                            ctaName: subItem.biName ?? '',\n                            ctaIndex: subIndex + 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                            moreActionsIndex: subIndex + 1,\n                            componentId: (subItem as any).componentId,\n                            appId: (subItem as any).appId,\n                            numCtas:\n                              state.primaryActionItems.length +\n                              state.secondaryActionItemsCount,\n                          });\n                          subItem.onClick?.();\n                        },\n                      })),\n                  ),\n                  onClick: () => {\n                    toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                      itemId: bulk.selectedIds.join(','),\n                      location: 'multiBulkActionToolbar',\n                      ctaName: actionItem.biName ?? '',\n                      ctaIndex: 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                      moreActionsIndex: 0,\n                      componentId: (actionItem as any).componentId,\n                      appId: (actionItem as any).appId,\n                      numCtas:\n                        state.primaryActionItems.length +\n                        state.secondaryActionItemsCount,\n                    });\n                    actionItem.onClick?.();\n                  },\n                }}\n              />\n            </BulkActionContainer>\n          ))}\n\n        {state.secondaryActionItems.filter(\n          (secondaryActionItemsGroup) => secondaryActionItemsGroup.length > 0,\n        ).length > 0 && (\n          <BulkActionContainer>\n            <ActionPopover\n              priority=\"secondary\"\n              size=\"small\"\n              actionItem={{\n                dataHook: 'more-actions',\n                biName: 'more-actions',\n                subItems: (() => {\n                  let index = 0;\n                  return state.secondaryActionItems.map((subItemGroup) =>\n                    subItemGroup.map((subItem) => {\n                      const subItemIndex = index;\n                      index++;\n                      const _subItem = {\n                        ...subItem,\n                        onClick: () => {\n                          toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                            itemId: bulk.selectedIds.join(','),\n                            location: 'multiBulkActionToolbar',\n                            ctaName: subItem.biName ?? '',\n                            ctaIndex: subItemIndex + 3,\n                            moreActionsIndex: subItemIndex + 1,\n                            componentId: (subItem as any).componentId,\n                            appId: (subItem as any).appId,\n                            numCtas:\n                              state.primaryActionItems.length +\n                              state.secondaryActionItemsCount,\n                          });\n                          subItem.onClick?.();\n                        },\n                      };\n                      return _subItem;\n                    }),\n                  );\n                })(),\n\n                popoverMenuProps: secondaryActionsPopoverMenuProps,\n                label: t('cairo.moreActions'),\n              }}\n            />\n          </BulkActionContainer>\n        )}\n      </Box>\n    </>\n  );\n\n  const bulkActionButtonsMobile = (\n    <ActionPopover\n      priority=\"secondary\"\n      size=\"small\"\n      actionItem={{\n        dataHook: 'all-actions-mobile',\n        biName: 'more-actions',\n        subItems: mobileBulkActionGroupsWithBi,\n        popoverMenuProps: {\n          fixed: false,\n          minWidth: 'max-content',\n          ...secondaryActionsPopoverMenuProps,\n        },\n        label: t('cairo.table.mobile.more.button'),\n      }}\n    />\n  );\n\n  return (\n    <Box minHeight=\"60px\">\n      <TableToolbar\n        removeVerticalPadding={hasToolbarTabs}\n        dataHook=\"bulk-action-toolbar\"\n      >\n        <TableToolbar.ItemGroup position=\"start\" className={st(classes.root)}>\n          <Box direction=\"horizontal\" className={st(classes.leftGroupWrapper)}>\n            <TableToolbar.Item className={st(classes.selectedCountItem)}>\n              <Text\n                ellipsis\n                size=\"small\"\n                weight=\"thin\"\n                dataHook=\"selected-count\"\n                className={st(classes.selectedCountText)}\n              >\n                {maxSelection !== undefined\n                  ? t('cairo.bulkActions.max.selection', {\n                      max: maxSelection,\n                      total: selectedCountOrTotal,\n                    })\n                  : collection.result.supportTotal &&\n                    collection.result.totalStatus === 'success'\n                  ? t('cairo.bulkSelectedWithTotal', {\n                      num: selectedCountOrTotal,\n                      total,\n                    })\n                  : allSelected\n                  ? ''\n                  : t('cairo.bulkSelected', {\n                      num: selectedCountOrTotal,\n                    })}\n              </Text>\n            </TableToolbar.Item>\n\n            {collection.result.supportTotal && (\n              <TableToolbar.Item>\n                <TextButton\n                  dataHook=\"select-all\"\n                  size=\"small\"\n                  onClick={() =>\n                    bulk.toggleSelectAll({ location: 'TableToolbar CTA' })\n                  }\n                >\n                  {bulk.hasClickableRows\n                    ? t('cairo.selectAll')\n                    : t('cairo.deselectAll')}\n                </TextButton>\n              </TableToolbar.Item>\n            )}\n\n            {!isMobile && bulkActionButtonsDesktop}\n          </Box>\n        </TableToolbar.ItemGroup>\n\n        {isMobile && (\n          <TableToolbar.ItemGroup position=\"end\">\n            <TableToolbar.Item>{bulkActionButtonsMobile}</TableToolbar.Item>\n          </TableToolbar.ItemGroup>\n        )}\n      </TableToolbar>\n    </Box>\n  );\n}\n\nexport const MultiBulkActionToolbar = observer(_MultiBulkActionToolbar);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_MultiBulkActionToolbarStCss","_ActionControl","_react2","_MultiBulkActionToolbarState","_useExtensionMenuItems","_BulkActionContainer","_useIsMobile","_useBulkActionMobileGroups","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiBulkActionToolbar","props","_toolbarCollectionSta","primaryActionItems","secondaryActionItems","secondaryActionsPopoverMenuProps","containerId","containerProps","toolbarCollectionState","useToolbarCollectionContext","extensionMenuItems","useExtensionMenuItems","isMobile","useIsMobile","isBmHarmonyTheme","useBmHarmonyTheme","state","useState","MultiBulkActionToolbarState","collection","useEffect","setActions","hasToolbarTabs","featuredComponents","bulk","maxSelection","total","selectedCountOrTotal","allSelected","value","exportButton","TagsAssignButton","tagsCollectionState","components","AssignButton","translate","useWixPatternsContainer","withBi","item","ctaIndex","onClick","toolbarBIReporter","ctaClicked","itemId","selectedIds","join","location","ctaName","biName","componentId","appId","numCtas","length","secondaryActionItemsCount","mobileBulkActionGroups","useBulkActionMobileGroups","moreActionsLabel","mobileBulkActionGroupsWithBi","map","group","itemIndex","bulkActionButtonsDesktop","createElement","Fragment","Box","alignSelf","marginLeft","marginRight","__self","__source","fileName","lineNumber","columnNumber","Divider","direction","skin","undefined","gap","className","st","classes","root","BulkActionContainer","cloneElement","toolbarType","filter","x","actionItem","index","_actionItem$subItems","key","ActionControl","priority","size","dataHook","subItems","subItemsGroup","subItem","subIndex","moreActionsIndex","secondaryActionItemsGroup","ActionPopover","subItemGroup","subItemIndex","_subItem","popoverMenuProps","label","bulkActionButtonsMobile","fixed","minWidth","minHeight","TableToolbar","removeVerticalPadding","ItemGroup","position","leftGroupWrapper","Item","selectedCountItem","Text","ellipsis","weight","selectedCountText","max","result","supportTotal","totalStatus","num","TextButton","toggleSelectAll","hasClickableRows","MultiBulkActionToolbar","exports","observer"],"sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  Divider,\n  PopoverMenuProps,\n  TableToolbar,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport React, { cloneElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { st, classes } from './MultiBulkActionToolbar.st.css.js';\nimport { ActionControl, ActionPopover, ActionSubitem } from '../ActionControl';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MultiBulkActionToolbarState } from './MultiBulkActionToolbarState';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { BulkActionContainer } from './BulkActionContainer';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBulkActionMobileGroups } from '../../hooks/useBulkActionMobileGroups';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MultiBulkActionToolbarProps {\n  /**\n   * List of primary actions. Primary actions are displayed as individual buttons.\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem)\n   * @external\n   */\n  primaryActionItems?: ActionSubitem[];\n\n  /**\n   * List of secondary actions. Secondary actions are displayed when clicking the More Actions menu.\n   * Secondary actions can be grouped by using an array of arrays, and a divider will be added between each group.\n   * @external\n   * @overrideType [ActionSubitem[]](./?path=/story/common-types--actionsubitem) | [ActionSubitem[][]](./?path=/story/common-types--actionsubitem)\n   */\n  secondaryActionItems?: ActionSubitem[] | ActionSubitem[][];\n\n  /**\n   * [PopoverMenu](https://www.docs.wixdesignsystem.com/?path=/story/components-overlays--popovermenu) props to pass to the 'More Action' popover menu.\n   * @external\n   */\n  secondaryActionsPopoverMenuProps?: Partial<PopoverMenuProps>;\n\n  /**\n   * This ID is used to specify the target container for [dashboard menu plugin](./?path=/story/features-enrich-slots-and-plugins--slots-and-plugins) items.\n   */\n  containerId?: string;\n\n  /**\n   * This prop is used to pass additional properties that can be used on the onClick of the container's extensions menu items.\n   */\n  containerProps?: Record<string, any>;\n}\n\nfunction _MultiBulkActionToolbar(props: MultiBulkActionToolbarProps) {\n  const {\n    primaryActionItems,\n    secondaryActionItems,\n    secondaryActionsPopoverMenuProps,\n    containerId,\n    containerProps,\n  } = props;\n  const toolbarCollectionState = useToolbarCollectionContext();\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId,\n    containerProps,\n  });\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const [state] = useState(\n    () =>\n      new MultiBulkActionToolbarState({\n        extensionMenuItems,\n        collection: toolbarCollectionState.collection,\n      }),\n  );\n\n  useEffect(() => {\n    state.setActions({\n      primaryActionItems,\n      secondaryActionItems,\n    });\n  }, [primaryActionItems, secondaryActionItems]);\n\n  const { collection, hasToolbarTabs, featuredComponents, bulk } =\n    toolbarCollectionState;\n\n  const { maxSelection, total, selectedCountOrTotal, allSelected } = bulk;\n\n  const { value: exportButton } = featuredComponents.exportButton;\n\n  const TagsAssignButton =\n    toolbarCollectionState.tagsCollectionState?.components.AssignButton;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const withBi = (item: ActionSubitem, ctaIndex: number): ActionSubitem => {\n    return {\n      ...item,\n      onClick: () => {\n        toolbarCollectionState.toolbarBIReporter.ctaClicked({\n          itemId: bulk.selectedIds.join(','),\n          location: 'multiBulkActionToolbar',\n          ctaName: item.biName ?? '',\n          ctaIndex,\n          componentId: (item as any).componentId,\n          appId: (item as any).appId,\n          numCtas:\n            state.primaryActionItems.length + state.secondaryActionItemsCount,\n        });\n        item?.onClick();\n      },\n    };\n  };\n\n  const mobileBulkActionGroups = useBulkActionMobileGroups({\n    primaryActionItems: state.primaryActionItems,\n    secondaryActionItems: state.secondaryActionItems,\n    moreActionsLabel: t('cairo.moreActions'),\n  });\n\n  const mobileBulkActionGroupsWithBi = mobileBulkActionGroups?.map((group) =>\n    group.map((item, itemIndex) => withBi(item, itemIndex + 1)),\n  );\n\n  const bulkActionButtonsDesktop = (\n    <>\n      <Box alignSelf=\"stretch\" marginLeft=\"SP4\" marginRight=\"SP2\">\n        <Divider\n          direction=\"vertical\"\n          skin={isBmHarmonyTheme ? 'light' : undefined}\n        />\n      </Box>\n\n      <Box gap=\"SP1\" className={st(classes.root)}>\n        {TagsAssignButton && (\n          <BulkActionContainer>\n            <TagsAssignButton />\n          </BulkActionContainer>\n        )}\n        {exportButton && (\n          <BulkActionContainer>\n            {cloneElement(exportButton, {\n              toolbarType: 'bulkActionToolbar',\n            })}\n          </BulkActionContainer>\n        )}\n        {state.primaryActionItems\n          .filter((x) => !!x)\n          .map((actionItem, index) => (\n            <BulkActionContainer key={index}>\n              <ActionControl\n                priority=\"secondary\"\n                size=\"small\"\n                actionItem={{\n                  dataHook: 'bulk-action-button',\n                  ...actionItem,\n                  subItems: (actionItem?.subItems as ActionSubitem[][])?.map(\n                    (subItemsGroup) =>\n                      subItemsGroup?.map((subItem, subIndex) => ({\n                        ...subItem,\n                        onClick: () => {\n                          toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                            itemId: bulk.selectedIds.join(','),\n                            location: 'multiBulkActionToolbar',\n                            ctaName: subItem.biName ?? '',\n                            ctaIndex: subIndex + 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                            moreActionsIndex: subIndex + 1,\n                            componentId: (subItem as any).componentId,\n                            appId: (subItem as any).appId,\n                            numCtas:\n                              state.primaryActionItems.length +\n                              state.secondaryActionItemsCount,\n                          });\n                          subItem.onClick?.();\n                        },\n                      })),\n                  ),\n                  onClick: () => {\n                    toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                      itemId: bulk.selectedIds.join(','),\n                      location: 'multiBulkActionToolbar',\n                      ctaName: actionItem.biName ?? '',\n                      ctaIndex: 1, // Missing BI requirements https://jira.wixpress.com/browse/CAIRO-600?focusedCommentId=9989131\n                      moreActionsIndex: 0,\n                      componentId: (actionItem as any).componentId,\n                      appId: (actionItem as any).appId,\n                      numCtas:\n                        state.primaryActionItems.length +\n                        state.secondaryActionItemsCount,\n                    });\n                    actionItem.onClick?.();\n                  },\n                }}\n              />\n            </BulkActionContainer>\n          ))}\n\n        {state.secondaryActionItems.filter(\n          (secondaryActionItemsGroup) => secondaryActionItemsGroup.length > 0,\n        ).length > 0 && (\n          <BulkActionContainer>\n            <ActionPopover\n              priority=\"secondary\"\n              size=\"small\"\n              actionItem={{\n                dataHook: 'more-actions',\n                biName: 'more-actions',\n                subItems: (() => {\n                  let index = 0;\n                  return state.secondaryActionItems.map((subItemGroup) =>\n                    subItemGroup.map((subItem) => {\n                      const subItemIndex = index;\n                      index++;\n                      const _subItem = {\n                        ...subItem,\n                        onClick: () => {\n                          toolbarCollectionState.toolbarBIReporter.ctaClicked({\n                            itemId: bulk.selectedIds.join(','),\n                            location: 'multiBulkActionToolbar',\n                            ctaName: subItem.biName ?? '',\n                            ctaIndex: subItemIndex + 3,\n                            moreActionsIndex: subItemIndex + 1,\n                            componentId: (subItem as any).componentId,\n                            appId: (subItem as any).appId,\n                            numCtas:\n                              state.primaryActionItems.length +\n                              state.secondaryActionItemsCount,\n                          });\n                          subItem.onClick?.();\n                        },\n                      };\n                      return _subItem;\n                    }),\n                  );\n                })(),\n\n                popoverMenuProps: secondaryActionsPopoverMenuProps,\n                label: t('cairo.moreActions'),\n              }}\n            />\n          </BulkActionContainer>\n        )}\n      </Box>\n    </>\n  );\n\n  const bulkActionButtonsMobile = (\n    <ActionPopover\n      priority=\"secondary\"\n      size=\"small\"\n      actionItem={{\n        dataHook: 'all-actions-mobile',\n        biName: 'more-actions',\n        subItems: mobileBulkActionGroupsWithBi,\n        popoverMenuProps: {\n          fixed: false,\n          minWidth: 'max-content',\n          ...secondaryActionsPopoverMenuProps,\n        },\n        label: t('cairo.table.mobile.more.button'),\n      }}\n    />\n  );\n\n  return (\n    <Box minHeight=\"60px\">\n      <TableToolbar\n        removeVerticalPadding={hasToolbarTabs}\n        dataHook=\"bulk-action-toolbar\"\n      >\n        <TableToolbar.ItemGroup position=\"start\" className={st(classes.root)}>\n          <Box direction=\"horizontal\" className={st(classes.leftGroupWrapper)}>\n            <TableToolbar.Item className={st(classes.selectedCountItem)}>\n              <Text\n                ellipsis\n                size=\"small\"\n                weight=\"thin\"\n                dataHook=\"selected-count\"\n                className={st(classes.selectedCountText)}\n              >\n                {maxSelection !== undefined\n                  ? t('cairo.bulkActions.max.selection', {\n                      max: maxSelection,\n                      total: selectedCountOrTotal,\n                    })\n                  : collection.result.supportTotal &&\n                    collection.result.totalStatus === 'success'\n                  ? t('cairo.bulkSelectedWithTotal', {\n                      num: selectedCountOrTotal,\n                      total,\n                    })\n                  : allSelected\n                  ? ''\n                  : t('cairo.bulkSelected', {\n                      num: selectedCountOrTotal,\n                    })}\n              </Text>\n            </TableToolbar.Item>\n\n            {collection.result.supportTotal && (\n              <TableToolbar.Item>\n                <TextButton\n                  dataHook=\"select-all\"\n                  size=\"small\"\n                  onClick={() =>\n                    bulk.toggleSelectAll({ location: 'TableToolbar CTA' })\n                  }\n                >\n                  {bulk.hasClickableRows\n                    ? t('cairo.selectAll')\n                    : t('cairo.deselectAll')}\n                </TextButton>\n              </TableToolbar.Item>\n            )}\n\n            {!isMobile && bulkActionButtonsDesktop}\n          </Box>\n        </TableToolbar.ItemGroup>\n\n        {isMobile && (\n          <TableToolbar.ItemGroup position=\"end\">\n            <TableToolbar.Item>{bulkActionButtonsMobile}</TableToolbar.Item>\n          </TableToolbar.ItemGroup>\n        )}\n      </TableToolbar>\n    </Box>\n  );\n}\n\nexport const MultiBulkActionToolbar = observer(_MultiBulkActionToolbar);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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_ = "MultiBulkActionToolbar1544486444";
+var _namespace_ = "MultiBulkActionToolbar4197357314";
 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": "MultiBulkActionToolbar1544486444__root",
-  "leftGroupWrapper": "MultiBulkActionToolbar1544486444__leftGroupWrapper",
-  "selectedCountItem": "MultiBulkActionToolbar1544486444__selectedCountItem",
-  "selectedCountText": "MultiBulkActionToolbar1544486444__selectedCountText"
+  "root": "MultiBulkActionToolbar4197357314__root",
+  "leftGroupWrapper": "MultiBulkActionToolbar4197357314__leftGroupWrapper",
+  "selectedCountItem": "MultiBulkActionToolbar4197357314__selectedCountItem",
+  "selectedCountText": "MultiBulkActionToolbar4197357314__selectedCountText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar1544486444\";\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\":\"MultiBulkActionToolbar1544486444__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar1544486444__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar1544486444__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar1544486444__selectedCountText\"};\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,kCAAkC;AACpD,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,wCAAwC;EAAC,kBAAkB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC,qDAAqD;EAAC,mBAAmB,EAAC;AAAqD,CAAC;AAC3R,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar4197357314\";\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\":\"MultiBulkActionToolbar4197357314__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar4197357314__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar4197357314__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar4197357314__selectedCountText\"};\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,kCAAkC;AACpD,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,wCAAwC;EAAC,kBAAkB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC,qDAAqD;EAAC,mBAAmB,EAAC;AAAqD,CAAC;AAC3R,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/MultiLevelSorting/MultiLevelSortingCTAButton.js

@@ -6,12 +6,13 @@ exports._MultiLevelSortingCTAButton = _MultiLevelSortingCTAButton;
 var _react = _interopRequireWildcard(require("react"));
 var _mobx = require("mobx");
 var _mobxReactLite = require("mobx-react-lite");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _state = require("../../state");
 var _MultiLevelSortingPanel = require("../MultiLevelSortingPanel");
 var _CounterBadgeButton = require("../CounterBadgeButton");
 var _react2 = require("@wix/bex-core/react");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx";
 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); }
 function _MultiLevelSortingCTAButton(props) {
@@ -31,6 +32,7 @@ function _MultiLevelSortingCTAButton(props) {
   const {
     modalsContainerRef
   } = (0, _react2.usePageContext)();
+  const isHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [multiLevelSortingState] = (0, _react.useState)(() => (0, _mobx.runInAction)(() => state.multiLevelSorting ?? (state.multiLevelSorting = new _state.MultiLevelSortingState({
     table: state,
     container: state.container,
@@ -46,18 +48,25 @@ function _MultiLevelSortingCTAButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 48,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
     state: responsive.actions,
     shouldShrink: !isPanelLayout,
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChangeOrderSmall, {
+    icon: isHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_lazy.ReorderSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
-        columnNumber: 15
+        lineNumber: 55,
+        columnNumber: 32
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_lazy.ChangeOrderSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 55,
+        columnNumber: 51
       }
     }),
     dataHook: "multi-level-sorting-button",
@@ -74,7 +83,7 @@ function _MultiLevelSortingCTAButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 52,
       columnNumber: 7
     }
   }, t('cairo.table.advanced-sorting.button.cta')));

package/dist/cjs/components/MultiLevelSorting/MultiLevelSortingCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_wixUiIconsCommon","_state","_MultiLevelSortingPanel","_CounterBadgeButton","_react2","_ResponsiveButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingCTAButton","props","state","panels","container","translate","isPanelLayout","toolbar","responsive","modalsContainerRef","usePageContext","multiLevelSortingState","useState","runInAction","multiLevelSorting","MultiLevelSortingState","table","useEffect","init","registerSidePanel","MultiLevelSortingPanelEntry","createElement","CounterBadgeButton","dataHook","count","sortListSize","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","actions","shouldShrink","icon","ChangeOrderSmall","onClick","isOpen","toggleSidePanel","reportSidePanelOpen","reportSidePanelClose","origin","MultiLevelSortingCTAButton","exports","observer"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ChangeOrderSmall } from '@wix/wix-ui-icons-common';\nimport { MultiLevelSortingState, ToolbarCollectionState } from '../../state';\nimport { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nexport interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(\n  props: MultiLevelSortingCTAButtonProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    panels,\n    container: { translate: t, isPanelLayout },\n    toolbar: { responsive },\n  } = state;\n\n  const { modalsContainerRef } = usePageContext();\n\n  const [multiLevelSortingState] = useState(() =>\n    runInAction(\n      () =>\n        (state.multiLevelSorting ??= new MultiLevelSortingState<T, F>({\n          table: state,\n          container: state.container,\n          modalsContainerRef,\n        })),\n    ),\n  );\n\n  useEffect(() => multiLevelSortingState.init(), []);\n\n  useEffect(() => {\n    panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);\n  }, []);\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"multi-level-sorting-button-counter\"\n      count={multiLevelSortingState.sortListSize}\n    >\n      <ResponsiveButton\n        state={responsive.actions}\n        shouldShrink={!isPanelLayout}\n        icon={<ChangeOrderSmall />}\n        dataHook=\"multi-level-sorting-button\"\n        onClick={() => {\n          const isOpen = panels.toggleSidePanel('multiLevelSorting');\n\n          if (isOpen) {\n            multiLevelSortingState.reportSidePanelOpen();\n          } else {\n            multiLevelSortingState.reportSidePanelClose({\n              origin: 'Sort CTA',\n            });\n          }\n        }}\n      >\n        {t('cairo.table.advanced-sorting.button.cta')}\n      </ResponsiveButton>\n    </CounterBadgeButton>\n  );\n}\n\nexport const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobx","_mobxReactLite","_lazy","_state","_MultiLevelSortingPanel","_CounterBadgeButton","_react2","_ResponsiveButton","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_MultiLevelSortingCTAButton","props","state","panels","container","translate","isPanelLayout","toolbar","responsive","modalsContainerRef","usePageContext","isHarmonyTheme","useBmHarmonyTheme","multiLevelSortingState","useState","runInAction","multiLevelSorting","MultiLevelSortingState","table","useEffect","init","registerSidePanel","MultiLevelSortingPanelEntry","createElement","CounterBadgeButton","dataHook","count","sortListSize","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","actions","shouldShrink","icon","ReorderSmall","ChangeOrderSmall","onClick","isOpen","toggleSidePanel","reportSidePanelOpen","reportSidePanelClose","origin","MultiLevelSortingCTAButton","exports","observer"],"sources":["../../../../src/components/MultiLevelSorting/MultiLevelSortingCTAButton.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { runInAction } from 'mobx';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ChangeOrderSmall, ReorderSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { MultiLevelSortingState, ToolbarCollectionState } from '../../state';\nimport { MultiLevelSortingPanelEntry } from '../MultiLevelSortingPanel';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MultiLevelSortingCTAButtonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function _MultiLevelSortingCTAButton<T, F extends FiltersMap>(\n  props: MultiLevelSortingCTAButtonProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    panels,\n    container: { translate: t, isPanelLayout },\n    toolbar: { responsive },\n  } = state;\n\n  const { modalsContainerRef } = usePageContext();\n  const isHarmonyTheme = useBmHarmonyTheme();\n\n  const [multiLevelSortingState] = useState(() =>\n    runInAction(\n      () =>\n        (state.multiLevelSorting ??= new MultiLevelSortingState<T, F>({\n          table: state,\n          container: state.container,\n          modalsContainerRef,\n        })),\n    ),\n  );\n\n  useEffect(() => multiLevelSortingState.init(), []);\n\n  useEffect(() => {\n    panels.registerSidePanel('multiLevelSorting', MultiLevelSortingPanelEntry);\n  }, []);\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"multi-level-sorting-button-counter\"\n      count={multiLevelSortingState.sortListSize}\n    >\n      <ResponsiveButton\n        state={responsive.actions}\n        shouldShrink={!isPanelLayout}\n        icon={isHarmonyTheme ? <ReorderSmall /> : <ChangeOrderSmall />}\n        dataHook=\"multi-level-sorting-button\"\n        onClick={() => {\n          const isOpen = panels.toggleSidePanel('multiLevelSorting');\n\n          if (isOpen) {\n            multiLevelSortingState.reportSidePanelOpen();\n          } else {\n            multiLevelSortingState.reportSidePanelClose({\n              origin: 'Sort CTA',\n            });\n          }\n        }}\n      >\n        {t('cairo.table.advanced-sorting.button.cta')}\n      </ResponsiveButton>\n    </CounterBadgeButton>\n  );\n}\n\nexport const MultiLevelSortingCTAButton = observer(_MultiLevelSortingCTAButton);\n"],"mappings":"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","ignoreList":[]}