@wix/patterns 1.477.0 → 1.479.0

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

@@ -1,12 +1,15 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.ToolbarOverflowMenu = ToolbarOverflowMenu;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
 var _react2 = require("@wix/bex-core/react");
 var _layoutConfig = require("../TableGridSwitchButton/layoutConfig");
+var _DisabledTooltip = require("../DisabledTooltip");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/ToolbarOverflowMenu.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function ToolbarOverflowMenu({
@@ -57,14 +60,14 @@ function ToolbarOverflowMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 105,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 117,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -84,21 +87,21 @@ function ToolbarOverflowMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 118,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 133,
       columnNumber: 11
     }
   }))), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 136,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -110,7 +113,7 @@ function ToolbarOverflowMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 137,
       columnNumber: 9
     }
   }, activeView === 'main' ? /*#__PURE__*/_react.default.createElement(MainView, {
@@ -124,7 +127,7 @@ function ToolbarOverflowMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 140,
+      lineNumber: 145,
       columnNumber: 13
     }
   }) : /*#__PURE__*/_react.default.createElement(LayoutSwitchView, {
@@ -138,7 +141,7 @@ function ToolbarOverflowMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 155,
       columnNumber: 13
     }
   }))));
@@ -154,6 +157,8 @@ function MainView({
 }) {
   const firstItemRef = (0, _react.useRef)(null);
   const layoutSwitchRef = (0, _react.useRef)(null);
+  const [descriptionIdPrefix] = (0, _react.useState)(() => (0, _uniqueId.default)('toolbar-overflow-disabled-description-'));
+  const disabledDescriptionId = (item, index) => item.disabled && item.disabledDescription ? `${descriptionIdPrefix}${index}` : undefined;
   (0, _react.useEffect)(() => {
     const target = focusTarget.current;
     focusTarget.current = null;
@@ -173,7 +178,7 @@ function MainView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 217,
       columnNumber: 9
     }
   }, primaryItems.map((item, index) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -183,7 +188,7 @@ function MainView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 204,
+      lineNumber: 219,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Thumbnail, {
@@ -202,7 +207,7 @@ function MainView({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 216,
+        lineNumber: 231,
         columnNumber: 19
       }
     }, item.text),
@@ -210,7 +215,7 @@ function MainView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205,
+      lineNumber: 220,
       columnNumber: 15
     }
   })))), layoutSwitchConfig && /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -226,7 +231,7 @@ function MainView({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 240,
+        lineNumber: 255,
         columnNumber: 23
       }
     }),
@@ -238,11 +243,30 @@ function MainView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 227,
+      lineNumber: 242,
       columnNumber: 9
     }
-  }), secondaryItems.map((item, index) => /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
+  }), secondaryItems.map((item, index) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
     key: index,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 264,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_DisabledTooltip.DisabledTooltip, {
+    content: item.disabledDescription,
+    disabled: !item.disabledDescription,
+    placement: "left",
+    width: "100%",
+    dataHook: item.dataHook && `${item.dataHook}-disabled-tooltip`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 265,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
     ref: !isFirstItemPrimary && !layoutSwitchConfig && index === 0 ? firstItemRef : undefined,
     size: "medium",
     title: item.text,
@@ -252,13 +276,24 @@ function MainView({
     },
     prefixIcon: item.prefixIcon,
     dataHook: item.dataHook,
+    disabled: item.disabled,
+    "aria-describedby": disabledDescriptionId(item, index),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249,
-      columnNumber: 9
+      lineNumber: 272,
+      columnNumber: 13
+    }
+  })), disabledDescriptionId(item, index) && /*#__PURE__*/_react.default.createElement("span", {
+    id: disabledDescriptionId(item, index),
+    hidden: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 291,
+      columnNumber: 13
     }
-  })));
+  }, item.disabledDescription))));
 }
 function LayoutSwitchView({
   config,
@@ -279,7 +314,7 @@ function LayoutSwitchView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 290,
+      lineNumber: 321,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -289,7 +324,7 @@ function LayoutSwitchView({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 294,
+        lineNumber: 325,
         columnNumber: 23
       }
     }),
@@ -297,7 +332,7 @@ function LayoutSwitchView({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 322,
       columnNumber: 9
     }
   }, t('cairo.import.back'))), _layoutConfig.layoutOptions.map((option, index) => {
@@ -320,7 +355,7 @@ function LayoutSwitchView({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 303,
+        lineNumber: 334,
         columnNumber: 11
       }
     });

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_uniqueId","_interopRequireDefault","_react2","_layoutConfig","_DisabledTooltip","_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","descriptionIdPrefix","uniqueId","disabledDescriptionId","item","index","disabled","disabledDescription","undefined","target","_firstItemRef$current","_layoutSwitchRef$curr","isFirstItemPrimary","Fragment","gap","padding","map","key","flex","Thumbnail","image","icon","title","Text","weight","text","width","ListItemAction","prefixIcon","DataCollection","viewTypeState","reportLayoutSwitch","DisabledTooltip","content","id","hidden","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  ReactNode,\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 uniqueId from 'lodash/uniqueId';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewTypeState } from '../../state/ViewTypeState';\nimport {\n  layoutOptions,\n  layoutConfig,\n} from '../TableGridSwitchButton/layoutConfig';\nimport { DisabledTooltip } from '../DisabledTooltip';\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  disabled?: boolean;\n  disabledDescription?: ReactNode;\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  const [descriptionIdPrefix] = useState(() =>\n    uniqueId('toolbar-overflow-disabled-description-'),\n  );\n  const disabledDescriptionId = (\n    item: ToolbarOverflowSecondaryItem,\n    index: number,\n  ) =>\n    item.disabled && item.disabledDescription\n      ? `${descriptionIdPrefix}${index}`\n      : undefined;\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        <React.Fragment key={index}>\n          <DisabledTooltip\n            content={item.disabledDescription}\n            disabled={!item.disabledDescription}\n            placement=\"left\"\n            width=\"100%\"\n            dataHook={item.dataHook && `${item.dataHook}-disabled-tooltip`}\n          >\n            <ListItemAction\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              disabled={item.disabled}\n              aria-describedby={disabledDescriptionId(item, index)}\n            />\n          </DisabledTooltip>\n          {disabledDescriptionId(item, index) && (\n            <span id={disabledDescriptionId(item, index)} hidden>\n              {item.disabledDescription}\n            </span>\n          )}\n        </React.Fragment>\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

@@ -63,13 +63,19 @@ function useToolbarOverflowItems(state, props) {
       });
     }
     if (props.importButton && importState) {
+      const {
+        disabled,
+        disabledReason
+      } = /*#__PURE__*/_react.default.isValidElement(props.importButton) ? props.importButton.props : {};
       secondaryItems.push({
         text: t('cairo.import.import', {
           defaultValue: ''
         }),
         prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport),
         onClick: () => importState.open(),
-        dataHook: 'overflow-import'
+        dataHook: 'overflow-import',
+        disabled,
+        disabledDescription: disabledReason
       });
     }
     const layoutSwitchConfig = props.viewTypeState ? {

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

@@ -1 +1 @@
-{"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":[]}
+{"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","disabled","disabledReason","isValidElement","DownloadImport","disabledDescription","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';\nimport type { ImportButtonProps } from '../ImportButton/ImportProps';\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      const { disabled, disabledReason }: Partial<ImportButtonProps> =\n        React.isValidElement<ImportButtonProps>(props.importButton)\n          ? props.importButton.props\n          : {};\n      secondaryItems.push({\n        text: t('cairo.import.import', { defaultValue: '' }),\n        prefixIcon: React.createElement(DownloadImport),\n        onClick: () => importState.open(),\n        dataHook: 'overflow-import',\n        disabled,\n        disabledDescription: disabledReason,\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/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_ = "AutoCompleteReadonly743691857";
+var _namespace_ = "AutoCompleteReadonly2201278997";
 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": "AutoCompleteReadonly743691857__root"
+  "root": "AutoCompleteReadonly2201278997__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_ = \"AutoCompleteReadonly743691857\";\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\":\"AutoCompleteReadonly743691857__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":[]}
+{"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_ = \"AutoCompleteReadonly2201278997\";\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\":\"AutoCompleteReadonly2201278997__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown1944484198";
+var _namespace_ = "ViewsDropdown1632747698";
 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": "ViewsDropdown1944484198__root"
+  "root": "ViewsDropdown1632747698__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/CustomFieldModal/CustomFieldForm.js

@@ -217,7 +217,7 @@ const _CustomFieldForm = props => {
   }, /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
     dataHook: "custom-field-modal-field-key",
     required: true,
-    label: t('cairo.customFields.addCustomField.modal.advancedSettings.key.title'),
+    label: fieldModal.text.keyLabel ?? t('cairo.customFields.addCustomField.modal.advancedSettings.key.title'),
     infoContent: mode === 'new' ? t('cairo.customFields.addCustomField.modal.advancedSettings.key.tooltip') : t('cairo.customFields.editCustomField.fieldKey.tooltip'),
     status: key.hasError ? 'error' : undefined,
     statusMessage: key.error,
@@ -232,14 +232,14 @@ const _CustomFieldForm = props => {
     disabled: mode === 'edit',
     value: key.value,
     onChange: e => {
-      key.onChange(e.target.value.toLowerCase());
+      key.onChange(e.target.value);
       customFieldModalBiReporter.reportKeyFormFieldChange();
     },
     placeholder: t('cairo.customFields.addCustomField.modal.advancedSettings.key.placeholder'),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 150,
+      lineNumber: 153,
       columnNumber: 15
     }
   }))), state.typeSupportsPii && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPiiFields.PiiFormFields, {
@@ -253,7 +253,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 168,
       columnNumber: 13
     }
   }))), state.showSettings && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -263,14 +263,14 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 182,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 183,
       columnNumber: 13
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -280,7 +280,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 185,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -293,22 +293,22 @@ const _CustomFieldForm = props => {
     items: [{
       title: fieldModal.text.settingsLabel ?? t('cairo.customFields.addCustomField.modal.advancedSettings'),
       toggleIconPlacement: 'start',
-      suffix: state.settingsHasError ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      suffix: state.showValidationErrors && state.settingsHasError ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
         verticalAlign: "middle",
         color: "R10",
         dataHook: "custom-field-modal-settings-error",
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 203,
-          columnNumber: 21
+          lineNumber: 207,
+          columnNumber: 23
         }
       }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertFilledSmall, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 208,
-          columnNumber: 23
+          lineNumber: 212,
+          columnNumber: 25
         }
       })) : undefined,
       open: settings.isOn,
@@ -324,7 +324,7 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 219,
+          lineNumber: 223,
           columnNumber: 21
         }
       }, fieldModal.permissions && /*#__PURE__*/_react.default.createElement(_CustomFieldFormPermissions.CustomFieldFormPermissions, {
@@ -332,16 +332,17 @@ const _CustomFieldForm = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 226,
+          lineNumber: 230,
           columnNumber: 25
         }
       }), SettingsSection && /*#__PURE__*/_react.default.createElement(SettingsSection, {
         fieldType: type.value,
         lockedRules: lockedProperties,
+        showValidationErrors: state.showValidationErrors,
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 229,
+          lineNumber: 233,
           columnNumber: 25
         }
       }))
@@ -349,7 +350,7 @@ const _CustomFieldForm = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 190,
       columnNumber: 13
     }
   }))));