@wix/patterns 1.427.0 → 1.430.0

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

@@ -6,10 +6,11 @@ exports.PrimaryActionButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _useSelector = require("../../useSelector");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/PrimaryActionButton.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); }
 const PrimaryActionButton = exports.PrimaryActionButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
@@ -20,17 +21,18 @@ const PrimaryActionButton = exports.PrimaryActionButton = /*#__PURE__*/(0, _reac
   const {
     toolbarBIReporter
   } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
-    priority = 'primary'
+    priority = isBmHarmonyTheme ? 'secondary' : 'primary'
   } = props;
   (0, _useSelector.useSelector)(() => initTask.status);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
     ref: ref,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
+        lineNumber: 30,
         columnNumber: 21
       }
     })
@@ -47,7 +49,7 @@ const PrimaryActionButton = exports.PrimaryActionButton = /*#__PURE__*/(0, _reac
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 28,
       columnNumber: 7
     }
   }), props.children ?? t('cairo.collectionsPage.add.item.CTA', {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_ToolbarCollectionContext","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PrimaryActionButton","exports","forwardRef","props","ref","translate","initTask","useWixPatternsContainer","toolbarBIReporter","useToolbarCollectionContext","priority","useSelector","status","createElement","Button","_extends2","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","as","size","skin","dataHook","onClick","event","onPrimaryActionButtonClick","children","defaultValue","displayName"],"sources":["../../../../src/components/CollectionToolbar/PrimaryActionButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useSelector } from '../../useSelector';\n\nexport interface PrimaryActionButtonProps\n  extends Omit<ButtonProps, 'size' | 'fullWidth' | 'dataHook' | 'skin' | 'as'> {\n  /**\n   * Callback that is called each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n}\n\nexport const PrimaryActionButton = forwardRef<Button, PrimaryActionButtonProps>(\n  (props, ref) => {\n    const { translate: t, initTask } = useWixPatternsContainer();\n    const { toolbarBIReporter } = useToolbarCollectionContext();\n    const { priority = 'primary' } = props;\n\n    useSelector(() => initTask.status);\n\n    return (\n      <Button\n        ref={ref}\n        prefixIcon={<Add />}\n        {...props}\n        as=\"button\"\n        size=\"small\"\n        priority={priority}\n        skin=\"standard\"\n        dataHook=\"toolbar-primary-action-button\"\n        onClick={(event) => {\n          toolbarBIReporter.onPrimaryActionButtonClick();\n          props.onClick?.(event);\n        }}\n      >\n        {props.children ??\n          t('cairo.collectionsPage.add.item.CTA', { defaultValue: '' })}\n      </Button>\n    );\n  }\n);\n\nPrimaryActionButton.displayName = 'PrimaryActionButton';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_ToolbarCollectionContext","_useSelector","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PrimaryActionButton","exports","forwardRef","props","ref","translate","initTask","useWixPatternsContainer","toolbarBIReporter","useToolbarCollectionContext","isBmHarmonyTheme","useBmHarmonyTheme","priority","useSelector","status","createElement","Button","_extends2","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","as","size","skin","dataHook","onClick","event","onPrimaryActionButtonClick","children","defaultValue","displayName"],"sources":["../../../../src/components/CollectionToolbar/PrimaryActionButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useSelector } from '../../useSelector';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface PrimaryActionButtonProps\n  extends Omit<ButtonProps, 'size' | 'fullWidth' | 'dataHook' | 'skin' | 'as'> {\n  /**\n   * Callback that is called each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n}\n\nexport const PrimaryActionButton = forwardRef<Button, PrimaryActionButtonProps>(\n  (props, ref) => {\n    const { translate: t, initTask } = useWixPatternsContainer();\n    const { toolbarBIReporter } = useToolbarCollectionContext();\n    const isBmHarmonyTheme = useBmHarmonyTheme();\n    const { priority = isBmHarmonyTheme ? 'secondary' : 'primary' } = props;\n\n    useSelector(() => initTask.status);\n\n    return (\n      <Button\n        ref={ref}\n        prefixIcon={<Add />}\n        {...props}\n        as=\"button\"\n        size=\"small\"\n        priority={priority}\n        skin=\"standard\"\n        dataHook=\"toolbar-primary-action-button\"\n        onClick={(event) => {\n          toolbarBIReporter.onPrimaryActionButtonClick();\n          props.onClick?.(event);\n        }}\n      >\n        {props.children ??\n          t('cairo.collectionsPage.add.item.CTA', { defaultValue: '' })}\n      </Button>\n    );\n  },\n);\n\nPrimaryActionButton.displayName = 'PrimaryActionButton';\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter3988720065";
+var _namespace_ = "SearchOrCustomFilter156188642";
 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": "SearchOrCustomFilter3988720065__root",
-  "search": "SearchOrCustomFilter3988720065__search",
-  "searchMobile": "SearchOrCustomFilter3988720065__searchMobile"
+  "root": "SearchOrCustomFilter156188642__root",
+  "search": "SearchOrCustomFilter156188642__search",
+  "searchMobile": "SearchOrCustomFilter156188642__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3988720065\";\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\":\"SearchOrCustomFilter3988720065__root\",\"search\":\"SearchOrCustomFilter3988720065__search\",\"searchMobile\":\"SearchOrCustomFilter3988720065__searchMobile\"};\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,gCAAgC;AAClD,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,sCAAsC;EAAC,QAAQ,EAAC,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter156188642\";\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\":\"SearchOrCustomFilter156188642__root\",\"search\":\"SearchOrCustomFilter156188642__search\",\"searchMobile\":\"SearchOrCustomFilter156188642__searchMobile\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qCAAqC;EAAC,QAAQ,EAAC,uCAAuC;EAAC,cAAc,EAAC;AAA6C,CAAC;AAC1K,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/useToolbarOverflowItems.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.useToolbarOverflowItems = useToolbarOverflowItems;
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 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 useToolbarOverflowItems(state, props) {
   const {
@@ -25,7 +25,7 @@ function useToolbarOverflowItems(state, props) {
         text: t('cairo.toolbar.moreFiltersButton', {
           defaultValue: ''
         }),
-        icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilter),
+        icon: /*#__PURE__*/_react.default.createElement(_lazy.ContentFilter),
         onClick: () => panels.openSidePanel('filters'),
         dataHook: 'overflow-more-filters'
       });
@@ -35,7 +35,7 @@ function useToolbarOverflowItems(state, props) {
         text: t('cairo.table.custom-columns.button.cta', {
           defaultValue: ''
         }),
-        icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Adjust),
+        icon: /*#__PURE__*/_react.default.createElement(_lazy.Adjust),
         onClick: () => panels.openSidePanel('customColumns'),
         dataHook: 'overflow-custom-columns'
       });
@@ -47,7 +47,7 @@ function useToolbarOverflowItems(state, props) {
         text: t('cairo.table.advanced-sorting.button.cta', {
           defaultValue: ''
         }),
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChangeOrder),
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChangeOrder),
         onClick: () => panels.openSidePanel('multiLevelSorting'),
         dataHook: 'overflow-multi-level-sorting'
       });
@@ -57,7 +57,7 @@ function useToolbarOverflowItems(state, props) {
         text: t('cairo.export.export', {
           defaultValue: ''
         }),
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.UploadExport),
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.UploadExport),
         onClick: () => exportState.open(),
         dataHook: 'overflow-export'
       });
@@ -67,7 +67,7 @@ function useToolbarOverflowItems(state, props) {
         text: t('cairo.import.import', {
           defaultValue: ''
         }),
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport),
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport),
         onClick: () => importState.open(),
         dataHook: 'overflow-import'
       });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiIconsCommon","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useToolbarOverflowItems","state","props","container","panels","exportState","importState","translate","useMemo","primaryItems","secondaryItems","MoreFiltersButton","push","text","defaultValue","icon","React","createElement","ContentFilter","onClick","openSidePanel","dataHook","customColumns","Adjust","multiLevelSorting","prefixIcon","ChangeOrder","exportButton","UploadExport","open","importButton","DownloadImport","layoutSwitchConfig","viewTypeState","undefined"],"sources":["../../../../src/components/CollectionToolbar/useToolbarOverflowItems.ts"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  ToolbarOverflowPrimaryItem,\n  ToolbarOverflowSecondaryItem,\n  ToolbarOverflowLayoutSwitchConfig,\n} from './ToolbarOverflowMenu';\nimport { ToolbarCollectionState } from '../../state';\nimport { ViewTypeState } from '../../state/ViewTypeState';\nimport {\n  ContentFilter,\n  Adjust,\n  ChangeOrder,\n  UploadExport,\n  DownloadImport,\n} from '@wix/wix-ui-icons-common';\n\nexport interface ToolbarOverflowItems {\n  primaryItems: ToolbarOverflowPrimaryItem[];\n  secondaryItems: ToolbarOverflowSecondaryItem[];\n  layoutSwitchConfig?: ToolbarOverflowLayoutSwitchConfig;\n}\n\nexport function useToolbarOverflowItems(\n  state: ToolbarCollectionState<any, any>,\n  props: {\n    customColumns?: unknown;\n    multiLevelSorting?: unknown;\n    exportButton?: unknown;\n    importButton?: unknown;\n    MoreFiltersButton?: unknown;\n    viewTypeState?: ViewTypeState;\n  },\n): ToolbarOverflowItems {\n  const { container, panels, exportState, importState } = state;\n  const { translate: t } = container;\n\n  return useMemo(() => {\n    const primaryItems: ToolbarOverflowPrimaryItem[] = [];\n    const secondaryItems: ToolbarOverflowSecondaryItem[] = [];\n\n    // Primary actions (rendered as Thumbnails)\n    if (props.MoreFiltersButton) {\n      primaryItems.push({\n        text: t('cairo.toolbar.moreFiltersButton', { defaultValue: '' }),\n        icon: React.createElement(ContentFilter),\n        onClick: () => panels.openSidePanel('filters'),\n        dataHook: 'overflow-more-filters',\n      });\n    }\n\n    if (props.customColumns) {\n      primaryItems.push({\n        text: t('cairo.table.custom-columns.button.cta', {\n          defaultValue: '',\n        }),\n        icon: React.createElement(Adjust),\n        onClick: () => panels.openSidePanel('customColumns'),\n        dataHook: 'overflow-custom-columns',\n      });\n    }\n\n    // Secondary actions (rendered as ListItemAction)\n    if (props.multiLevelSorting) {\n      secondaryItems.push({\n        text: t('cairo.table.advanced-sorting.button.cta', {\n          defaultValue: '',\n        }),\n        prefixIcon: React.createElement(ChangeOrder),\n        onClick: () => panels.openSidePanel('multiLevelSorting'),\n        dataHook: 'overflow-multi-level-sorting',\n      });\n    }\n\n    if (props.exportButton && exportState) {\n      secondaryItems.push({\n        text: t('cairo.export.export', { defaultValue: '' }),\n        prefixIcon: React.createElement(UploadExport),\n        onClick: () => exportState.open(),\n        dataHook: 'overflow-export',\n      });\n    }\n\n    if (props.importButton && importState) {\n      secondaryItems.push({\n        text: t('cairo.import.import', { defaultValue: '' }),\n        prefixIcon: React.createElement(DownloadImport),\n        onClick: () => importState.open(),\n        dataHook: 'overflow-import',\n      });\n    }\n\n    const layoutSwitchConfig: ToolbarOverflowLayoutSwitchConfig | undefined =\n      props.viewTypeState\n        ? {\n            viewTypeState: props.viewTypeState,\n          }\n        : undefined;\n\n    return { primaryItems, secondaryItems, layoutSwitchConfig };\n  }, [\n    props.customColumns,\n    props.multiLevelSorting,\n    props.exportButton,\n    props.importButton,\n    props.MoreFiltersButton,\n    props.viewTypeState,\n    t,\n    panels,\n    exportState,\n    importState,\n  ]);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_lazy","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useToolbarOverflowItems","state","props","container","panels","exportState","importState","translate","useMemo","primaryItems","secondaryItems","MoreFiltersButton","push","text","defaultValue","icon","React","createElement","ContentFilter","onClick","openSidePanel","dataHook","customColumns","Adjust","multiLevelSorting","prefixIcon","ChangeOrder","exportButton","UploadExport","open","importButton","DownloadImport","layoutSwitchConfig","viewTypeState","undefined"],"sources":["../../../../src/components/CollectionToolbar/useToolbarOverflowItems.ts"],"sourcesContent":["import React, { useMemo } from 'react';\nimport {\n  ToolbarOverflowPrimaryItem,\n  ToolbarOverflowSecondaryItem,\n  ToolbarOverflowLayoutSwitchConfig,\n} from './ToolbarOverflowMenu';\nimport { ToolbarCollectionState } from '../../state';\nimport { ViewTypeState } from '../../state/ViewTypeState';\nimport {\n  ContentFilter,\n  Adjust,\n  ChangeOrder,\n  UploadExport,\n  DownloadImport,\n} from '@wix/wix-ui-icons-common/lazy';\n\nexport interface ToolbarOverflowItems {\n  primaryItems: ToolbarOverflowPrimaryItem[];\n  secondaryItems: ToolbarOverflowSecondaryItem[];\n  layoutSwitchConfig?: ToolbarOverflowLayoutSwitchConfig;\n}\n\nexport function useToolbarOverflowItems(\n  state: ToolbarCollectionState<any, any>,\n  props: {\n    customColumns?: unknown;\n    multiLevelSorting?: unknown;\n    exportButton?: unknown;\n    importButton?: unknown;\n    MoreFiltersButton?: unknown;\n    viewTypeState?: ViewTypeState;\n  },\n): ToolbarOverflowItems {\n  const { container, panels, exportState, importState } = state;\n  const { translate: t } = container;\n\n  return useMemo(() => {\n    const primaryItems: ToolbarOverflowPrimaryItem[] = [];\n    const secondaryItems: ToolbarOverflowSecondaryItem[] = [];\n\n    // Primary actions (rendered as Thumbnails)\n    if (props.MoreFiltersButton) {\n      primaryItems.push({\n        text: t('cairo.toolbar.moreFiltersButton', { defaultValue: '' }),\n        icon: React.createElement(ContentFilter),\n        onClick: () => panels.openSidePanel('filters'),\n        dataHook: 'overflow-more-filters',\n      });\n    }\n\n    if (props.customColumns) {\n      primaryItems.push({\n        text: t('cairo.table.custom-columns.button.cta', {\n          defaultValue: '',\n        }),\n        icon: React.createElement(Adjust),\n        onClick: () => panels.openSidePanel('customColumns'),\n        dataHook: 'overflow-custom-columns',\n      });\n    }\n\n    // Secondary actions (rendered as ListItemAction)\n    if (props.multiLevelSorting) {\n      secondaryItems.push({\n        text: t('cairo.table.advanced-sorting.button.cta', {\n          defaultValue: '',\n        }),\n        prefixIcon: React.createElement(ChangeOrder),\n        onClick: () => panels.openSidePanel('multiLevelSorting'),\n        dataHook: 'overflow-multi-level-sorting',\n      });\n    }\n\n    if (props.exportButton && exportState) {\n      secondaryItems.push({\n        text: t('cairo.export.export', { defaultValue: '' }),\n        prefixIcon: React.createElement(UploadExport),\n        onClick: () => exportState.open(),\n        dataHook: 'overflow-export',\n      });\n    }\n\n    if (props.importButton && importState) {\n      secondaryItems.push({\n        text: t('cairo.import.import', { defaultValue: '' }),\n        prefixIcon: React.createElement(DownloadImport),\n        onClick: () => importState.open(),\n        dataHook: 'overflow-import',\n      });\n    }\n\n    const layoutSwitchConfig: ToolbarOverflowLayoutSwitchConfig | undefined =\n      props.viewTypeState\n        ? {\n            viewTypeState: props.viewTypeState,\n          }\n        : undefined;\n\n    return { primaryItems, secondaryItems, layoutSwitchConfig };\n  }, [\n    props.customColumns,\n    props.multiLevelSorting,\n    props.exportButton,\n    props.importButton,\n    props.MoreFiltersButton,\n    props.viewTypeState,\n    t,\n    panels,\n    exportState,\n    importState,\n  ]);\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbars/CollectionToolbars.js

@@ -11,6 +11,7 @@ var _CollectionToolbar = require("../CollectionToolbar");
 var _CollectionToolbarsProvider = require("./CollectionToolbarsProvider");
 var _ToolbarAndTitlebarContainer = require("./ToolbarAndTitlebarContainer");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _CollectionToolbarsVisualization = require("./CollectionToolbarsVisualization");
 var _useIsCollectionToolbarExists = require("../CollectionToolbar/useIsCollectionToolbarExists");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbars/CollectionToolbars.tsx";
@@ -26,7 +27,7 @@ function BorderRadiusTopCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 53,
       columnNumber: 5
     }
   }, children);
@@ -42,7 +43,7 @@ function BorderRadiusTopBottomCard({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 67,
       columnNumber: 5
     }
   }, children);
@@ -73,6 +74,7 @@ function _CollectionToolbars(props) {
     }
   } = state;
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const topNotification = isPanelLayout ? undefined : typeof topNotificationProp === 'function' ? topNotificationProp() : topNotificationProp;
   const AppliedFiltersTagList = (_featuredComponents$a = featuredComponents.appliedFiltersTagList.value) == null ? void 0 : _featuredComponents$a.component;
   const {
@@ -85,34 +87,54 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 128,
       columnNumber: 13
     }
-  }))), shouldDisplaySubToolbar && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  }))), shouldDisplaySubToolbar && (isBmHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     backgroundColor: "D80",
+    dataHook: "collection-table-sub-toolbar",
+    paddingBottom: "SP4",
+    paddingLeft: "SP6",
+    paddingRight: "SP6",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
-      columnNumber: 9
+      lineNumber: 134,
+      columnNumber: 11
+    }
+  }, AppliedFiltersTagList && shouldDisplayFiltersTags && /*#__PURE__*/_react.default.createElement(AppliedFiltersTagList, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 143,
+      columnNumber: 15
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    backgroundColor: "D80",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 147,
+      columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Table.SubToolbar, {
     dataHook: "collection-table-sub-toolbar",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
-      columnNumber: 11
+      lineNumber: 148,
+      columnNumber: 13
     }
   }, AppliedFiltersTagList && shouldDisplayFiltersTags && /*#__PURE__*/_react.default.createElement(AppliedFiltersTagList, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
-      columnNumber: 15
+      lineNumber: 150,
+      columnNumber: 17
     }
-  }))), summaryBar, topNotification);
+  })))), summaryBar, topNotification);
 
   /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/
 
@@ -121,14 +143,14 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 147,
+      lineNumber: 163,
       columnNumber: 5
     }
   }, customSlot ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(BorderRadiusTopBottomCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 166,
       columnNumber: 11
     }
   }, toolbars), /*#__PURE__*/_react.default.createElement(_CollectionToolbarsVisualization.CollectionToolbarsVisualization, {
@@ -137,21 +159,21 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 167,
       columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 155,
+      lineNumber: 171,
       columnNumber: 11
     }
   }, titleBar)) : /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 174,
       columnNumber: 9
     }
   }, toolbars, titleBar));
@@ -159,7 +181,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 183,
       columnNumber: 5
     }
   }, sticky && !internalScroll ? /*#__PURE__*/_react.default.createElement(_designSystem.Page.Sticky, {
@@ -169,7 +191,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 169,
+      lineNumber: 185,
       columnNumber: 9
     }
   }, child) : child);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_CollectionToolbarsVisualization","_useIsCollectionToolbarExists","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","BorderRadiusTopBottomCard","borderRadius","_CollectionToolbars","props","_featuredComponents$a","sticky","state","selectionToolbar","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","visualization","customSlot","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","container","isPanelLayout","undefined","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","shouldRenderCollectionToolbar","useIsCollectionToolbarExists","toolbars","Fragment","length","CollectionToolbar","_extends2","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsVisualization","CollectionToolbarsProvider","Page","Sticky","style","top","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport {\n  CollectionToolbarsVisualization,\n  CollectionToolbarsVisualizationProps,\n} from './CollectionToolbarsVisualization';\nimport { useIsCollectionToolbarExists } from '../CollectionToolbar/useIsCollectionToolbarExists';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'importButton'\n    | 'primaryActionButton'\n    | 'secondaryActions'\n    | 'moreActions'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={isMobile ? 0 : 8}\n      borderTopRightRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction BorderRadiusTopBottomCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    selectionToolbar,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    visualization: customSlot,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n    container: { isPanelLayout },\n  } = state;\n\n  const isMobile = useIsMobile();\n\n  const topNotification = isPanelLayout\n    ? undefined\n    : typeof topNotificationProp === 'function'\n    ? topNotificationProp()\n    : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const shouldRenderCollectionToolbar = useIsCollectionToolbarExists(props);\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          {(!isMobile || shouldRenderCollectionToolbar) && (\n            <CollectionToolbar {...props} dataHook=\"collection-toolbar\" />\n          )}\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state.toolbar}>\n      {customSlot ? (\n        <>\n          <BorderRadiusTopBottomCard>{toolbars}</BorderRadiusTopBottomCard>\n          <CollectionToolbarsVisualization\n            state={state}\n            visualization={customSlot}\n          />\n          <BorderRadiusTopCard>{titleBar}</BorderRadiusTopCard>\n        </>\n      ) : (\n        <BorderRadiusTopCard>\n          {toolbars}\n          {titleBar}\n        </BorderRadiusTopCard>\n      )}\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? (\n        <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n          {child}\n        </Page.Sticky>\n      ) : (\n        child\n      )}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_useBmHarmonyTheme","_CollectionToolbarsVisualization","_useIsCollectionToolbarExists","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","BorderRadiusTopBottomCard","borderRadius","_CollectionToolbars","props","_featuredComponents$a","sticky","state","selectionToolbar","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","visualization","customSlot","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","container","isPanelLayout","isBmHarmonyTheme","useBmHarmonyTheme","undefined","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","shouldRenderCollectionToolbar","useIsCollectionToolbarExists","toolbars","Fragment","length","CollectionToolbar","_extends2","dataHook","paddingBottom","paddingLeft","paddingRight","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsVisualization","CollectionToolbarsProvider","Page","Sticky","style","top","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport {\n  CollectionToolbarsVisualization,\n  CollectionToolbarsVisualizationProps,\n} from './CollectionToolbarsVisualization';\nimport { useIsCollectionToolbarExists } from '../CollectionToolbar/useIsCollectionToolbarExists';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'importButton'\n    | 'primaryActionButton'\n    | 'secondaryActions'\n    | 'moreActions'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={isMobile ? 0 : 8}\n      borderTopRightRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction BorderRadiusTopBottomCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    selectionToolbar,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    visualization: customSlot,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n    container: { isPanelLayout },\n  } = state;\n\n  const isMobile = useIsMobile();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const topNotification = isPanelLayout\n    ? undefined\n    : typeof topNotificationProp === 'function'\n    ? topNotificationProp()\n    : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const shouldRenderCollectionToolbar = useIsCollectionToolbarExists(props);\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          {(!isMobile || shouldRenderCollectionToolbar) && (\n            <CollectionToolbar {...props} dataHook=\"collection-toolbar\" />\n          )}\n        </>\n      )}\n      {shouldDisplaySubToolbar &&\n        (isBmHarmonyTheme ? (\n          <Box\n            direction=\"vertical\"\n            backgroundColor=\"D80\"\n            dataHook=\"collection-table-sub-toolbar\"\n            paddingBottom=\"SP4\"\n            paddingLeft=\"SP6\"\n            paddingRight=\"SP6\"\n          >\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Box>\n        ) : (\n          <Box direction=\"vertical\" backgroundColor=\"D80\">\n            <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n              {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n                <AppliedFiltersTagList />\n              )}\n            </Table.SubToolbar>\n          </Box>\n        ))}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state.toolbar}>\n      {customSlot ? (\n        <>\n          <BorderRadiusTopBottomCard>{toolbars}</BorderRadiusTopBottomCard>\n          <CollectionToolbarsVisualization\n            state={state}\n            visualization={customSlot}\n          />\n          <BorderRadiusTopCard>{titleBar}</BorderRadiusTopCard>\n        </>\n      ) : (\n        <BorderRadiusTopCard>\n          {toolbars}\n          {titleBar}\n        </BorderRadiusTopCard>\n      )}\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? (\n        <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n          {child}\n        </Page.Sticky>\n      ) : (\n        child\n      )}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly4202717207";
+var _namespace_ = "AutoCompleteReadonly3447230868";
 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": "AutoCompleteReadonly4202717207__root"
+  "root": "AutoCompleteReadonly3447230868__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly4202717207\";\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\":\"AutoCompleteReadonly4202717207__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly3447230868\";\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\":\"AutoCompleteReadonly3447230868__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.js

@@ -15,6 +15,7 @@ var _AutoCompleteReadonly = require("./AutoCompleteReadonly");
 var _SaveToNewViewFooter = require("./SaveToNewViewFooter");
 var _ViewsDropdownPrefix = require("./ViewsDropdownPrefix");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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); }
 const VIEWS_REDESIGN_EXPERIMENT = exports.VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';
@@ -29,6 +30,7 @@ function _ViewsDropdown({
   var _container$internalEx;
   const container = (0, _react2.useWixPatternsContainer)();
   const isRedesign = (_container$internalEx = container.internalExperiments) == null ? void 0 : _container$internalEx.enabled(VIEWS_REDESIGN_EXPERIMENT);
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const {
     views: viewsState
   } = state;
@@ -63,7 +65,7 @@ function _ViewsDropdown({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 68,
+            lineNumber: 70,
             columnNumber: 13
           }
         }) : undefined
@@ -92,7 +94,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 100,
+        lineNumber: 102,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -100,7 +102,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 109,
         columnNumber: 13
       }
     }))
@@ -111,7 +113,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 116,
         columnNumber: 11
       }
     }) : undefined
@@ -127,7 +129,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -136,7 +138,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 129,
+      lineNumber: 131,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_AutoCompleteReadonly.AutoCompleteReadonly, (0, _extends2.default)({
@@ -161,7 +163,7 @@ function _ViewsDropdown({
       dropdownProps == null || dropdownProps.onInputClicked == null || dropdownProps.onInputClicked(e);
     },
     fixedFooter: fixedFooter,
-    border: "round",
+    border: isBmHarmonyTheme ? 'standard' : 'round',
     selectedId: currentView == null ? void 0 : currentView.id,
     selectedLabel: currentView ? (0, _viewsDropdownRenderHelpers.getViewName)({
       view: currentView,
@@ -178,7 +180,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166,
+        lineNumber: 168,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_ViewsDropdownPrefix.ViewsDropdownPrefix, {
@@ -186,7 +188,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 171,
+        lineNumber: 173,
         columnNumber: 15
       }
     })),
@@ -200,7 +202,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 178,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -208,14 +210,14 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 183,
+        lineNumber: 185,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 184,
+        lineNumber: 186,
         columnNumber: 19
       }
     }, "(", state.table.collection.result.total, ")"))) : undefined,
@@ -241,7 +243,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 132,
       columnNumber: 9
     }
   }))), !isRedesign && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -250,7 +252,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 212,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
@@ -259,7 +261,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 211,
+      lineNumber: 213,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ViewsDropdownModals.ViewsDropdownModals, {
@@ -267,7 +269,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 215,
+      lineNumber: 217,
       columnNumber: 7
     }
   }));