@wix/patterns 1.430.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/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_ = "AutoCompleteReadonly3447230868";
+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": "AutoCompleteReadonly3447230868__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_ = \"AutoCompleteReadonly3447230868\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly3447230868__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"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
     }
   }));

package/dist/cjs/components/CollectionViewsDropdown/ManageViewPopover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_wixUiIconsCommon","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ManageViewPopover","props","ref","_views$currentView","_views$currentView2","_views$currentView3","container","useWixPatternsContainer","state","redesign","views","table","emitter","isViewChanged","buttonRef","useRef","useImperativeHandle","focusTrigger","_buttonRef$current","current","focus","translate","triggerElement","createElement","IconButton","tabIndex","size","dataHook","onClick","stopPropagation","preventDefault","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","TextButton","as","suffixIcon","ChevronDown","PopoverMenu","_extends2","minWidth","placement","appendTo","onShow","emit","MenuItem","text","disabled","isCurrentViewSelected","currentView","isPreset","prefixIcon","Confirm","saveViewChanges","reachedViewsLimit","saveViewModal","open","closeSidePanel","Duplicate","renameViewModal","Edit","isDefaultView","setAsDefaultView","Revert","FlagDismiss","Pin","Flag","deleteView","Delete","ManageViewPopover","exports","observer","forwardRef"],"sources":["../../../../src/components/CollectionViewsDropdown/ManageViewPopover.tsx"],"sourcesContent":["import { IconButton, PopoverMenu, TextButton } from '@wix/design-system';\nimport React, { useImperativeHandle, useRef, forwardRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  ChevronDown,\n  MoreSmall,\n  Confirm,\n  Duplicate,\n  Edit,\n  Delete,\n  Flag,\n  FlagDismiss,\n  Pin,\n  Revert,\n} from '@wix/wix-ui-icons-common';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface ManageViewPopoverHandle {\n  focusTrigger: () => void;\n}\n\nexport interface ManageViewPopoverProps<T, F extends FiltersMap> {\n  state: CollectionViewsState<T, F>;\n  origin: string;\n  /** When true, renders as an inline IconButton inside the dropdown */\n  redesign?: boolean;\n}\n\nfunction _ManageViewPopover<T, F extends FiltersMap>(\n  props: ManageViewPopoverProps<T, F>,\n  ref: React.Ref<ManageViewPopoverHandle>,\n) {\n  const container = useWixPatternsContainer();\n  const { state, redesign } = props;\n  const { views, table, emitter, isViewChanged } = state;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    focusTrigger: () => buttonRef.current?.focus(),\n  }));\n\n  const { translate: t } = container;\n\n  const triggerElement = redesign ? (\n    <IconButton\n      ref={buttonRef}\n      tabIndex={0}\n      size=\"tiny\"\n      dataHook=\"manage-view-popover-button\"\n      onClick={(e) => {\n        // Stop propagation so clicking the 3-dots button doesn't select\n        // the dropdown option it sits inside of.\n        e.stopPropagation();\n        // Prevent default so the click doesn't trigger form submission\n        // or other native behavior while inside DropdownLayout.\n        e.preventDefault();\n      }}\n    >\n      <MoreSmall />\n    </IconButton>\n  ) : (\n    <TextButton\n      size=\"small\"\n      as=\"button\"\n      dataHook=\"manage-view-popover-button\"\n      suffixIcon={<ChevronDown />}\n    >\n      {t('cairo.manageView.CTA')}\n    </TextButton>\n  );\n\n  return (\n    <PopoverMenu\n      minWidth={271}\n      {...(redesign && { placement: 'right', appendTo: 'window' })}\n      onShow={() => {\n        emitter.emit('openManageViewPopoverMenu');\n      }}\n      dataHook=\"manage-view-popover\"\n      triggerElement={triggerElement}\n    >\n      <PopoverMenu.MenuItem\n        text={t('cairo.manageView.saveChanges.CTA')}\n        dataHook=\"save-changes-to-view\"\n        disabled={\n          !views.isCurrentViewSelected ||\n          !isViewChanged ||\n          views.currentView?.isPreset\n        }\n        prefixIcon={<Confirm />}\n        onClick={() => {\n          state.saveViewChanges();\n        }}\n      />\n      {!redesign && (\n        <PopoverMenu.MenuItem\n          dataHook=\"save-new-view\"\n          disabled={views.reachedViewsLimit}\n          onClick={() => {\n            views.saveViewModal.open();\n            table.closeSidePanel();\n          }}\n          text={t('cairo.manageView.saveNewView.CTA')}\n          prefixIcon={<Duplicate />}\n        />\n      )}\n      <PopoverMenu.MenuItem\n        dataHook=\"rename-view\"\n        disabled={views.currentView?.isPreset || isViewChanged}\n        onClick={() => {\n          views.renameViewModal.open();\n          table.closeSidePanel();\n        }}\n        text={t('cairo.manageView.Rename.CTA')}\n        prefixIcon={<Edit />}\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"set-as-default-view\"\n        disabled={!views.currentView || (isViewChanged && !views.isDefaultView)}\n        onClick={() => {\n          state.setAsDefaultView();\n        }}\n        text={\n          views.isDefaultView\n            ? t('cairo.manageView.setAsDefault.reset.CTA')\n            : t('cairo.manageView.setAsDefault.CTA')\n        }\n        prefixIcon={\n          views.isDefaultView ? (\n            redesign ? (\n              <Revert />\n            ) : (\n              <FlagDismiss />\n            )\n          ) : redesign ? (\n            <Pin />\n          ) : (\n            <Flag />\n          )\n        }\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"delete-view\"\n        disabled={!views.isCurrentViewSelected || views.currentView?.isPreset}\n        onClick={() => {\n          state.deleteView();\n        }}\n        text={t('cairo.manageView.Delete.CTA')}\n        prefixIcon={<Delete />}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageViewPopover = observer(\n  forwardRef(_ManageViewPopover),\n) as <T, F extends FiltersMap>(\n  props: ManageViewPopoverProps<T, F> & {\n    ref?: React.Ref<ManageViewPopoverHandle>;\n  },\n) => React.ReactElement | null;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_lazy","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ManageViewPopover","props","ref","_views$currentView","_views$currentView2","_views$currentView3","container","useWixPatternsContainer","state","redesign","views","table","emitter","isViewChanged","buttonRef","useRef","useImperativeHandle","focusTrigger","_buttonRef$current","current","focus","translate","triggerElement","createElement","IconButton","tabIndex","size","dataHook","onClick","stopPropagation","preventDefault","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","TextButton","as","suffixIcon","ChevronDown","PopoverMenu","_extends2","minWidth","textSize","placement","appendTo","onShow","emit","MenuItem","text","disabled","isCurrentViewSelected","currentView","isPreset","prefixIcon","Confirm","saveViewChanges","reachedViewsLimit","saveViewModal","open","closeSidePanel","Duplicate","renameViewModal","Edit","isDefaultView","setAsDefaultView","Revert","FlagDismiss","Pin","Flag","deleteView","Delete","ManageViewPopover","exports","observer","forwardRef"],"sources":["../../../../src/components/CollectionViewsDropdown/ManageViewPopover.tsx"],"sourcesContent":["import { IconButton, PopoverMenu, TextButton } from '@wix/design-system';\nimport React, { useImperativeHandle, useRef, forwardRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  ChevronDown,\n  MoreSmall,\n  Confirm,\n  Duplicate,\n  Edit,\n  Delete,\n  Flag,\n  FlagDismiss,\n  Pin,\n  Revert,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface ManageViewPopoverHandle {\n  focusTrigger: () => void;\n}\n\nexport interface ManageViewPopoverProps<T, F extends FiltersMap> {\n  state: CollectionViewsState<T, F>;\n  origin: string;\n  /** When true, renders as an inline IconButton inside the dropdown */\n  redesign?: boolean;\n}\n\nfunction _ManageViewPopover<T, F extends FiltersMap>(\n  props: ManageViewPopoverProps<T, F>,\n  ref: React.Ref<ManageViewPopoverHandle>,\n) {\n  const container = useWixPatternsContainer();\n  const { state, redesign } = props;\n  const { views, table, emitter, isViewChanged } = state;\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  useImperativeHandle(ref, () => ({\n    focusTrigger: () => buttonRef.current?.focus(),\n  }));\n\n  const { translate: t } = container;\n\n  const triggerElement = redesign ? (\n    <IconButton\n      ref={buttonRef}\n      tabIndex={0}\n      size=\"tiny\"\n      dataHook=\"manage-view-popover-button\"\n      onClick={(e) => {\n        // Stop propagation so clicking the 3-dots button doesn't select\n        // the dropdown option it sits inside of.\n        e.stopPropagation();\n        // Prevent default so the click doesn't trigger form submission\n        // or other native behavior while inside DropdownLayout.\n        e.preventDefault();\n      }}\n    >\n      <MoreSmall />\n    </IconButton>\n  ) : (\n    <TextButton\n      size=\"small\"\n      as=\"button\"\n      dataHook=\"manage-view-popover-button\"\n      suffixIcon={<ChevronDown />}\n    >\n      {t('cairo.manageView.CTA')}\n    </TextButton>\n  );\n\n  return (\n    <PopoverMenu\n      minWidth={271}\n      textSize=\"small\"\n      {...(redesign && { placement: 'right', appendTo: 'window' })}\n      onShow={() => {\n        emitter.emit('openManageViewPopoverMenu');\n      }}\n      dataHook=\"manage-view-popover\"\n      triggerElement={triggerElement}\n    >\n      <PopoverMenu.MenuItem\n        text={t('cairo.manageView.saveChanges.CTA')}\n        dataHook=\"save-changes-to-view\"\n        disabled={\n          !views.isCurrentViewSelected ||\n          !isViewChanged ||\n          views.currentView?.isPreset\n        }\n        prefixIcon={<Confirm />}\n        onClick={() => {\n          state.saveViewChanges();\n        }}\n      />\n      {!redesign && (\n        <PopoverMenu.MenuItem\n          dataHook=\"save-new-view\"\n          disabled={views.reachedViewsLimit}\n          onClick={() => {\n            views.saveViewModal.open();\n            table.closeSidePanel();\n          }}\n          text={t('cairo.manageView.saveNewView.CTA')}\n          prefixIcon={<Duplicate />}\n        />\n      )}\n      <PopoverMenu.MenuItem\n        dataHook=\"rename-view\"\n        disabled={views.currentView?.isPreset || isViewChanged}\n        onClick={() => {\n          views.renameViewModal.open();\n          table.closeSidePanel();\n        }}\n        text={t('cairo.manageView.Rename.CTA')}\n        prefixIcon={<Edit />}\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"set-as-default-view\"\n        disabled={!views.currentView || (isViewChanged && !views.isDefaultView)}\n        onClick={() => {\n          state.setAsDefaultView();\n        }}\n        text={\n          views.isDefaultView\n            ? t('cairo.manageView.setAsDefault.reset.CTA')\n            : t('cairo.manageView.setAsDefault.CTA')\n        }\n        prefixIcon={\n          views.isDefaultView ? (\n            redesign ? (\n              <Revert />\n            ) : (\n              <FlagDismiss />\n            )\n          ) : redesign ? (\n            <Pin />\n          ) : (\n            <Flag />\n          )\n        }\n      />\n      <PopoverMenu.MenuItem\n        dataHook=\"delete-view\"\n        disabled={!views.isCurrentViewSelected || views.currentView?.isPreset}\n        onClick={() => {\n          state.deleteView();\n        }}\n        text={t('cairo.manageView.Delete.CTA')}\n        prefixIcon={<Delete />}\n      />\n    </PopoverMenu>\n  );\n}\n\nexport const ManageViewPopover = observer(forwardRef(_ManageViewPopover)) as <\n  T,\n  F extends FiltersMap,\n>(\n  props: ManageViewPopoverProps<T, F> & {\n    ref?: React.Ref<ManageViewPopoverHandle>;\n  },\n) => React.ReactElement | null;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/SaveToNewViewFooter.js

@@ -6,7 +6,7 @@ exports.SaveToNewViewFooter = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/SaveToNewViewFooter.tsx";
 function _SaveToNewViewFooter({
@@ -26,22 +26,15 @@ function _SaveToNewViewFooter({
       lineNumber: 20,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 21,
-      columnNumber: 7
-    }
-  }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
-    size: "medium",
-    weight: "thin",
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
+    size: "small",
+    skin: "primary",
     dataHook: "save-to-new-view",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 26,
+        lineNumber: 25,
         columnNumber: 21
       }
     }),
@@ -54,7 +47,7 @@ function _SaveToNewViewFooter({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 22,
+      lineNumber: 21,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/CollectionViewsDropdown/SaveToNewViewFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_react2","_jsxFileName","_SaveToNewViewFooter","state","translate","t","useWixPatternsContainer","views","viewsState","default","createElement","__self","__source","fileName","lineNumber","columnNumber","Divider","ListItemAction","size","weight","dataHook","prefixIcon","Add","disabled","reachedViewsLimit","onClick","saveViewModal","open","table","closeSidePanel","title","SaveToNewViewFooter","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/SaveToNewViewFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Divider, ListItemAction } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface SaveToNewViewFooterProps<T, F extends FiltersMap> {\n  state: CollectionViewsState<T, F>;\n}\n\nfunction _SaveToNewViewFooter<T, F extends FiltersMap>({\n  state,\n}: SaveToNewViewFooterProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n  const { views: viewsState } = state;\n\n  return (\n    <div data-hook=\"save-to-new-view-footer\">\n      <Divider />\n      <ListItemAction\n        size=\"medium\"\n        weight=\"thin\"\n        dataHook=\"save-to-new-view\"\n        prefixIcon={<Add />}\n        disabled={viewsState.reachedViewsLimit}\n        onClick={() => {\n          viewsState.saveViewModal.open();\n          state.table.closeSidePanel();\n        }}\n        title={t('cairo.manageView.saveNewView.CTA')}\n      />\n    </div>\n  );\n}\n\nexport const SaveToNewViewFooter = observer(_SaveToNewViewFooter);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAM9D,SAASC,oBAAoBA,CAA0B;EACrDC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC,KAAK,EAAEC;EAAW,CAAC,GAAGL,KAAK;EAEnC,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAK,aAAU,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtCrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAkB,OAAO;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACXrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAmB,cAAc;IACbC,IAAI,EAAC,QAAQ;IACbC,MAAM,EAAC,MAAM;IACbC,QAAQ,EAAC,kBAAkB;IAC3BC,UAAU,eAAE3B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAuB,GAAG;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBQ,QAAQ,EAAEf,UAAU,CAACgB,iBAAkB;IACvCC,OAAO,EAAEA,CAAA,KAAM;MACbjB,UAAU,CAACkB,aAAa,CAACC,IAAI,CAAC,CAAC;MAC/BxB,KAAK,CAACyB,KAAK,CAACC,cAAc,CAAC,CAAC;IAC9B,CAAE;IACFC,KAAK,EAAEzB,CAAC,CAAC,kCAAkC,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9C,CACE,CAAC;AAEV;AAEO,MAAMgB,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC/B,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_lazy","_react2","_jsxFileName","_SaveToNewViewFooter","state","translate","t","useWixPatternsContainer","views","viewsState","default","createElement","__self","__source","fileName","lineNumber","columnNumber","ListItemAction","size","skin","dataHook","prefixIcon","Add","disabled","reachedViewsLimit","onClick","saveViewModal","open","table","closeSidePanel","title","SaveToNewViewFooter","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/SaveToNewViewFooter.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { ListItemAction } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface SaveToNewViewFooterProps<T, F extends FiltersMap> {\n  state: CollectionViewsState<T, F>;\n}\n\nfunction _SaveToNewViewFooter<T, F extends FiltersMap>({\n  state,\n}: SaveToNewViewFooterProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n  const { views: viewsState } = state;\n\n  return (\n    <div data-hook=\"save-to-new-view-footer\">\n      <ListItemAction\n        size=\"small\"\n        skin=\"primary\"\n        dataHook=\"save-to-new-view\"\n        prefixIcon={<Add />}\n        disabled={viewsState.reachedViewsLimit}\n        onClick={() => {\n          viewsState.saveViewModal.open();\n          state.table.closeSidePanel();\n        }}\n        title={t('cairo.manageView.saveNewView.CTA')}\n      />\n    </div>\n  );\n}\n\nexport const SaveToNewViewFooter = observer(_SaveToNewViewFooter);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAM9D,SAASC,oBAAoBA,CAA0B;EACrDC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC,KAAK,EAAEC;EAAW,CAAC,GAAGL,KAAK;EAEnC,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA;IAAK,aAAU,yBAAyB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtCrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAkB,cAAc;IACbC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,SAAS;IACdC,QAAQ,EAAC,kBAAkB;IAC3BC,UAAU,eAAE1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,KAAA,CAAAsB,GAAG;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAZ,YAAA;QAAAa,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBO,QAAQ,EAAEd,UAAU,CAACe,iBAAkB;IACvCC,OAAO,EAAEA,CAAA,KAAM;MACbhB,UAAU,CAACiB,aAAa,CAACC,IAAI,CAAC,CAAC;MAC/BvB,KAAK,CAACwB,KAAK,CAACC,cAAc,CAAC,CAAC;IAC9B,CAAE;IACFC,KAAK,EAAExB,CAAC,CAAC,kCAAkC,CAAE;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAZ,YAAA;MAAAa,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9C,CACE,CAAC;AAEV;AAEO,MAAMe,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,oBAAoB,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.js

@@ -57,6 +57,7 @@ function _ViewsDropdown({
       const option = (0, _viewsDropdownRenderHelpers.buildViewOption)({
         view,
         viewsState,
+        isBmHarmonyTheme,
         suffix: isRedesign && isSelected ? /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
           ref: manageViewRef,
           origin: "MainToolbar",
@@ -65,7 +66,7 @@ function _ViewsDropdown({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 70,
+            lineNumber: 71,
             columnNumber: 13
           }
         }) : undefined
@@ -79,7 +80,7 @@ function _ViewsDropdown({
       category,
       viewsState
     })] : []), ...category.views.map(buildOption)])];
-  }, [filteredCategoriesWithViews, container.initTask.status, currentView == null ? void 0 : currentView.id, isRedesign]);
+  }, [filteredCategoriesWithViews, container.initTask.status, currentView == null ? void 0 : currentView.id, isRedesign, isBmHarmonyTheme]);
   const {
     options,
     fixedFooter
@@ -94,7 +95,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 102,
+        lineNumber: 104,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -102,7 +103,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 111,
         columnNumber: 13
       }
     }))
@@ -113,7 +114,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 116,
+        lineNumber: 118,
         columnNumber: 11
       }
     }) : undefined
@@ -129,7 +130,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 132,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -138,7 +139,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 133,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_AutoCompleteReadonly.AutoCompleteReadonly, (0, _extends2.default)({
@@ -147,7 +148,7 @@ function _ViewsDropdown({
     value: localSearchState.inputValue,
     onChange: e => localSearchState.setInputValueAndScheduleSearch(e.target.value),
     clearInput: () => localSearchState.clearSearch(),
-    dropdownWidth: isRedesign ? '264px' : dropdownWidth,
+    dropdownWidth: dropdownWidth,
     popoverProps: {
       placement: 'bottom-start'
     }
@@ -180,7 +181,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 168,
+        lineNumber: 170,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_ViewsDropdownPrefix.ViewsDropdownPrefix, {
@@ -188,7 +189,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173,
+        lineNumber: 175,
         columnNumber: 15
       }
     })),
@@ -202,7 +203,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 178,
+        lineNumber: 180,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -210,14 +211,14 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 185,
+        lineNumber: 187,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 186,
+        lineNumber: 188,
         columnNumber: 19
       }
     }, "(", state.table.collection.result.total, ")"))) : undefined,
@@ -243,7 +244,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 134,
       columnNumber: 9
     }
   }))), !isRedesign && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -252,7 +253,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 214,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
@@ -261,7 +262,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
+      lineNumber: 215,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ViewsDropdownModals.ViewsDropdownModals, {
@@ -269,7 +270,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 217,
+      lineNumber: 219,
       columnNumber: 7
     }
   }));