@wix/patterns 1.427.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_react2","_layoutConfig","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarOverflowMenu","primaryItems","secondaryItems","layoutSwitchConfig","shown","setShown","useState","activeView","setActiveView","triggerRef","useRef","focusTargetRef","translate","useWixPatternsContainer","shouldFocusTriggerOnCloseRef","close","useCallback","closeAndFocusTrigger","current","useEffect","setTimeout","_triggerRef$current","focus","hasItems","length","createElement","Popover","dataHook","placement","showArrow","flip","appendTo","onClickOutside","onEscPress","onTabOut","zIndex","__self","__source","fileName","lineNumber","columnNumber","Element","IconButton","ref","size","skin","onClick","prev","MoreSmall","Content","Box","direction","minWidth","paddingTop","paddingBottom","MainView","onItemClick","onLayoutSwitchClick","focusTarget","LayoutSwitchView","config","onBack","onSelect","firstItemRef","layoutSwitchRef","target","_firstItemRef$current","_layoutSwitchRef$curr","isFirstItemPrimary","Fragment","gap","padding","map","item","index","key","flex","Thumbnail","undefined","image","icon","title","Text","weight","text","width","ListItemAction","prefixIcon","DataCollection","viewTypeState","reportLayoutSwitch","activeOptionRef","_activeOptionRef$curr","TextButton","ChevronLeft","layoutOptions","option","isActive","viewType","layoutConfig","translationKey","highlighted","reportLayoutOptionClicked","changeViewType"],"sources":["../../../../src/components/CollectionToolbar/ToolbarOverflowMenu.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Box,\n  IconButton,\n  ListItemAction,\n  Popover,\n  Text,\n  TextButton,\n  Thumbnail,\n} from '@wix/design-system';\nimport {\n  ChevronLeft,\n  DataCollection,\n  MoreSmall,\n} from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewTypeState } from '../../state/ViewTypeState';\nimport {\n  layoutOptions,\n  layoutConfig,\n} from '../TableGridSwitchButton/layoutConfig';\n\ntype Translate = ReturnType<typeof useWixPatternsContainer>['translate'];\ntype Focusable = { focus: () => void };\n\nexport interface ToolbarOverflowPrimaryItem {\n  text: string;\n  icon: ReactElement;\n  onClick: () => void;\n  dataHook?: string;\n}\n\nexport interface ToolbarOverflowSecondaryItem {\n  text: string;\n  prefixIcon: ReactElement;\n  onClick: () => void;\n  dataHook?: string;\n}\n\nexport interface ToolbarOverflowLayoutSwitchConfig {\n  viewTypeState: ViewTypeState;\n}\n\ntype ActiveView = 'main' | 'layout';\n\nexport interface ToolbarOverflowMenuProps {\n  primaryItems: ToolbarOverflowPrimaryItem[];\n  secondaryItems: ToolbarOverflowSecondaryItem[];\n  layoutSwitchConfig?: ToolbarOverflowLayoutSwitchConfig;\n}\n\nexport function ToolbarOverflowMenu({\n  primaryItems,\n  secondaryItems,\n  layoutSwitchConfig,\n}: ToolbarOverflowMenuProps) {\n  const [shown, setShown] = useState(false);\n  const [activeView, setActiveView] = useState<ActiveView>('main');\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const focusTargetRef = useRef<'first' | 'layoutSwitch' | null>(null);\n  const { translate: t } = useWixPatternsContainer();\n\n  const shouldFocusTriggerOnCloseRef = useRef(false);\n\n  const close = useCallback(() => {\n    setShown(false);\n    setActiveView('main');\n  }, []);\n\n  const closeAndFocusTrigger = useCallback(() => {\n    shouldFocusTriggerOnCloseRef.current = true;\n    close();\n  }, [close]);\n\n  useEffect(() => {\n    if (!shown && shouldFocusTriggerOnCloseRef.current) {\n      shouldFocusTriggerOnCloseRef.current = false;\n      setTimeout(() => {\n        triggerRef.current?.focus();\n      });\n    }\n  }, [shown]);\n\n  const hasItems =\n    primaryItems.length > 0 ||\n    secondaryItems.length > 0 ||\n    !!layoutSwitchConfig;\n\n  if (!hasItems) {\n    return null;\n  }\n\n  return (\n    <Popover\n      dataHook=\"toolbar-overflow-menu\"\n      shown={shown}\n      placement=\"bottom\"\n      showArrow\n      flip\n      appendTo=\"parent\"\n      onClickOutside={closeAndFocusTrigger}\n      onEscPress={closeAndFocusTrigger}\n      onTabOut={close}\n      zIndex={1101}\n    >\n      <Popover.Element>\n        <IconButton\n          ref={triggerRef}\n          size=\"small\"\n          skin=\"inverted\"\n          dataHook=\"toolbar-overflow-menu-trigger\"\n          aria-label={t('cairo.moreActions')}\n          onClick={() => {\n            setShown((prev) => {\n              if (!prev) {\n                focusTargetRef.current = 'first';\n              }\n              return !prev;\n            });\n          }}\n        >\n          <MoreSmall />\n        </IconButton>\n      </Popover.Element>\n      <Popover.Content>\n        <Box\n          dataHook=\"toolbar-overflow-menu-content\"\n          direction=\"vertical\"\n          minWidth={activeView === 'main' ? '300px' : '184px'}\n          paddingTop=\"SP1\"\n          paddingBottom=\"SP1\"\n        >\n          {activeView === 'main' ? (\n            <MainView\n              primaryItems={primaryItems}\n              secondaryItems={secondaryItems}\n              layoutSwitchConfig={layoutSwitchConfig}\n              onItemClick={closeAndFocusTrigger}\n              onLayoutSwitchClick={() => setActiveView('layout')}\n              focusTarget={focusTargetRef}\n              t={t}\n            />\n          ) : (\n            <LayoutSwitchView\n              config={layoutSwitchConfig!}\n              onBack={() => {\n                focusTargetRef.current = 'layoutSwitch';\n                setActiveView('main');\n              }}\n              onSelect={closeAndFocusTrigger}\n              t={t}\n            />\n          )}\n        </Box>\n      </Popover.Content>\n    </Popover>\n  );\n}\n\nfunction MainView({\n  primaryItems,\n  secondaryItems,\n  layoutSwitchConfig,\n  onItemClick,\n  onLayoutSwitchClick,\n  focusTarget,\n  t,\n}: {\n  primaryItems: ToolbarOverflowPrimaryItem[];\n  secondaryItems: ToolbarOverflowSecondaryItem[];\n  layoutSwitchConfig?: ToolbarOverflowLayoutSwitchConfig;\n  onItemClick: () => void;\n  onLayoutSwitchClick: () => void;\n  focusTarget: React.MutableRefObject<'first' | 'layoutSwitch' | null>;\n  t: Translate;\n}) {\n  const firstItemRef = useRef<Focusable | null>(null);\n  const layoutSwitchRef = useRef<Focusable | null>(null);\n\n  useEffect(() => {\n    const target = focusTarget.current;\n    focusTarget.current = null;\n\n    if (target === 'first') {\n      firstItemRef.current?.focus();\n    } else if (target === 'layoutSwitch') {\n      layoutSwitchRef.current?.focus();\n    }\n  });\n\n  const isFirstItemPrimary = primaryItems.length > 0;\n\n  return (\n    <>\n      {primaryItems.length > 0 && (\n        <Box direction=\"horizontal\" gap=\"SP2\" padding=\"SP2\">\n          {primaryItems.map((item, index) => (\n            <Box key={index} flex={1} minWidth={0}>\n              <Thumbnail\n                ref={index === 0 ? (firstItemRef as any) : undefined}\n                size=\"tiny\"\n                skin=\"secondary\"\n                image={item.icon}\n                onClick={() => {\n                  item.onClick();\n                  onItemClick();\n                }}\n                dataHook={item.dataHook}\n                title={\n                  <Text size=\"medium\" weight=\"thin\">\n                    {item.text}\n                  </Text>\n                }\n                width=\"100%\"\n              />\n            </Box>\n          ))}\n        </Box>\n      )}\n      {layoutSwitchConfig && (\n        <ListItemAction\n          ref={\n            !isFirstItemPrimary\n              ? (r) => {\n                  layoutSwitchRef.current = r;\n                  if (!firstItemRef.current) {\n                    firstItemRef.current = r;\n                  }\n                }\n              : layoutSwitchRef\n          }\n          size=\"medium\"\n          dataHook=\"overflow-layout-switch\"\n          prefixIcon={<DataCollection />}\n          title={t('cairo.table.layout.switchLayout')}\n          onClick={() => {\n            layoutSwitchConfig.viewTypeState.reportLayoutSwitch();\n            onLayoutSwitchClick();\n          }}\n        />\n      )}\n      {secondaryItems.map((item, index) => (\n        <ListItemAction\n          key={index}\n          ref={\n            !isFirstItemPrimary && !layoutSwitchConfig && index === 0\n              ? firstItemRef\n              : undefined\n          }\n          size=\"medium\"\n          title={item.text}\n          onClick={() => {\n            item.onClick();\n            onItemClick();\n          }}\n          prefixIcon={item.prefixIcon}\n          dataHook={item.dataHook}\n        />\n      ))}\n    </>\n  );\n}\n\nfunction LayoutSwitchView({\n  config,\n  onBack,\n  onSelect,\n  t,\n}: {\n  config: ToolbarOverflowLayoutSwitchConfig;\n  onBack: () => void;\n  onSelect: () => void;\n  t: Translate;\n}) {\n  const { viewTypeState } = config;\n  const activeOptionRef = useRef<Focusable>(null);\n\n  useEffect(() => {\n    activeOptionRef.current?.focus();\n  }, []);\n\n  return (\n    <>\n      <Box padding=\"SP1 SP3\">\n        <TextButton\n          size=\"small\"\n          dataHook=\"overflow-layout-switch-back\"\n          prefixIcon={<ChevronLeft />}\n          onClick={onBack}\n        >\n          {t('cairo.import.back')}\n        </TextButton>\n      </Box>\n      {layoutOptions.map((option, index) => {\n        const isActive = viewTypeState.viewType === option;\n        return (\n          <ListItemAction\n            key={option}\n            ref={isActive ? activeOptionRef : undefined}\n            size=\"medium\"\n            dataHook={`overflow-layout-option-${option}`}\n            prefixIcon={layoutConfig[option].icon as ReactElement}\n            title={t(layoutConfig[option].translationKey)}\n            highlighted={isActive ? true : undefined}\n            onClick={() => {\n              viewTypeState.reportLayoutOptionClicked(option, index);\n              if (!isActive) {\n                viewTypeState.changeViewType(option);\n              }\n              onSelect();\n            }}\n          />\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_react2","_layoutConfig","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ToolbarOverflowMenu","primaryItems","secondaryItems","layoutSwitchConfig","shown","setShown","useState","activeView","setActiveView","triggerRef","useRef","focusTargetRef","translate","useWixPatternsContainer","shouldFocusTriggerOnCloseRef","close","useCallback","closeAndFocusTrigger","current","useEffect","setTimeout","_triggerRef$current","focus","hasItems","length","createElement","Popover","dataHook","placement","showArrow","flip","appendTo","onClickOutside","onEscPress","onTabOut","zIndex","__self","__source","fileName","lineNumber","columnNumber","Element","IconButton","ref","size","skin","onClick","prev","MoreSmall","Content","Box","direction","minWidth","paddingTop","paddingBottom","MainView","onItemClick","onLayoutSwitchClick","focusTarget","LayoutSwitchView","config","onBack","onSelect","firstItemRef","layoutSwitchRef","target","_firstItemRef$current","_layoutSwitchRef$curr","isFirstItemPrimary","Fragment","gap","padding","map","item","index","key","flex","Thumbnail","undefined","image","icon","title","Text","weight","text","width","ListItemAction","prefixIcon","DataCollection","viewTypeState","reportLayoutSwitch","activeOptionRef","_activeOptionRef$curr","TextButton","ChevronLeft","layoutOptions","option","isActive","viewType","layoutConfig","translationKey","highlighted","reportLayoutOptionClicked","changeViewType"],"sources":["../../../../src/components/CollectionToolbar/ToolbarOverflowMenu.tsx"],"sourcesContent":["import React, {\n  ReactElement,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Box,\n  IconButton,\n  ListItemAction,\n  Popover,\n  Text,\n  TextButton,\n  Thumbnail,\n} from '@wix/design-system';\nimport {\n  ChevronLeft,\n  DataCollection,\n  MoreSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewTypeState } from '../../state/ViewTypeState';\nimport {\n  layoutOptions,\n  layoutConfig,\n} from '../TableGridSwitchButton/layoutConfig';\n\ntype Translate = ReturnType<typeof useWixPatternsContainer>['translate'];\ntype Focusable = { focus: () => void };\n\nexport interface ToolbarOverflowPrimaryItem {\n  text: string;\n  icon: ReactElement;\n  onClick: () => void;\n  dataHook?: string;\n}\n\nexport interface ToolbarOverflowSecondaryItem {\n  text: string;\n  prefixIcon: ReactElement;\n  onClick: () => void;\n  dataHook?: string;\n}\n\nexport interface ToolbarOverflowLayoutSwitchConfig {\n  viewTypeState: ViewTypeState;\n}\n\ntype ActiveView = 'main' | 'layout';\n\nexport interface ToolbarOverflowMenuProps {\n  primaryItems: ToolbarOverflowPrimaryItem[];\n  secondaryItems: ToolbarOverflowSecondaryItem[];\n  layoutSwitchConfig?: ToolbarOverflowLayoutSwitchConfig;\n}\n\nexport function ToolbarOverflowMenu({\n  primaryItems,\n  secondaryItems,\n  layoutSwitchConfig,\n}: ToolbarOverflowMenuProps) {\n  const [shown, setShown] = useState(false);\n  const [activeView, setActiveView] = useState<ActiveView>('main');\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const focusTargetRef = useRef<'first' | 'layoutSwitch' | null>(null);\n  const { translate: t } = useWixPatternsContainer();\n\n  const shouldFocusTriggerOnCloseRef = useRef(false);\n\n  const close = useCallback(() => {\n    setShown(false);\n    setActiveView('main');\n  }, []);\n\n  const closeAndFocusTrigger = useCallback(() => {\n    shouldFocusTriggerOnCloseRef.current = true;\n    close();\n  }, [close]);\n\n  useEffect(() => {\n    if (!shown && shouldFocusTriggerOnCloseRef.current) {\n      shouldFocusTriggerOnCloseRef.current = false;\n      setTimeout(() => {\n        triggerRef.current?.focus();\n      });\n    }\n  }, [shown]);\n\n  const hasItems =\n    primaryItems.length > 0 ||\n    secondaryItems.length > 0 ||\n    !!layoutSwitchConfig;\n\n  if (!hasItems) {\n    return null;\n  }\n\n  return (\n    <Popover\n      dataHook=\"toolbar-overflow-menu\"\n      shown={shown}\n      placement=\"bottom\"\n      showArrow\n      flip\n      appendTo=\"parent\"\n      onClickOutside={closeAndFocusTrigger}\n      onEscPress={closeAndFocusTrigger}\n      onTabOut={close}\n      zIndex={1101}\n    >\n      <Popover.Element>\n        <IconButton\n          ref={triggerRef}\n          size=\"small\"\n          skin=\"inverted\"\n          dataHook=\"toolbar-overflow-menu-trigger\"\n          aria-label={t('cairo.moreActions')}\n          onClick={() => {\n            setShown((prev) => {\n              if (!prev) {\n                focusTargetRef.current = 'first';\n              }\n              return !prev;\n            });\n          }}\n        >\n          <MoreSmall />\n        </IconButton>\n      </Popover.Element>\n      <Popover.Content>\n        <Box\n          dataHook=\"toolbar-overflow-menu-content\"\n          direction=\"vertical\"\n          minWidth={activeView === 'main' ? '300px' : '184px'}\n          paddingTop=\"SP1\"\n          paddingBottom=\"SP1\"\n        >\n          {activeView === 'main' ? (\n            <MainView\n              primaryItems={primaryItems}\n              secondaryItems={secondaryItems}\n              layoutSwitchConfig={layoutSwitchConfig}\n              onItemClick={closeAndFocusTrigger}\n              onLayoutSwitchClick={() => setActiveView('layout')}\n              focusTarget={focusTargetRef}\n              t={t}\n            />\n          ) : (\n            <LayoutSwitchView\n              config={layoutSwitchConfig!}\n              onBack={() => {\n                focusTargetRef.current = 'layoutSwitch';\n                setActiveView('main');\n              }}\n              onSelect={closeAndFocusTrigger}\n              t={t}\n            />\n          )}\n        </Box>\n      </Popover.Content>\n    </Popover>\n  );\n}\n\nfunction MainView({\n  primaryItems,\n  secondaryItems,\n  layoutSwitchConfig,\n  onItemClick,\n  onLayoutSwitchClick,\n  focusTarget,\n  t,\n}: {\n  primaryItems: ToolbarOverflowPrimaryItem[];\n  secondaryItems: ToolbarOverflowSecondaryItem[];\n  layoutSwitchConfig?: ToolbarOverflowLayoutSwitchConfig;\n  onItemClick: () => void;\n  onLayoutSwitchClick: () => void;\n  focusTarget: React.MutableRefObject<'first' | 'layoutSwitch' | null>;\n  t: Translate;\n}) {\n  const firstItemRef = useRef<Focusable | null>(null);\n  const layoutSwitchRef = useRef<Focusable | null>(null);\n\n  useEffect(() => {\n    const target = focusTarget.current;\n    focusTarget.current = null;\n\n    if (target === 'first') {\n      firstItemRef.current?.focus();\n    } else if (target === 'layoutSwitch') {\n      layoutSwitchRef.current?.focus();\n    }\n  });\n\n  const isFirstItemPrimary = primaryItems.length > 0;\n\n  return (\n    <>\n      {primaryItems.length > 0 && (\n        <Box direction=\"horizontal\" gap=\"SP2\" padding=\"SP2\">\n          {primaryItems.map((item, index) => (\n            <Box key={index} flex={1} minWidth={0}>\n              <Thumbnail\n                ref={index === 0 ? (firstItemRef as any) : undefined}\n                size=\"tiny\"\n                skin=\"secondary\"\n                image={item.icon}\n                onClick={() => {\n                  item.onClick();\n                  onItemClick();\n                }}\n                dataHook={item.dataHook}\n                title={\n                  <Text size=\"medium\" weight=\"thin\">\n                    {item.text}\n                  </Text>\n                }\n                width=\"100%\"\n              />\n            </Box>\n          ))}\n        </Box>\n      )}\n      {layoutSwitchConfig && (\n        <ListItemAction\n          ref={\n            !isFirstItemPrimary\n              ? (r) => {\n                  layoutSwitchRef.current = r;\n                  if (!firstItemRef.current) {\n                    firstItemRef.current = r;\n                  }\n                }\n              : layoutSwitchRef\n          }\n          size=\"medium\"\n          dataHook=\"overflow-layout-switch\"\n          prefixIcon={<DataCollection />}\n          title={t('cairo.table.layout.switchLayout')}\n          onClick={() => {\n            layoutSwitchConfig.viewTypeState.reportLayoutSwitch();\n            onLayoutSwitchClick();\n          }}\n        />\n      )}\n      {secondaryItems.map((item, index) => (\n        <ListItemAction\n          key={index}\n          ref={\n            !isFirstItemPrimary && !layoutSwitchConfig && index === 0\n              ? firstItemRef\n              : undefined\n          }\n          size=\"medium\"\n          title={item.text}\n          onClick={() => {\n            item.onClick();\n            onItemClick();\n          }}\n          prefixIcon={item.prefixIcon}\n          dataHook={item.dataHook}\n        />\n      ))}\n    </>\n  );\n}\n\nfunction LayoutSwitchView({\n  config,\n  onBack,\n  onSelect,\n  t,\n}: {\n  config: ToolbarOverflowLayoutSwitchConfig;\n  onBack: () => void;\n  onSelect: () => void;\n  t: Translate;\n}) {\n  const { viewTypeState } = config;\n  const activeOptionRef = useRef<Focusable>(null);\n\n  useEffect(() => {\n    activeOptionRef.current?.focus();\n  }, []);\n\n  return (\n    <>\n      <Box padding=\"SP1 SP3\">\n        <TextButton\n          size=\"small\"\n          dataHook=\"overflow-layout-switch-back\"\n          prefixIcon={<ChevronLeft />}\n          onClick={onBack}\n        >\n          {t('cairo.import.back')}\n        </TextButton>\n      </Box>\n      {layoutOptions.map((option, index) => {\n        const isActive = viewTypeState.viewType === option;\n        return (\n          <ListItemAction\n            key={option}\n            ref={isActive ? activeOptionRef : undefined}\n            size=\"medium\"\n            dataHook={`overflow-layout-option-${option}`}\n            prefixIcon={layoutConfig[option].icon as ReactElement}\n            title={t(layoutConfig[option].translationKey)}\n            highlighted={isActive ? true : undefined}\n            onClick={() => {\n              viewTypeState.reportLayoutOptionClicked(option, index);\n              if (!isActive) {\n                viewTypeState.changeViewType(option);\n              }\n              onSelect();\n            }}\n          />\n        );\n      })}\n    </>\n  );\n}\n"],"mappings":"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","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_ = "AutoCompleteReadonly879662225";
 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": "AutoCompleteReadonly879662225__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_ = \"AutoCompleteReadonly879662225\";\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\":\"AutoCompleteReadonly879662225__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,+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;AAAqC,CAAC;AAC5D,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/ManageViewPopover.js

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
-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 _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/ManageViewPopover.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); }
@@ -53,7 +53,7 @@ function _ManageViewPopover(props, ref) {
       lineNumber: 47,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -64,7 +64,7 @@ function _ManageViewPopover(props, ref) {
     size: "small",
     as: "button",
     dataHook: "manage-view-popover-button",
-    suffixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronDown, {
+    suffixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ChevronDown, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -80,7 +80,8 @@ function _ManageViewPopover(props, ref) {
     }
   }, t('cairo.manageView.CTA'));
   return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({
-    minWidth: 271
+    minWidth: 271,
+    textSize: "small"
   }, redesign && {
     placement: 'right',
     appendTo: 'window'
@@ -100,11 +101,11 @@ function _ManageViewPopover(props, ref) {
     text: t('cairo.manageView.saveChanges.CTA'),
     dataHook: "save-changes-to-view",
     disabled: !views.isCurrentViewSelected || !isViewChanged || ((_views$currentView = views.currentView) == null ? void 0 : _views$currentView.isPreset),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Confirm, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Confirm, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 93,
         columnNumber: 21
       }
     }),
@@ -114,7 +115,7 @@ function _ManageViewPopover(props, ref) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 85,
       columnNumber: 7
     }
   }), !redesign && /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -125,18 +126,18 @@ function _ManageViewPopover(props, ref) {
       table.closeSidePanel();
     },
     text: t('cairo.manageView.saveNewView.CTA'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Duplicate, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Duplicate, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 107,
         columnNumber: 23
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 98,
+      lineNumber: 99,
       columnNumber: 9
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -147,18 +148,18 @@ function _ManageViewPopover(props, ref) {
       table.closeSidePanel();
     },
     text: t('cairo.manageView.Rename.CTA'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Edit, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Edit, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 117,
+        lineNumber: 118,
         columnNumber: 21
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 110,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -168,39 +169,39 @@ function _ManageViewPopover(props, ref) {
       state.setAsDefaultView();
     },
     text: views.isDefaultView ? t('cairo.manageView.setAsDefault.reset.CTA') : t('cairo.manageView.setAsDefault.CTA'),
-    prefixIcon: views.isDefaultView ? redesign ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
+    prefixIcon: views.isDefaultView ? redesign ? /*#__PURE__*/_react.default.createElement(_lazy.Revert, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 134,
         columnNumber: 15
       }
-    }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.FlagDismiss, {
+    }) : /*#__PURE__*/_react.default.createElement(_lazy.FlagDismiss, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 135,
+        lineNumber: 136,
         columnNumber: 15
       }
-    }) : redesign ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Pin, {
+    }) : redesign ? /*#__PURE__*/_react.default.createElement(_lazy.Pin, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 138,
+        lineNumber: 139,
         columnNumber: 13
       }
-    }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Flag, {
+    }) : /*#__PURE__*/_react.default.createElement(_lazy.Flag, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 141,
         columnNumber: 13
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 120,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
@@ -210,18 +211,18 @@ function _ManageViewPopover(props, ref) {
       state.deleteView();
     },
     text: t('cairo.manageView.Delete.CTA'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 151,
+        lineNumber: 152,
         columnNumber: 21
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 145,
       columnNumber: 7
     }
   }));