@wix/patterns 1.427.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","_LayoutSwitch","state","tableProps","gridProps","spreadsheetProps","viewTypeState","initTask","toolbar","isLoading","status","isIdle","availableOptions","useMemo","options","filter","option","useEffect","init","length","includes","viewType","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table {...tableProps!} tableGridSwitchButton={layoutSwitchButton} />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid {...gridProps!} tableGridSwitchButton={layoutSwitchButton} />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","_LayoutSwitch","state","importButton","tableProps","gridProps","spreadsheetProps","viewTypeState","initTask","toolbar","isLoading","status","isIdle","availableOptions","useMemo","options","filter","option","useEffect","init","length","includes","viewType","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { ReactElement, Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  /**\n   * An `<ImportButton />` element added to the toolbar of whichever layout is\n   * shown. Set it here once instead of repeating it in each layout's props. A\n   * layout's own `importButton` (in `tableProps`/`gridProps`/`spreadsheetProps`)\n   * takes precedence over this one.\n   */\n  importButton?: ReactElement;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  importButton,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table\n          {...tableProps!}\n          importButton={tableProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid\n          {...gridProps!}\n          importButton={gridProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            importButton={spreadsheetProps!.importButton ?? importButton}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_CollectionToolbarUni","_TableUni","_GridUni","_EditableTableUni","LayoutSwitchUniDriver","base","body","getToolbar","CollectionToolbarUniDriver","$","baseUniDriverFactory","wait","timeout","getSwitchButton","isShowingTable","exists","isShowingGrid","isShowingSpreadsheet","getTable","TableUniDriver","getGrid","GridUniDriver","getSpreadsheet","EditableTableUniDriver","_default","exports","default"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { TableUniDriver } from '../Table/Table.uni.driver';\nimport { GridUniDriver } from '../Grid/Grid.uni.driver';\nimport { EditableTableUniDriver } from '../EditableTable/EditableTable.uni.driver';\n\nexport function LayoutSwitchUniDriver(base: UniDriver, body: UniDriver) {\n  const getToolbar = () =>\n    CollectionToolbarUniDriver(\n      base.$('[data-hook=\"collection-toolbar\"]'),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    wait: (timeout?: number) => base.wait(timeout),\n    /** Get the layout switch button */\n    getSwitchButton: () => getToolbar().getSwitchButton(),\n    /** Check if the table layout is currently shown */\n    isShowingTable: () => base.$('[data-hook=\"layout-view-table\"]').exists(),\n    /** Check if the grid layout is currently shown */\n    isShowingGrid: () => base.$('[data-hook=\"layout-view-grid\"]').exists(),\n    /** Check if the spreadsheet layout is currently shown */\n    isShowingSpreadsheet: () =>\n      base.$('[data-hook=\"layout-view-spreadsheet\"]').exists(),\n    /** Get Table driver */\n    getTable: () => TableUniDriver(base, body),\n    /** Get Grid driver */\n    getGrid: () => GridUniDriver(base, body),\n    /** Get Spreadsheet (EditableTable) driver */\n    getSpreadsheet: () => EditableTableUniDriver(base, body),\n  };\n}\n\nexport default LayoutSwitchUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEO,SAASK,qBAAqBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACtE,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAI,+BAAoB,EAACL,IAAI,CAAC;IAC7BM,IAAI,EAAGC,OAAgB,IAAKP,IAAI,CAACM,IAAI,CAACC,OAAO,CAAC;IAC9C;IACAC,eAAe,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC,CAACM,eAAe,CAAC,CAAC;IACrD;IACAC,cAAc,EAAEA,CAAA,KAAMT,IAAI,CAACI,CAAC,CAAC,iCAAiC,CAAC,CAACM,MAAM,CAAC,CAAC;IACxE;IACAC,aAAa,EAAEA,CAAA,KAAMX,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,CAACM,MAAM,CAAC,CAAC;IACtE;IACAE,oBAAoB,EAAEA,CAAA,KACpBZ,IAAI,CAACI,CAAC,CAAC,uCAAuC,CAAC,CAACM,MAAM,CAAC,CAAC;IAC1D;IACAG,QAAQ,EAAEA,CAAA,KAAM,IAAAC,wBAAc,EAACd,IAAI,EAAEC,IAAI,CAAC;IAC1C;IACAc,OAAO,EAAEA,CAAA,KAAM,IAAAC,sBAAa,EAAChB,IAAI,EAAEC,IAAI,CAAC;IACxC;IACAgB,cAAc,EAAEA,CAAA,KAAM,IAAAC,wCAAsB,EAAClB,IAAI,EAAEC,IAAI;EACzD,CAAC;AACH;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_CollectionToolbarUni","_TableUni","_GridUni","_EditableTableUni","LayoutSwitchUniDriver","base","body","getToolbar","CollectionToolbarUniDriver","$","baseUniDriverFactory","wait","timeout","getSwitchButton","isShowingTable","exists","isShowingGrid","isShowingSpreadsheet","getTable","TableUniDriver","getGrid","GridUniDriver","getSpreadsheet","EditableTableUniDriver","_default","exports","default"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { TableUniDriver } from '../Table/Table.uni.driver';\nimport { GridUniDriver } from '../Grid/Grid.uni.driver';\nimport { EditableTableUniDriver } from '../EditableTable/EditableTable.uni.driver';\n\nexport function LayoutSwitchUniDriver(base: UniDriver, body: UniDriver) {\n  const getToolbar = () =>\n    CollectionToolbarUniDriver(\n      base.$('[data-hook=\"collection-toolbar\"]'),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    wait: (timeout?: number) => base.wait(timeout),\n    /** Get the layout switch button */\n    getSwitchButton: () => getToolbar().getSwitchButton(),\n    /** Check if the table layout is currently shown */\n    isShowingTable: () => base.$('[data-hook=\"layout-view-table\"]').exists(),\n    /** Check if the grid layout is currently shown */\n    isShowingGrid: () => base.$('[data-hook=\"layout-view-grid\"]').exists(),\n    /** Check if the spreadsheet layout is currently shown */\n    isShowingSpreadsheet: () =>\n      base.$('[data-hook=\"layout-view-spreadsheet\"]').exists(),\n    /** Get Table driver */\n    getTable: (): ReturnType<typeof TableUniDriver> =>\n      TableUniDriver(base, body),\n    /** Get Grid driver */\n    getGrid: (): ReturnType<typeof GridUniDriver> => GridUniDriver(base, body),\n    /** Get Spreadsheet (EditableTable) driver */\n    getSpreadsheet: (): ReturnType<typeof EditableTableUniDriver> =>\n      EditableTableUniDriver(base, body),\n  };\n}\n\nexport default LayoutSwitchUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAEO,SAASK,qBAAqBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACtE,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAI,+BAAoB,EAACL,IAAI,CAAC;IAC7BM,IAAI,EAAGC,OAAgB,IAAKP,IAAI,CAACM,IAAI,CAACC,OAAO,CAAC;IAC9C;IACAC,eAAe,EAAEA,CAAA,KAAMN,UAAU,CAAC,CAAC,CAACM,eAAe,CAAC,CAAC;IACrD;IACAC,cAAc,EAAEA,CAAA,KAAMT,IAAI,CAACI,CAAC,CAAC,iCAAiC,CAAC,CAACM,MAAM,CAAC,CAAC;IACxE;IACAC,aAAa,EAAEA,CAAA,KAAMX,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,CAACM,MAAM,CAAC,CAAC;IACtE;IACAE,oBAAoB,EAAEA,CAAA,KACpBZ,IAAI,CAACI,CAAC,CAAC,uCAAuC,CAAC,CAACM,MAAM,CAAC,CAAC;IAC1D;IACAG,QAAQ,EAAEA,CAAA,KACR,IAAAC,wBAAc,EAACd,IAAI,EAAEC,IAAI,CAAC;IAC5B;IACAc,OAAO,EAAEA,CAAA,KAAwC,IAAAC,sBAAa,EAAChB,IAAI,EAAEC,IAAI,CAAC;IAC1E;IACAgB,cAAc,EAAEA,CAAA,KACd,IAAAC,wCAAsB,EAAClB,IAAI,EAAEC,IAAI;EACrC,CAAC;AACH;AAAC,IAAAkB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,qBAAqB","ignoreList":[]}

package/dist/cjs/components/LayoutSwitchButton/LayoutSwitchButton.js

@@ -7,6 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _layoutConfig = require("./layoutConfig");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LayoutSwitchButton/LayoutSwitchButton.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 _LayoutSwitchButton({
@@ -21,6 +22,7 @@ function _LayoutSwitchButton({
     viewType
   } = state;
   const isLayoutToggleRedesignEnabled = internalExperiments == null ? void 0 : internalExperiments.enabled('specs.cairo.layout-toggle.redesign');
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const dropdownOptions = (0, _react.useMemo)(() => options.map(option => (0, _designSystem.listItemSelectBuilder)({
     id: option,
     title: t(_layoutConfig.layoutConfig[option].translationKey),
@@ -29,7 +31,7 @@ function _LayoutSwitchButton({
   })), [t, options]);
   if (!isLayoutToggleRedesignEnabled) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle, {
-      size: "small",
+      size: isBmHarmonyTheme ? 'tiny' : 'small',
       dataHook: "layout-switch-toggle-button",
       selected: viewType,
       onClick: (_, value) => {
@@ -41,7 +43,7 @@ function _LayoutSwitchButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 44,
         columnNumber: 7
       }
     }, options.map(option => /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
@@ -52,7 +54,7 @@ function _LayoutSwitchButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 56,
         columnNumber: 11
       }
     }, _layoutConfig.layoutConfig[option].icon)));
@@ -73,7 +75,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 70,
       columnNumber: 5
     }
   }, ({
@@ -84,7 +86,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -99,7 +101,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 86,
       columnNumber: 11
     }
   }, _layoutConfig.layoutConfig[viewType].icon)));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_react2","_layoutConfig","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_LayoutSwitchButton","state","options","translate","internalExperiments","useWixPatternsContainer","viewType","isLayoutToggleRedesignEnabled","enabled","dropdownOptions","useMemo","map","option","listItemSelectBuilder","id","title","layoutConfig","translationKey","prefix","icon","dataHook","createElement","SegmentedToggle","size","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","key","tooltipText","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","LayoutSwitchButton","exports","observer"],"sources":["../../../../src/components/LayoutSwitchButton/LayoutSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\nimport { layoutConfig } from './layoutConfig';\n\nexport interface LayoutSwitchButtonProps {\n  state: ViewTypeState;\n  options: ViewType[];\n}\n\nfunction _LayoutSwitchButton({ state, options }: LayoutSwitchButtonProps) {\n  const { translate: t, internalExperiments } = useWixPatternsContainer();\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = internalExperiments?.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n\n  const dropdownOptions = useMemo(\n    () =>\n      options.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t, options],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size=\"small\"\n        dataHook=\"layout-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        {options.map((option) => (\n          <SegmentedToggle.Icon\n            key={option}\n            value={option}\n            dataHook={`toggle-option-${option}`}\n            tooltipText={t(layoutConfig[option].translationKey)}\n          >\n            {layoutConfig[option].icon}\n          </SegmentedToggle.Icon>\n        ))}\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={dropdownOptions}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = options.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip content={t('cairo.table.layout.switchLayout')} size=\"medium\">\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const LayoutSwitchButton = observer(_LayoutSwitchButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_react2","_layoutConfig","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_LayoutSwitchButton","state","options","translate","internalExperiments","useWixPatternsContainer","viewType","isLayoutToggleRedesignEnabled","enabled","isBmHarmonyTheme","useBmHarmonyTheme","dropdownOptions","useMemo","map","option","listItemSelectBuilder","id","title","layoutConfig","translationKey","prefix","icon","dataHook","createElement","SegmentedToggle","size","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","key","tooltipText","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","LayoutSwitchButton","exports","observer"],"sources":["../../../../src/components/LayoutSwitchButton/LayoutSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\nimport { layoutConfig } from './layoutConfig';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface LayoutSwitchButtonProps {\n  state: ViewTypeState;\n  options: ViewType[];\n}\n\nfunction _LayoutSwitchButton({ state, options }: LayoutSwitchButtonProps) {\n  const { translate: t, internalExperiments } = useWixPatternsContainer();\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = internalExperiments?.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const dropdownOptions = useMemo(\n    () =>\n      options.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t, options],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size={isBmHarmonyTheme ? 'tiny' : 'small'}\n        dataHook=\"layout-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        {options.map((option) => (\n          <SegmentedToggle.Icon\n            key={option}\n            value={option}\n            dataHook={`toggle-option-${option}`}\n            tooltipText={t(layoutConfig[option].translationKey)}\n          >\n            {layoutConfig[option].icon}\n          </SegmentedToggle.Icon>\n        ))}\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={dropdownOptions}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = options.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip content={t('cairo.table.layout.switchLayout')} size=\"medium\">\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const LayoutSwitchButton = observer(_LayoutSwitchButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LayoutSwitchButton/layoutConfig.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.layoutConfig = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LayoutSwitchButton/layoutConfig.tsx";
 const layoutConfig = exports.layoutConfig = {
   table: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutSplit, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.LayoutThreeRows, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -19,7 +19,7 @@ const layoutConfig = exports.layoutConfig = {
     translationKey: 'cairo.table.layout.table'
   },
   grid: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.LayoutGallery, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -30,7 +30,7 @@ const layoutConfig = exports.layoutConfig = {
     translationKey: 'cairo.table.layout.grid'
   },
   spreadsheet: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TableChart, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.TableChart, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/LayoutSwitchButton/layoutConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_jsxFileName","layoutConfig","exports","table","icon","default","createElement","LayoutSplit","__self","__source","fileName","lineNumber","columnNumber","translationKey","grid","LayoutGallery","spreadsheet","TableChart"],"sources":["../../../../src/components/LayoutSwitchButton/layoutConfig.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  TableChart,\n  LayoutGallery,\n  LayoutSplit,\n} from '@wix/wix-ui-icons-common';\nimport { TranslationsKeys } from '@wix/bex-core';\nimport { ViewType } from '../../state/ViewTypeState';\n\nexport const layoutConfig: Record<\n  ViewType,\n  { icon: React.ReactNode; translationKey: TranslationsKeys }\n> = {\n  table: {\n    icon: <LayoutSplit />,\n    translationKey: 'cairo.table.layout.table',\n  },\n  grid: {\n    icon: <LayoutGallery />,\n    translationKey: 'cairo.table.layout.grid',\n  },\n  spreadsheet: {\n    icon: <TableChart />,\n    translationKey: 'cairo.table.layout.spreadsheet' as TranslationsKeys,\n  },\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAIkC,IAAAE,YAAA;AAI3B,MAAMC,YAGZ,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACFE,KAAK,EAAE;IACLC,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAQ,WAAW;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACrBC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJV,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAgB,aAAa;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDG,WAAW,EAAE;IACXZ,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAkB,UAAU;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_jsxFileName","layoutConfig","exports","table","icon","default","createElement","LayoutThreeRows","__self","__source","fileName","lineNumber","columnNumber","translationKey","grid","LayoutGallery","spreadsheet","TableChart"],"sources":["../../../../src/components/LayoutSwitchButton/layoutConfig.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  TableChart,\n  LayoutGallery,\n  LayoutThreeRows,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { TranslationsKeys } from '@wix/bex-core';\nimport { ViewType } from '../../state/ViewTypeState';\n\nexport const layoutConfig: Record<\n  ViewType,\n  { icon: React.ReactNode; translationKey: TranslationsKeys }\n> = {\n  table: {\n    icon: <LayoutThreeRows />,\n    translationKey: 'cairo.table.layout.table',\n  },\n  grid: {\n    icon: <LayoutGallery />,\n    translationKey: 'cairo.table.layout.grid',\n  },\n  spreadsheet: {\n    icon: <TableChart />,\n    translationKey: 'cairo.table.layout.spreadsheet' as TranslationsKeys,\n  },\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAIuC,IAAAE,YAAA;AAIhC,MAAMC,YAGZ,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACFE,KAAK,EAAE;IACLC,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAQ,eAAe;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACzBC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJV,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAgB,aAAa;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDG,WAAW,EAAE;IACXZ,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAkB,UAAU;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.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_ = "LoadingRow59215511";
+var _namespace_ = "LoadingRow3544261193";
 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": "LoadingRow59215511__root"
+  "root": "LoadingRow3544261193__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow59215511__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow3544261193__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow59215511\";\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\":\"LoadingRow59215511__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow59215511__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAoC,CAAC;AACvE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow3544261193\";\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\":\"LoadingRow3544261193__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3544261193__gradientSwoosh\"}; \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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText1409616332";
+var _namespace_ = "MaxHeightText2140070545";
 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": "MaxHeightText1409616332__root"
+  "root": "MaxHeightText2140070545__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/MaxLines/MaxLines.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_ = "MaxLines2439770051";
+var _namespace_ = "MaxLines4019853602";
 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": "MaxLines2439770051__root"
+  "root": "MaxLines4019853602__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2439770051\";\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\":\"MaxLines2439770051__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,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines4019853602\";\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\":\"MaxLines4019853602__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,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,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/MaxSelection.js

@@ -8,6 +8,7 @@ exports.reachedMaxSelection = reachedMaxSelection;
 exports.showMaxSelectionLabel = showMaxSelectionLabel;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
+var _useBmHarmonyTheme = require("../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MaxSelection.tsx";
 function fromMultipleSelectionToBoolean(multipleSelection) {
   if (multipleSelection === undefined) {
@@ -38,6 +39,7 @@ function BulkSelectionMaxSelectionLabel(props) {
     multiple,
     dataHook
   } = props;
+  const isHarmonyBmTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const maxSelectedItems = maxSelectedItemsFromMultipleSelection(multiple);
   let text;
   if (props.customLabel) {
@@ -62,11 +64,12 @@ function BulkSelectionMaxSelectionLabel(props) {
   }
   return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
     dataHook: dataHook,
+    size: isHarmonyBmTheme ? 'small' : undefined,
     secondary: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 85,
       columnNumber: 5
     }
   }, text);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","fromMultipleSelectionToBoolean","multipleSelection","undefined","maxSelectedItemsFromMultipleSelection","Infinity","showMaxSelectionLabel","maxSelectedItems","BulkSelectionMaxSelectionLabel","props","selectedCount","t","multiple","dataHook","text","customLabel","num","max","total","default","createElement","Text","secondary","__self","__source","fileName","lineNumber","columnNumber","reachedMaxSelection","collection","bulkSelect"],"sources":["../../../src/components/MaxSelection.tsx"],"sourcesContent":["import { CollectionState, Translate } from '@wix/bex-core';\nimport React from 'react';\nimport { Text } from '@wix/design-system';\n\nexport type MultipleSelection = boolean | number;\n\nexport type ReplaceMultiple<T> = Omit<T, 'multiple'> & T extends {\n  multiple?: any;\n}\n  ? { multiple?: MultipleSelection }\n  : {\n      multiple: MultipleSelection;\n    };\n\nexport function fromMultipleSelectionToBoolean(\n  multipleSelection?: MultipleSelection,\n): boolean {\n  if (multipleSelection === undefined) {\n    return false;\n  }\n  if (typeof multipleSelection === 'boolean') {\n    return multipleSelection;\n  }\n  return multipleSelection > 1;\n}\n\nfunction maxSelectedItemsFromMultipleSelection(\n  multipleSelection?: MultipleSelection,\n): number {\n  if (typeof multipleSelection === 'undefined') {\n    return 1;\n  }\n\n  if (typeof multipleSelection === 'boolean') {\n    return multipleSelection ? Infinity : 1;\n  }\n\n  return multipleSelection;\n}\n\nexport function showMaxSelectionLabel(multipleSelection?: MultipleSelection) {\n  const maxSelectedItems =\n    maxSelectedItemsFromMultipleSelection(multipleSelection);\n  return !(maxSelectedItems === 1 || maxSelectedItems === Infinity);\n}\n\nexport type MaxSelectionLabelProps = {\n  dataHook?: string;\n  multiple?: MultipleSelection;\n  t: Translate;\n  customLabel?(_: { num: number; max: number }): string;\n  selectedCount: number;\n};\n\nexport function BulkSelectionMaxSelectionLabel(props: MaxSelectionLabelProps) {\n  const { selectedCount, t, multiple, dataHook } = props;\n\n  const maxSelectedItems = maxSelectedItemsFromMultipleSelection(multiple);\n\n  let text;\n\n  if (props.customLabel) {\n    text = props.customLabel({\n      num: selectedCount,\n      max: maxSelectedItems,\n    });\n  } else if (selectedCount === 0) {\n    text = t('cairo.bulkSelected.selectUpTo', {\n      max: maxSelectedItems,\n    });\n  } else if (maxSelectedItems > selectedCount) {\n    text = t('cairo.picker.itemsSelected', {\n      total: selectedCount,\n      max: maxSelectedItems,\n    });\n  } else {\n    text = t('cairo.bulkSelected.withMaxNumber', {\n      num: selectedCount,\n      max: maxSelectedItems,\n    });\n  }\n\n  return (\n    <Text dataHook={dataHook} secondary>\n      {text}\n    </Text>\n  );\n}\n\nexport function reachedMaxSelection({\n  collection,\n  multiple,\n}: {\n  multiple?: MultipleSelection;\n  collection: Pick<CollectionState<any, any>, 'bulkSelect'>;\n}) {\n  if (\n    typeof multiple === 'undefined' ||\n    typeof multiple === 'boolean' ||\n    multiple <= 1\n  ) {\n    return false;\n  }\n\n  return collection.bulkSelect.selectedCount >= multiple;\n}\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAA0C,IAAAE,YAAA;AAYnC,SAASC,8BAA8BA,CAC5CC,iBAAqC,EAC5B;EACT,IAAIA,iBAAiB,KAAKC,SAAS,EAAE;IACnC,OAAO,KAAK;EACd;EACA,IAAI,OAAOD,iBAAiB,KAAK,SAAS,EAAE;IAC1C,OAAOA,iBAAiB;EAC1B;EACA,OAAOA,iBAAiB,GAAG,CAAC;AAC9B;AAEA,SAASE,qCAAqCA,CAC5CF,iBAAqC,EAC7B;EACR,IAAI,OAAOA,iBAAiB,KAAK,WAAW,EAAE;IAC5C,OAAO,CAAC;EACV;EAEA,IAAI,OAAOA,iBAAiB,KAAK,SAAS,EAAE;IAC1C,OAAOA,iBAAiB,GAAGG,QAAQ,GAAG,CAAC;EACzC;EAEA,OAAOH,iBAAiB;AAC1B;AAEO,SAASI,qBAAqBA,CAACJ,iBAAqC,EAAE;EAC3E,MAAMK,gBAAgB,GACpBH,qCAAqC,CAACF,iBAAiB,CAAC;EAC1D,OAAO,EAAEK,gBAAgB,KAAK,CAAC,IAAIA,gBAAgB,KAAKF,QAAQ,CAAC;AACnE;AAUO,SAASG,8BAA8BA,CAACC,KAA6B,EAAE;EAC5E,MAAM;IAAEC,aAAa;IAAEC,CAAC;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EAEtD,MAAMF,gBAAgB,GAAGH,qCAAqC,CAACQ,QAAQ,CAAC;EAExE,IAAIE,IAAI;EAER,IAAIL,KAAK,CAACM,WAAW,EAAE;IACrBD,IAAI,GAAGL,KAAK,CAACM,WAAW,CAAC;MACvBC,GAAG,EAAEN,aAAa;MAClBO,GAAG,EAAEV;IACP,CAAC,CAAC;EACJ,CAAC,MAAM,IAAIG,aAAa,KAAK,CAAC,EAAE;IAC9BI,IAAI,GAAGH,CAAC,CAAC,+BAA+B,EAAE;MACxCM,GAAG,EAAEV;IACP,CAAC,CAAC;EACJ,CAAC,MAAM,IAAIA,gBAAgB,GAAGG,aAAa,EAAE;IAC3CI,IAAI,GAAGH,CAAC,CAAC,4BAA4B,EAAE;MACrCO,KAAK,EAAER,aAAa;MACpBO,GAAG,EAAEV;IACP,CAAC,CAAC;EACJ,CAAC,MAAM;IACLO,IAAI,GAAGH,CAAC,CAAC,kCAAkC,EAAE;MAC3CK,GAAG,EAAEN,aAAa;MAClBO,GAAG,EAAEV;IACP,CAAC,CAAC;EACJ;EAEA,oBACEX,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACrB,aAAA,CAAAsB,IAAI;IAACR,QAAQ,EAAEA,QAAS;IAACS,SAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzB,YAAA;MAAA0B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCb,IACG,CAAC;AAEX;AAEO,SAASc,mBAAmBA,CAAC;EAClCC,UAAU;EACVjB;AAIF,CAAC,EAAE;EACD,IACE,OAAOA,QAAQ,KAAK,WAAW,IAC/B,OAAOA,QAAQ,KAAK,SAAS,IAC7BA,QAAQ,IAAI,CAAC,EACb;IACA,OAAO,KAAK;EACd;EAEA,OAAOiB,UAAU,CAACC,UAAU,CAACpB,aAAa,IAAIE,QAAQ;AACxD","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_useBmHarmonyTheme","_jsxFileName","fromMultipleSelectionToBoolean","multipleSelection","undefined","maxSelectedItemsFromMultipleSelection","Infinity","showMaxSelectionLabel","maxSelectedItems","BulkSelectionMaxSelectionLabel","props","selectedCount","t","multiple","dataHook","isHarmonyBmTheme","useBmHarmonyTheme","text","customLabel","num","max","total","default","createElement","Text","size","secondary","__self","__source","fileName","lineNumber","columnNumber","reachedMaxSelection","collection","bulkSelect"],"sources":["../../../src/components/MaxSelection.tsx"],"sourcesContent":["import { CollectionState, Translate } from '@wix/bex-core';\nimport React from 'react';\nimport { Text } from '@wix/design-system';\nimport { useBmHarmonyTheme } from '../hooks/useBmHarmonyTheme';\n\nexport type MultipleSelection = boolean | number;\n\nexport type ReplaceMultiple<T> = Omit<T, 'multiple'> & T extends {\n  multiple?: any;\n}\n  ? { multiple?: MultipleSelection }\n  : {\n      multiple: MultipleSelection;\n    };\n\nexport function fromMultipleSelectionToBoolean(\n  multipleSelection?: MultipleSelection,\n): boolean {\n  if (multipleSelection === undefined) {\n    return false;\n  }\n  if (typeof multipleSelection === 'boolean') {\n    return multipleSelection;\n  }\n  return multipleSelection > 1;\n}\n\nfunction maxSelectedItemsFromMultipleSelection(\n  multipleSelection?: MultipleSelection,\n): number {\n  if (typeof multipleSelection === 'undefined') {\n    return 1;\n  }\n\n  if (typeof multipleSelection === 'boolean') {\n    return multipleSelection ? Infinity : 1;\n  }\n\n  return multipleSelection;\n}\n\nexport function showMaxSelectionLabel(multipleSelection?: MultipleSelection) {\n  const maxSelectedItems =\n    maxSelectedItemsFromMultipleSelection(multipleSelection);\n  return !(maxSelectedItems === 1 || maxSelectedItems === Infinity);\n}\n\nexport type MaxSelectionLabelProps = {\n  dataHook?: string;\n  multiple?: MultipleSelection;\n  t: Translate;\n  customLabel?(_: { num: number; max: number }): string;\n  selectedCount: number;\n};\n\nexport function BulkSelectionMaxSelectionLabel(props: MaxSelectionLabelProps) {\n  const { selectedCount, t, multiple, dataHook } = props;\n  const isHarmonyBmTheme = useBmHarmonyTheme();\n  const maxSelectedItems = maxSelectedItemsFromMultipleSelection(multiple);\n\n  let text;\n\n  if (props.customLabel) {\n    text = props.customLabel({\n      num: selectedCount,\n      max: maxSelectedItems,\n    });\n  } else if (selectedCount === 0) {\n    text = t('cairo.bulkSelected.selectUpTo', {\n      max: maxSelectedItems,\n    });\n  } else if (maxSelectedItems > selectedCount) {\n    text = t('cairo.picker.itemsSelected', {\n      total: selectedCount,\n      max: maxSelectedItems,\n    });\n  } else {\n    text = t('cairo.bulkSelected.withMaxNumber', {\n      num: selectedCount,\n      max: maxSelectedItems,\n    });\n  }\n\n  return (\n    <Text\n      dataHook={dataHook}\n      size={isHarmonyBmTheme ? 'small' : undefined}\n      secondary\n    >\n      {text}\n    </Text>\n  );\n}\n\nexport function reachedMaxSelection({\n  collection,\n  multiple,\n}: {\n  multiple?: MultipleSelection;\n  collection: Pick<CollectionState<any, any>, 'bulkSelect'>;\n}) {\n  if (\n    typeof multiple === 'undefined' ||\n    typeof multiple === 'boolean' ||\n    multiple <= 1\n  ) {\n    return false;\n  }\n\n  return collection.bulkSelect.selectedCount >= multiple;\n}\n"],"mappings":";;;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AAA+D,IAAAG,YAAA;AAYxD,SAASC,8BAA8BA,CAC5CC,iBAAqC,EAC5B;EACT,IAAIA,iBAAiB,KAAKC,SAAS,EAAE;IACnC,OAAO,KAAK;EACd;EACA,IAAI,OAAOD,iBAAiB,KAAK,SAAS,EAAE;IAC1C,OAAOA,iBAAiB;EAC1B;EACA,OAAOA,iBAAiB,GAAG,CAAC;AAC9B;AAEA,SAASE,qCAAqCA,CAC5CF,iBAAqC,EAC7B;EACR,IAAI,OAAOA,iBAAiB,KAAK,WAAW,EAAE;IAC5C,OAAO,CAAC;EACV;EAEA,IAAI,OAAOA,iBAAiB,KAAK,SAAS,EAAE;IAC1C,OAAOA,iBAAiB,GAAGG,QAAQ,GAAG,CAAC;EACzC;EAEA,OAAOH,iBAAiB;AAC1B;AAEO,SAASI,qBAAqBA,CAACJ,iBAAqC,EAAE;EAC3E,MAAMK,gBAAgB,GACpBH,qCAAqC,CAACF,iBAAiB,CAAC;EAC1D,OAAO,EAAEK,gBAAgB,KAAK,CAAC,IAAIA,gBAAgB,KAAKF,QAAQ,CAAC;AACnE;AAUO,SAASG,8BAA8BA,CAACC,KAA6B,EAAE;EAC5E,MAAM;IAAEC,aAAa;IAAEC,CAAC;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EACtD,MAAMK,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC5C,MAAMR,gBAAgB,GAAGH,qCAAqC,CAACQ,QAAQ,CAAC;EAExE,IAAII,IAAI;EAER,IAAIP,KAAK,CAACQ,WAAW,EAAE;IACrBD,IAAI,GAAGP,KAAK,CAACQ,WAAW,CAAC;MACvBC,GAAG,EAAER,aAAa;MAClBS,GAAG,EAAEZ;IACP,CAAC,CAAC;EACJ,CAAC,MAAM,IAAIG,aAAa,KAAK,CAAC,EAAE;IAC9BM,IAAI,GAAGL,CAAC,CAAC,+BAA+B,EAAE;MACxCQ,GAAG,EAAEZ;IACP,CAAC,CAAC;EACJ,CAAC,MAAM,IAAIA,gBAAgB,GAAGG,aAAa,EAAE;IAC3CM,IAAI,GAAGL,CAAC,CAAC,4BAA4B,EAAE;MACrCS,KAAK,EAAEV,aAAa;MACpBS,GAAG,EAAEZ;IACP,CAAC,CAAC;EACJ,CAAC,MAAM;IACLS,IAAI,GAAGL,CAAC,CAAC,kCAAkC,EAAE;MAC3CO,GAAG,EAAER,aAAa;MAClBS,GAAG,EAAEZ;IACP,CAAC,CAAC;EACJ;EAEA,oBACEZ,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACxB,aAAA,CAAAyB,IAAI;IACHV,QAAQ,EAAEA,QAAS;IACnBW,IAAI,EAAEV,gBAAgB,GAAG,OAAO,GAAGX,SAAU;IAC7CsB,SAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5B,YAAA;MAAA6B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAERd,IACG,CAAC;AAEX;AAEO,SAASe,mBAAmBA,CAAC;EAClCC,UAAU;EACVpB;AAIF,CAAC,EAAE;EACD,IACE,OAAOA,QAAQ,KAAK,WAAW,IAC/B,OAAOA,QAAQ,KAAK,SAAS,IAC7BA,QAAQ,IAAI,CAAC,EACb;IACA,OAAO,KAAK;EACd;EAEA,OAAOoB,UAAU,CAACC,UAAU,CAACvB,aAAa,IAAIE,QAAQ;AACxD","ignoreList":[]}

package/dist/cjs/components/MoreActions/ExploreAppsState.js

@@ -8,7 +8,7 @@ var _react = _interopRequireDefault(require("react"));
 var _mobx = require("mobx");
 var _bi = require("@wix/bex-core/bi");
 var _ExploreAppsModal = require("./ExploreAppsModal");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MoreActions/ExploreAppsState.tsx";
 class ExploreAppsState {
   constructor({
@@ -25,7 +25,7 @@ class ExploreAppsState {
     this.moreActionsMenuItem = {
       biName: 'Explore Apps',
       text: translatedText,
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.RelatedApps, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.RelatedApps, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

package/dist/cjs/components/MoreActions/ExploreAppsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobx","_bi","_ExploreAppsModal","_wixUiIconsCommon","_jsxFileName","ExploreAppsState","constructor","modalProps","reportBi","translatedText","_defineProperty2","default","_reportProps","moreActionsMenuItem","biName","text","prefixIcon","createElement","RelatedApps","__self","__source","fileName","lineNumber","columnNumber","onClick","openExploreAppsModal","bind","Modal","ExploreAppsModal","makeObservable","observable","ref","isModalOpen","action","closeExploreAppsModal","onInstallationSuccess","appId","wixPatternsAppWasInstalledSrc144Evid200","exports"],"sources":["../../../../src/components/MoreActions/ExploreAppsState.tsx"],"sourcesContent":["import React from 'react';\nimport { ReportProps } from '@wix/fe-essentials/bi';\nimport { action, makeObservable, observable } from 'mobx';\nimport { wixPatternsAppWasInstalledSrc144Evid200 } from '@wix/bex-core/bi';\nimport { ExploreAppsModal } from './ExploreAppsModal';\nimport { RelatedApps } from '@wix/wix-ui-icons-common';\n\nexport interface ExploreAppsModalProps {\n  title: string;\n  subtitle: string;\n  tag: string;\n}\n\nexport interface ExploreAppsActionItem {\n  biName: string;\n  text: string;\n  prefixIcon: JSX.Element;\n  onClick: () => void;\n  modalProps: ExploreAppsModalProps;\n}\n\ninterface ExploreAppsStateParams {\n  modalProps: ExploreAppsModalProps;\n  reportBi: (reportProps: ReportProps) => void;\n  translatedText: string;\n}\nexport class ExploreAppsState {\n  modalProps: ExploreAppsModalProps;\n  moreActionsMenuItem: ExploreAppsActionItem;\n  isModalOpen = false;\n  reportBi = (_reportProps: ReportProps) => {};\n  Modal: ({ state }: { state: ExploreAppsState }) => JSX.Element | null;\n\n  constructor({\n    modalProps,\n    reportBi,\n    translatedText,\n  }: ExploreAppsStateParams) {\n    this.modalProps = modalProps;\n    this.moreActionsMenuItem = {\n      biName: 'Explore Apps',\n      text: translatedText,\n      prefixIcon: <RelatedApps />,\n      onClick: this.openExploreAppsModal.bind(this),\n      modalProps,\n    };\n    this.reportBi = reportBi;\n    this.Modal = ExploreAppsModal;\n    makeObservable(this, {\n      modalProps: observable.ref,\n      moreActionsMenuItem: observable.ref,\n      isModalOpen: observable,\n      openExploreAppsModal: action,\n      closeExploreAppsModal: action,\n    });\n  }\n\n  openExploreAppsModal() {\n    this.isModalOpen = true;\n  }\n\n  closeExploreAppsModal() {\n    this.isModalOpen = false;\n  }\n\n  onInstallationSuccess({ appId }: { appId: string }) {\n    this.reportBi(wixPatternsAppWasInstalledSrc144Evid200({ appId }));\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAuD,IAAAK,YAAA;AAqBhD,MAAMC,gBAAgB,CAAC;EAO5BC,WAAWA,CAAC;IACVC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBARb,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBACPC,YAAyB,IAAK,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAQ1C,IAAI,CAACJ,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACM,mBAAmB,GAAG;MACzBC,MAAM,EAAE,cAAc;MACtBC,IAAI,EAAEN,cAAc;MACpBO,UAAU,eAAEnB,MAAA,CAAAc,OAAA,CAAAM,aAAA,CAACd,iBAAA,CAAAe,WAAW;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjB,YAAA;UAAAkB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MAC3BC,OAAO,EAAE,IAAI,CAACC,oBAAoB,CAACC,IAAI,CAAC,IAAI,CAAC;MAC7CnB;IACF,CAAC;IACD,IAAI,CAACC,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACmB,KAAK,GAAGC,kCAAgB;IAC7B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,UAAU,EAAEuB,gBAAU,CAACC,GAAG;MAC1BlB,mBAAmB,EAAEiB,gBAAU,CAACC,GAAG;MACnCC,WAAW,EAAEF,gBAAU;MACvBL,oBAAoB,EAAEQ,YAAM;MAC5BC,qBAAqB,EAAED;IACzB,CAAC,CAAC;EACJ;EAEAR,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACO,WAAW,GAAG,IAAI;EACzB;EAEAE,qBAAqBA,CAAA,EAAG;IACtB,IAAI,CAACF,WAAW,GAAG,KAAK;EAC1B;EAEAG,qBAAqBA,CAAC;IAAEC;EAAyB,CAAC,EAAE;IAClD,IAAI,CAAC5B,QAAQ,CAAC,IAAA6B,2CAAuC,EAAC;MAAED;IAAM,CAAC,CAAC,CAAC;EACnE;AACF;AAACE,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobx","_bi","_ExploreAppsModal","_lazy","_jsxFileName","ExploreAppsState","constructor","modalProps","reportBi","translatedText","_defineProperty2","default","_reportProps","moreActionsMenuItem","biName","text","prefixIcon","createElement","RelatedApps","__self","__source","fileName","lineNumber","columnNumber","onClick","openExploreAppsModal","bind","Modal","ExploreAppsModal","makeObservable","observable","ref","isModalOpen","action","closeExploreAppsModal","onInstallationSuccess","appId","wixPatternsAppWasInstalledSrc144Evid200","exports"],"sources":["../../../../src/components/MoreActions/ExploreAppsState.tsx"],"sourcesContent":["import React from 'react';\nimport { ReportProps } from '@wix/fe-essentials/bi';\nimport { action, makeObservable, observable } from 'mobx';\nimport { wixPatternsAppWasInstalledSrc144Evid200 } from '@wix/bex-core/bi';\nimport { ExploreAppsModal } from './ExploreAppsModal';\nimport { RelatedApps } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface ExploreAppsModalProps {\n  title: string;\n  subtitle: string;\n  tag: string;\n}\n\nexport interface ExploreAppsActionItem {\n  biName: string;\n  text: string;\n  prefixIcon: JSX.Element;\n  onClick: () => void;\n  modalProps: ExploreAppsModalProps;\n}\n\ninterface ExploreAppsStateParams {\n  modalProps: ExploreAppsModalProps;\n  reportBi: (reportProps: ReportProps) => void;\n  translatedText: string;\n}\nexport class ExploreAppsState {\n  modalProps: ExploreAppsModalProps;\n  moreActionsMenuItem: ExploreAppsActionItem;\n  isModalOpen = false;\n  reportBi = (_reportProps: ReportProps) => {};\n  Modal: ({ state }: { state: ExploreAppsState }) => JSX.Element | null;\n\n  constructor({\n    modalProps,\n    reportBi,\n    translatedText,\n  }: ExploreAppsStateParams) {\n    this.modalProps = modalProps;\n    this.moreActionsMenuItem = {\n      biName: 'Explore Apps',\n      text: translatedText,\n      prefixIcon: <RelatedApps />,\n      onClick: this.openExploreAppsModal.bind(this),\n      modalProps,\n    };\n    this.reportBi = reportBi;\n    this.Modal = ExploreAppsModal;\n    makeObservable(this, {\n      modalProps: observable.ref,\n      moreActionsMenuItem: observable.ref,\n      isModalOpen: observable,\n      openExploreAppsModal: action,\n      closeExploreAppsModal: action,\n    });\n  }\n\n  openExploreAppsModal() {\n    this.isModalOpen = true;\n  }\n\n  closeExploreAppsModal() {\n    this.isModalOpen = false;\n  }\n\n  onInstallationSuccess({ appId }: { appId: string }) {\n    this.reportBi(wixPatternsAppWasInstalledSrc144Evid200({ appId }));\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAA4D,IAAAK,YAAA;AAqBrD,MAAMC,gBAAgB,CAAC;EAO5BC,WAAWA,CAAC;IACVC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBARb,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBACPC,YAAyB,IAAK,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAQ1C,IAAI,CAACJ,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACM,mBAAmB,GAAG;MACzBC,MAAM,EAAE,cAAc;MACtBC,IAAI,EAAEN,cAAc;MACpBO,UAAU,eAAEnB,MAAA,CAAAc,OAAA,CAAAM,aAAA,CAACd,KAAA,CAAAe,WAAW;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjB,YAAA;UAAAkB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MAC3BC,OAAO,EAAE,IAAI,CAACC,oBAAoB,CAACC,IAAI,CAAC,IAAI,CAAC;MAC7CnB;IACF,CAAC;IACD,IAAI,CAACC,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACmB,KAAK,GAAGC,kCAAgB;IAC7B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,UAAU,EAAEuB,gBAAU,CAACC,GAAG;MAC1BlB,mBAAmB,EAAEiB,gBAAU,CAACC,GAAG;MACnCC,WAAW,EAAEF,gBAAU;MACvBL,oBAAoB,EAAEQ,YAAM;MAC5BC,qBAAqB,EAAED;IACzB,CAAC,CAAC;EACJ;EAEAR,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACO,WAAW,GAAG,IAAI;EACzB;EAEAE,qBAAqBA,CAAA,EAAG;IACtB,IAAI,CAACF,WAAW,GAAG,KAAK;EAC1B;EAEAG,qBAAqBA,CAAC;IAAEC;EAAyB,CAAC,EAAE;IAClD,IAAI,CAAC5B,QAAQ,CAAC,IAAA6B,2CAAuC,EAAC;MAAED;IAAM,CAAC,CAAC,CAAC;EACnE;AACF;AAACE,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/components/MoreActions/MoreActionsIcon.js

@@ -6,22 +6,24 @@ exports.MoreActionsIcon = exports.MoreActions = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(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 _mobxReactLite = require("mobx-react-lite");
 var _MoreActionsBase = require("./MoreActionsBase");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MoreActions/MoreActionsIcon.tsx";
 function _MoreActionsIcon(params) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box
   // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements
   , {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
+      lineNumber: 17,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -30,31 +32,31 @@ function _MoreActionsIcon(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 20,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_MoreActionsBase.MoreActionsBase, (0, _extends2.default)({}, params, {
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
       dataHook: "more-actions-popover-button",
-      priority: "secondary",
+      priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 22,
+        lineNumber: 24,
         columnNumber: 13
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.More, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 26,
+        lineNumber: 28,
         columnNumber: 15
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 21,
       columnNumber: 9
     }
   }))));

package/dist/cjs/components/MoreActions/MoreActionsIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_react2","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","dataHook","MoreActionsBase","_extends2","triggerElement","IconButton","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\n\nexport interface MoreActionsIconProps extends MoreActionsProps {}\n\nfunction _MoreActionsIcon(params: MoreActionsIconProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <Tooltip content={t('cairo.moreActions')} dataHook=\"more-actions-tooltip\">\n        <MoreActionsBase\n          {...params}\n          triggerElement={\n            <IconButton\n              dataHook=\"more-actions-popover-button\"\n              priority=\"secondary\"\n            >\n              <More />\n            </IconButton>\n          }\n        />\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAK9D,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAmB,OAAO;IAACC,OAAO,EAAEX,CAAC,CAAC,mBAAmB,CAAE;IAACY,QAAQ,EAAC,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAmB,eAAe,MAAAC,SAAA,CAAAZ,OAAA,MACVJ,MAAM;IACViB,cAAc,eACZ3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAyB,UAAU;MACTJ,QAAQ,EAAC,6BAA6B;MACtCK,QAAQ,EAAC,WAAW;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEpBrB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAA0B,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACM,CACN,CAAC;AAEV;AAEO,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACxB,gBAAgB,CAAC;AAClD,MAAMyB,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_MoreActionsBase","_react2","_useBmHarmonyTheme","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","dataHook","MoreActionsBase","_extends2","triggerElement","IconButton","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MoreActionsIconProps extends MoreActionsProps {}\n\nfunction _MoreActionsIcon(params: MoreActionsIconProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <Tooltip content={t('cairo.moreActions')} dataHook=\"more-actions-tooltip\">\n        <MoreActionsBase\n          {...params}\n          triggerElement={\n            <IconButton\n              dataHook=\"more-actions-popover-button\"\n              priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n            >\n              <More />\n            </IconButton>\n          }\n        />\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAAkE,IAAAO,YAAA;AAIlE,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAsB,OAAO;IAACC,OAAO,EAAEb,CAAC,CAAC,mBAAmB,CAAE;IAACc,QAAQ,EAAC,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAsB,eAAe,MAAAC,SAAA,CAAAZ,OAAA,MACVN,MAAM;IACVmB,cAAc,eACZ9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA4B,UAAU;MACTJ,QAAQ,EAAC,6BAA6B;MACtCK,QAAQ,EAAEjB,gBAAgB,GAAG,UAAU,GAAG,WAAY;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEtDxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAA6B,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACM,CACN,CAAC;AAEV;AAEO,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC1B,gBAAgB,CAAC;AAClD,MAAM2B,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}

package/dist/cjs/components/MoreActions/MoreActionsText.js

@@ -6,7 +6,7 @@ exports.MoreActionsText = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(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 _mobxReactLite = require("mobx-react-lite");
 var _MoreActionsBase = require("./MoreActionsBase");
 var _react2 = require("@wix/bex-core/react");
@@ -20,7 +20,7 @@ function _MoreActionsText(params) {
       skin: "standard",
       priority: "secondary",
       dataHook: "more-actions-popover-button",
-      suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+      suffixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

package/dist/cjs/components/MoreActions/MoreActionsText.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_react2","_jsxFileName","_MoreActionsText","params","translate","t","useWixPatternsContainer","default","createElement","MoreActionsBase","_extends2","triggerElement","Button","skin","priority","dataHook","suffixIcon","ChevronDown","__self","__source","fileName","lineNumber","columnNumber","MoreActionsText","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsText.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\n\nexport interface MoreActionsTextProps extends MoreActionsProps {}\n\nfunction _MoreActionsText(params: MoreActionsTextProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <MoreActionsBase\n      {...params}\n      triggerElement={\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          dataHook=\"more-actions-popover-button\"\n          suffixIcon={<ChevronDown />}\n        >\n          {t('cairo.moreActions')}\n        </Button>\n      }\n    />\n  );\n}\n\nexport const MoreActionsText = observer(_MoreActionsText);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAK9D,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,eAAe,MAAAC,SAAA,CAAAH,OAAA,MACVJ,MAAM;IACVQ,cAAc,eACZlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAgB,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,QAAQ,EAAC,6BAA6B;MACtCC,UAAU,eAAEvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAoB,WAAW;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnB,YAAA;UAAAoB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3BjB,CAAC,CAAC,mBAAmB,CAChB,CACT;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACvB,gBAAgB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_MoreActionsBase","_react2","_jsxFileName","_MoreActionsText","params","translate","t","useWixPatternsContainer","default","createElement","MoreActionsBase","_extends2","triggerElement","Button","skin","priority","dataHook","suffixIcon","ChevronDown","__self","__source","fileName","lineNumber","columnNumber","MoreActionsText","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsText.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '@wix/design-system';\nimport { ChevronDown } from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\n\nexport interface MoreActionsTextProps extends MoreActionsProps {}\n\nfunction _MoreActionsText(params: MoreActionsTextProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <MoreActionsBase\n      {...params}\n      triggerElement={\n        <Button\n          skin=\"standard\"\n          priority=\"secondary\"\n          dataHook=\"more-actions-popover-button\"\n          suffixIcon={<ChevronDown />}\n        >\n          {t('cairo.moreActions')}\n        </Button>\n      }\n    />\n  );\n}\n\nexport const MoreActionsText = observer(_MoreActionsText);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAK9D,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAU,eAAe,MAAAC,SAAA,CAAAH,OAAA,MACVJ,MAAM;IACVQ,cAAc,eACZlB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAgB,MAAM;MACLC,IAAI,EAAC,UAAU;MACfC,QAAQ,EAAC,WAAW;MACpBC,QAAQ,EAAC,6BAA6B;MACtCC,UAAU,eAAEvB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAoB,WAAW;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAnB,YAAA;UAAAoB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAE3BjB,CAAC,CAAC,mBAAmB,CAChB,CACT;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CAAC;AAEN;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACvB,gBAAgB,CAAC","ignoreList":[]}