@wix/patterns 1.430.0 → 1.432.0

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.js

@@ -9,8 +9,9 @@ var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _PickerContentBaseWrapped = require("./PickerContentBaseWrapped");
 var _state = require("../../state");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _PickerContentAdditionalStepStCss = require("./PickerContentAdditionalStep.st.css.js");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PickerContent/PickerContentAdditionalStep.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const AdditionalStepContentRenderer = ({
@@ -38,6 +39,7 @@ function _PickerContentAdditionalStep(props) {
     // extract from rest to disable overrides
     ...rest
   } = props;
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [state] = (0, _react.useState)(() => pickerContentState.additionalStep = new _state.AdditionalStepState({
     collection: pickerContentState.picker.collection
   }));
@@ -95,7 +97,7 @@ function _PickerContentAdditionalStep(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 164,
+        lineNumber: 167,
         columnNumber: 27
       }
     }) : primaryButtonText,
@@ -104,12 +106,19 @@ function _PickerContentAdditionalStep(props) {
       disabled: state.isLoading || !enablePrimaryButton
     },
     sideActions: autoAdditionalStepOnInitialSelect ? undefined : /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeft, {
+      prefixIcon: isBmHarmonyTheme ? /*#__PURE__*/_react.default.createElement(_lazy.ChevronLeftSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 173,
-          columnNumber: 25
+          lineNumber: 177,
+          columnNumber: 34
+        }
+      }) : /*#__PURE__*/_react.default.createElement(_lazy.ChevronLeft, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 177,
+          columnNumber: 57
         }
       }),
       dataHook: "back-button",
@@ -117,14 +126,14 @@ function _PickerContentAdditionalStep(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 175,
         columnNumber: 11
       }
     }, t('cairo.pickerModal.back.button')),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 145,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -139,7 +148,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 187,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -147,7 +156,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 197,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -155,7 +164,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 198,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -163,7 +172,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 194,
+      lineNumber: 199,
       columnNumber: 13
     }
   }, renderedItemProps.image), /*#__PURE__*/_react.default.createElement("div", {
@@ -171,14 +180,14 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 195,
+      lineNumber: 200,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196,
+      lineNumber: 201,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -187,14 +196,14 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 202,
       columnNumber: 17
     }
   }, renderedItemProps.title)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 206,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -205,7 +214,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 207,
       columnNumber: 17
     }
   }, renderedItemProps.subtitle))), suffixNode !== undefined && /*#__PURE__*/_react.default.createElement("div", {
@@ -213,7 +222,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 213,
       columnNumber: 15
     }
   }, typeof suffixNode === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -222,7 +231,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 215,
       columnNumber: 19
     }
   }, suffixNode) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -230,7 +239,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 219,
       columnNumber: 19
     }
   }, suffixNode)))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -242,7 +251,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 220,
+      lineNumber: 225,
       columnNumber: 9
     }
   }, selectedKeyedItem && /*#__PURE__*/_react.default.createElement(AdditionalStepContentRenderer, {
@@ -251,7 +260,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 228,
+      lineNumber: 233,
       columnNumber: 13
     }
   }))));

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_PickerContentBaseWrapped","_state","_wixUiIconsCommon","_PickerContentAdditionalStepStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AdditionalStepContentRenderer","renderAdditionalStepContent","item","_PickerContentAdditionalStep","props","pickerContentState","renderItem","additionalStepTitle","additionalStepSubtitle","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","onBeforeSelectAdditionalStep","onBackButtonClick","additionalStepOverrides","primaryButtonText","autoAdditionalStepOnInitialSelect","height","rest","state","useState","additionalStep","AdditionalStepState","collection","picker","selectedKeyedItem","renderedItemProps","useMemo","title","subtitle","index","renderProps","itemName","translate","suffixNode","extraNode","extraText","find","node","undefined","image","enablePrimaryButton","createElement","PickerContentBaseWrapped","_extends2","isLoading","additionalData","err","console","error","Loader","size","__self","__source","fileName","lineNumber","columnNumber","secondaryButtonText","primaryButtonProps","disabled","sideActions","TextButton","prefixIcon","ChevronLeft","dataHook","onClick","Box","direction","paddingLeft","paddingRight","paddingBottom","gap","overflow","align","className","st","classes","titles","Text","ellipsis","secondary","light","suffix","minHeight","width","position","PickerContentAdditionalStep","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Loader, Text, TextButton } from '@wix/design-system';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { AdditionalStepState, PickerContentState } from '../../state';\nimport { ChevronLeft } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './PickerContentAdditionalStep.st.css.js';\n\nexport interface PickerContentAdditionalStepProps<T>\n  extends Partial<PickerContentBaseWrappedProps> {\n  /** When true, the picker will start directly on the additional step, skipping the first selection step. The back button will also be hidden. */\n  autoAdditionalStepOnInitialSelect?: boolean;\n\n  /** The additional step title */\n  additionalStepTitle?: string;\n\n  /** The additional step subtitle */\n  additionalStepSubtitle?: string;\n\n  /** Defines a function that returns a component to render in the additional step content area, if `hasAdditionalStep` returns `false` this prop is ignored. */\n  renderAdditionalStepContent?: (props: { item: T }) => JSX.Element;\n\n  /** Indicates if selected item has additional step or not */\n  hasAdditionalStep?: (props: { item: T }) => boolean;\n\n  /** Defines a callback function just before primaryButtonOnClick callback, returned value will be added as `additionalStepData` in onSelect payload */\n  onBeforeSelectAdditionalStep?: () => Promise<unknown>;\n\n  /** Defines a callback function after user clicks on the continue button to additional step content */\n  continueButtonOnClick?: (props: { item: T }) => void;\n\n  /** Defines a callback function after user clicks on the back button in the additional step content */\n  backButtonOnClick?: (props: { item: T }) => void;\n\n  /** Additional steps modal content overrides */\n  additionalStepOverrides?: {\n    extraNode?: React.ReactNode;\n    extraText?: string;\n    subtitle?: string;\n    image?: React.ReactNode;\n    enablePrimaryButton?: boolean;\n  };\n}\n\ninterface PickerContentAdditionalStepStateProps<T, F extends FiltersMap> {\n  pickerContentState: PickerContentState<T, F>;\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  onBackButtonClick: () => void;\n}\n\nexport type PickerContentAdditionalStepFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentAdditionalStepProps<T> &\n  PickerContentAdditionalStepStateProps<T, F>;\n\nconst AdditionalStepContentRenderer = <T,>({\n  renderAdditionalStepContent,\n  item,\n}: {\n  renderAdditionalStepContent?: (props: { item: T }) => JSX.Element;\n  item: T;\n}) => renderAdditionalStepContent?.({ item }) ?? null;\n\nfunction _PickerContentAdditionalStep<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentAdditionalStepFullProps<T, F>,\n) {\n  const {\n    pickerContentState,\n    renderItem,\n    renderAdditionalStepContent,\n    additionalStepTitle,\n    additionalStepSubtitle,\n    primaryButtonOnClick,\n    secondaryButtonOnClick,\n    onCloseButtonClick,\n    onBeforeSelectAdditionalStep,\n    onBackButtonClick,\n    additionalStepOverrides = {},\n    primaryButtonText,\n    autoAdditionalStepOnInitialSelect,\n    height, // extract from rest to disable overrides\n    ...rest\n  } = props;\n\n  const [state] = useState(\n    () =>\n      (pickerContentState.additionalStep = new AdditionalStepState({\n        collection: pickerContentState.picker.collection,\n      })),\n  );\n\n  const selectedKeyedItem = state.selectedKeyedItem;\n\n  const renderedItemProps = useMemo(() => {\n    if (!selectedKeyedItem) {\n      return {\n        title: '',\n        subtitle: '',\n      };\n    }\n    const { item, index } = selectedKeyedItem;\n    const renderProps = renderItem(item, index);\n\n    return {\n      title: state.collection.itemName(item),\n      ...renderProps,\n    };\n  }, [selectedKeyedItem]);\n\n  const {\n    collection: { translate: t },\n  } = state;\n\n  const suffixNode = useMemo(() => {\n    return [\n      additionalStepOverrides.extraNode,\n      additionalStepOverrides.extraText,\n      renderedItemProps.extraNode,\n      renderedItemProps.extraText,\n    ].find((node) => node !== undefined);\n  }, [\n    renderedItemProps,\n    additionalStepOverrides.extraNode,\n    additionalStepOverrides.extraText,\n  ]);\n\n  renderedItemProps.image =\n    additionalStepOverrides?.image || renderedItemProps.image;\n  renderedItemProps.subtitle =\n    additionalStepOverrides?.subtitle || renderedItemProps.subtitle;\n\n  const enablePrimaryButton =\n    additionalStepOverrides?.enablePrimaryButton || false;\n\n  return (\n    <PickerContentBaseWrapped\n      {...rest}\n      primaryButtonOnClick={async () => {\n        state.isLoading = true;\n        if (onBeforeSelectAdditionalStep) {\n          try {\n            state.isLoading = true;\n            state.additionalData = await onBeforeSelectAdditionalStep?.();\n            primaryButtonOnClick?.();\n          } catch (err) {\n            console.error(err);\n            state.isLoading = false;\n          }\n        } else {\n          primaryButtonOnClick?.();\n        }\n      }}\n      secondaryButtonOnClick={secondaryButtonOnClick}\n      onCloseButtonClick={onCloseButtonClick}\n      title={additionalStepTitle}\n      subtitle={additionalStepSubtitle}\n      primaryButtonText={\n        state.isLoading ? <Loader size=\"tiny\" /> : primaryButtonText\n      }\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{\n        disabled: state.isLoading || !enablePrimaryButton,\n      }}\n      sideActions={\n        autoAdditionalStepOnInitialSelect ? undefined : (\n          <TextButton\n            prefixIcon={<ChevronLeft />}\n            dataHook=\"back-button\"\n            onClick={() => onBackButtonClick()}\n          >\n            {t('cairo.pickerModal.back.button')}\n          </TextButton>\n        )\n      }\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP5\"\n        paddingRight=\"SP5\"\n        paddingBottom=\"SP4\"\n        gap=\"SP4\"\n        overflow=\"auto\"\n        height=\"100%\"\n        dataHook=\"additional-step-content\"\n      >\n        <Box direction=\"vertical\">\n          <Box gap=\"SP3\">\n            <Box align=\"center\">{renderedItemProps.image}</Box>\n            <div className={st(classes.titles)}>\n              <Box>\n                <Text dataHook=\"title\" ellipsis>\n                  {renderedItemProps.title}\n                </Text>\n              </Box>\n              <Box>\n                <Text secondary light dataHook=\"subtitle\" ellipsis>\n                  {renderedItemProps.subtitle}\n                </Text>\n              </Box>\n            </div>\n            {suffixNode !== undefined && (\n              <div className={st(classes.suffix)}>\n                {typeof suffixNode === 'string' ? (\n                  <Text secondary dataHook=\"suffix-text\">\n                    {suffixNode}\n                  </Text>\n                ) : (\n                  <Box dataHook=\"suffix-node\">{suffixNode}</Box>\n                )}\n              </div>\n            )}\n          </Box>\n        </Box>\n        <Box\n          direction=\"vertical\"\n          minHeight=\"100px\"\n          width=\"100%\"\n          dataHook=\"additional-step-widget\"\n          position=\"relative\"\n        >\n          {selectedKeyedItem && (\n            <AdditionalStepContentRenderer\n              renderAdditionalStepContent={renderAdditionalStepContent}\n              item={selectedKeyedItem.item}\n            />\n          )}\n        </Box>\n      </Box>\n    </PickerContentBaseWrapped>\n  );\n}\n\nexport const PickerContentAdditionalStep = observer(\n  _PickerContentAdditionalStep,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_PickerContentBaseWrapped","_state","_lazy","_PickerContentAdditionalStepStCss","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AdditionalStepContentRenderer","renderAdditionalStepContent","item","_PickerContentAdditionalStep","props","pickerContentState","renderItem","additionalStepTitle","additionalStepSubtitle","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","onBeforeSelectAdditionalStep","onBackButtonClick","additionalStepOverrides","primaryButtonText","autoAdditionalStepOnInitialSelect","height","rest","isBmHarmonyTheme","useBmHarmonyTheme","state","useState","additionalStep","AdditionalStepState","collection","picker","selectedKeyedItem","renderedItemProps","useMemo","title","subtitle","index","renderProps","itemName","translate","suffixNode","extraNode","extraText","find","node","undefined","image","enablePrimaryButton","createElement","PickerContentBaseWrapped","_extends2","isLoading","additionalData","err","console","error","Loader","size","__self","__source","fileName","lineNumber","columnNumber","secondaryButtonText","primaryButtonProps","disabled","sideActions","TextButton","prefixIcon","ChevronLeftSmall","ChevronLeft","dataHook","onClick","Box","direction","paddingLeft","paddingRight","paddingBottom","gap","overflow","align","className","st","classes","titles","Text","ellipsis","secondary","light","suffix","minHeight","width","position","PickerContentAdditionalStep","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Loader, Text, TextButton } from '@wix/design-system';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { AdditionalStepState, PickerContentState } from '../../state';\nimport { ChevronLeft, ChevronLeftSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { st, classes } from './PickerContentAdditionalStep.st.css.js';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface PickerContentAdditionalStepProps<T>\n  extends Partial<PickerContentBaseWrappedProps> {\n  /** When true, the picker will start directly on the additional step, skipping the first selection step. The back button will also be hidden. */\n  autoAdditionalStepOnInitialSelect?: boolean;\n\n  /** The additional step title */\n  additionalStepTitle?: string;\n\n  /** The additional step subtitle */\n  additionalStepSubtitle?: string;\n\n  /** Defines a function that returns a component to render in the additional step content area, if `hasAdditionalStep` returns `false` this prop is ignored. */\n  renderAdditionalStepContent?: (props: { item: T }) => JSX.Element;\n\n  /** Indicates if selected item has additional step or not */\n  hasAdditionalStep?: (props: { item: T }) => boolean;\n\n  /** Defines a callback function just before primaryButtonOnClick callback, returned value will be added as `additionalStepData` in onSelect payload */\n  onBeforeSelectAdditionalStep?: () => Promise<unknown>;\n\n  /** Defines a callback function after user clicks on the continue button to additional step content */\n  continueButtonOnClick?: (props: { item: T }) => void;\n\n  /** Defines a callback function after user clicks on the back button in the additional step content */\n  backButtonOnClick?: (props: { item: T }) => void;\n\n  /** Additional steps modal content overrides */\n  additionalStepOverrides?: {\n    extraNode?: React.ReactNode;\n    extraText?: string;\n    subtitle?: string;\n    image?: React.ReactNode;\n    enablePrimaryButton?: boolean;\n  };\n}\n\ninterface PickerContentAdditionalStepStateProps<T, F extends FiltersMap> {\n  pickerContentState: PickerContentState<T, F>;\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  onBackButtonClick: () => void;\n}\n\nexport type PickerContentAdditionalStepFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentAdditionalStepProps<T> &\n  PickerContentAdditionalStepStateProps<T, F>;\n\nconst AdditionalStepContentRenderer = <T,>({\n  renderAdditionalStepContent,\n  item,\n}: {\n  renderAdditionalStepContent?: (props: { item: T }) => JSX.Element;\n  item: T;\n}) => renderAdditionalStepContent?.({ item }) ?? null;\n\nfunction _PickerContentAdditionalStep<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentAdditionalStepFullProps<T, F>,\n) {\n  const {\n    pickerContentState,\n    renderItem,\n    renderAdditionalStepContent,\n    additionalStepTitle,\n    additionalStepSubtitle,\n    primaryButtonOnClick,\n    secondaryButtonOnClick,\n    onCloseButtonClick,\n    onBeforeSelectAdditionalStep,\n    onBackButtonClick,\n    additionalStepOverrides = {},\n    primaryButtonText,\n    autoAdditionalStepOnInitialSelect,\n    height, // extract from rest to disable overrides\n    ...rest\n  } = props;\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const [state] = useState(\n    () =>\n      (pickerContentState.additionalStep = new AdditionalStepState({\n        collection: pickerContentState.picker.collection,\n      })),\n  );\n\n  const selectedKeyedItem = state.selectedKeyedItem;\n\n  const renderedItemProps = useMemo(() => {\n    if (!selectedKeyedItem) {\n      return {\n        title: '',\n        subtitle: '',\n      };\n    }\n    const { item, index } = selectedKeyedItem;\n    const renderProps = renderItem(item, index);\n\n    return {\n      title: state.collection.itemName(item),\n      ...renderProps,\n    };\n  }, [selectedKeyedItem]);\n\n  const {\n    collection: { translate: t },\n  } = state;\n\n  const suffixNode = useMemo(() => {\n    return [\n      additionalStepOverrides.extraNode,\n      additionalStepOverrides.extraText,\n      renderedItemProps.extraNode,\n      renderedItemProps.extraText,\n    ].find((node) => node !== undefined);\n  }, [\n    renderedItemProps,\n    additionalStepOverrides.extraNode,\n    additionalStepOverrides.extraText,\n  ]);\n\n  renderedItemProps.image =\n    additionalStepOverrides?.image || renderedItemProps.image;\n  renderedItemProps.subtitle =\n    additionalStepOverrides?.subtitle || renderedItemProps.subtitle;\n\n  const enablePrimaryButton =\n    additionalStepOverrides?.enablePrimaryButton || false;\n\n  return (\n    <PickerContentBaseWrapped\n      {...rest}\n      primaryButtonOnClick={async () => {\n        state.isLoading = true;\n        if (onBeforeSelectAdditionalStep) {\n          try {\n            state.isLoading = true;\n            state.additionalData = await onBeforeSelectAdditionalStep?.();\n            primaryButtonOnClick?.();\n          } catch (err) {\n            console.error(err);\n            state.isLoading = false;\n          }\n        } else {\n          primaryButtonOnClick?.();\n        }\n      }}\n      secondaryButtonOnClick={secondaryButtonOnClick}\n      onCloseButtonClick={onCloseButtonClick}\n      title={additionalStepTitle}\n      subtitle={additionalStepSubtitle}\n      primaryButtonText={\n        state.isLoading ? <Loader size=\"tiny\" /> : primaryButtonText\n      }\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{\n        disabled: state.isLoading || !enablePrimaryButton,\n      }}\n      sideActions={\n        autoAdditionalStepOnInitialSelect ? undefined : (\n          <TextButton\n            prefixIcon={\n              isBmHarmonyTheme ? <ChevronLeftSmall /> : <ChevronLeft />\n            }\n            dataHook=\"back-button\"\n            onClick={() => onBackButtonClick()}\n          >\n            {t('cairo.pickerModal.back.button')}\n          </TextButton>\n        )\n      }\n    >\n      <Box\n        direction=\"vertical\"\n        paddingLeft=\"SP5\"\n        paddingRight=\"SP5\"\n        paddingBottom=\"SP4\"\n        gap=\"SP4\"\n        overflow=\"auto\"\n        height=\"100%\"\n        dataHook=\"additional-step-content\"\n      >\n        <Box direction=\"vertical\">\n          <Box gap=\"SP3\">\n            <Box align=\"center\">{renderedItemProps.image}</Box>\n            <div className={st(classes.titles)}>\n              <Box>\n                <Text dataHook=\"title\" ellipsis>\n                  {renderedItemProps.title}\n                </Text>\n              </Box>\n              <Box>\n                <Text secondary light dataHook=\"subtitle\" ellipsis>\n                  {renderedItemProps.subtitle}\n                </Text>\n              </Box>\n            </div>\n            {suffixNode !== undefined && (\n              <div className={st(classes.suffix)}>\n                {typeof suffixNode === 'string' ? (\n                  <Text secondary dataHook=\"suffix-text\">\n                    {suffixNode}\n                  </Text>\n                ) : (\n                  <Box dataHook=\"suffix-node\">{suffixNode}</Box>\n                )}\n              </div>\n            )}\n          </Box>\n        </Box>\n        <Box\n          direction=\"vertical\"\n          minHeight=\"100px\"\n          width=\"100%\"\n          dataHook=\"additional-step-widget\"\n          position=\"relative\"\n        >\n          {selectedKeyedItem && (\n            <AdditionalStepContentRenderer\n              renderAdditionalStepContent={renderAdditionalStepContent}\n              item={selectedKeyedItem.item}\n            />\n          )}\n        </Box>\n      </Box>\n    </PickerContentBaseWrapped>\n  );\n}\n\nexport const PickerContentAdditionalStep = observer(\n  _PickerContentAdditionalStep,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep1102083508";
+var _namespace_ = "PickerContentAdditionalStep1878984807";
 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": "PickerContentAdditionalStep1102083508__root",
-  "titles": "PickerContentAdditionalStep1102083508__titles",
-  "suffix": "PickerContentAdditionalStep1102083508__suffix"
+  "root": "PickerContentAdditionalStep1878984807__root",
+  "titles": "PickerContentAdditionalStep1878984807__titles",
+  "suffix": "PickerContentAdditionalStep1878984807__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1102083508\";\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\":\"PickerContentAdditionalStep1102083508__root\",\"titles\":\"PickerContentAdditionalStep1102083508__titles\",\"suffix\":\"PickerContentAdditionalStep1102083508__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1878984807\";\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\":\"PickerContentAdditionalStep1878984807__root\",\"titles\":\"PickerContentAdditionalStep1878984807__titles\",\"suffix\":\"PickerContentAdditionalStep1878984807__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerEmptyState/PickerEmptyState.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.PickerEmptyState = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _CollectionEmptyStateBase = require("../CollectionEmptyStateBase");
@@ -54,7 +54,7 @@ function _PickerEmptyState(props) {
       }
     }, t('cairo.search.nothingMatches.text')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       dataHook: "picker-no-results-state-reset-button",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Revert, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
@@ -108,7 +108,7 @@ function _PickerEmptyState(props) {
       }
     }, t('cairo.selectorModal.searchEmptyState.subtitle')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       dataHook: "picker-no-results-state-reset-button",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Revert, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_designSystem","_CollectionEmptyStateBase","_mobxReactLite","_jsxFileName","_PickerEmptyState","props","state","hasFilterDropdown","rest","collection","result","hasAvailableItems","translate","t","showFilterOnlyEmptyState","Boolean","query","search","isEmpty","showFilterWithSearchEmptyState","searchOnlyNoResultsStateProps","dataHook","title","term","originQuery","rawSearch","subtitle","default","createElement","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","_collection$searchInp","clearSearch","searchInputRef","focus","filterOnlyEmptyStateProps","filterWithSearchEmptyStateProps","_collection$searchInp2","getEmptyStateConfig","CollectionEmptyStateBase","_extends2","PickerEmptyState","exports","observer"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap, PickerState } from '@wix/bex-core';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from '../CollectionEmptyStateBase';\nimport { observer } from 'mobx-react-lite';\n\ninterface PickerEmptyStateProps<T, F extends FiltersMap = OptionalFiltersMap>\n  extends Omit<CollectionEmptyStateBaseProps<T, F>, 'state'> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n}\n\nfunction _PickerEmptyState<T, F extends FiltersMap>(\n  props: PickerEmptyStateProps<T, F>,\n) {\n  const { state, hasFilterDropdown, ...rest } = props;\n  const { collection } = state;\n\n  const {\n    result: { hasAvailableItems },\n    translate: t,\n  } = collection;\n\n  const showFilterOnlyEmptyState = Boolean(\n    hasFilterDropdown && collection.query.search.isEmpty,\n  );\n\n  const showFilterWithSearchEmptyState = Boolean(\n    hasFilterDropdown && !collection.query.search.isEmpty,\n  );\n\n  const searchOnlyNoResultsStateProps = {\n    state: collection,\n    dataHook: 'picker-no-results-state',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text dataHook=\"picker-no-results-state-subtitle\" size=\"small\">\n          {t('cairo.search.nothingMatches.text')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => {\n            collection.clearSearch();\n            collection.searchInputRef?.focus();\n          }}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const filterOnlyEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-only-filter',\n    title: t('cairo.search.noresults.title'),\n    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),\n  };\n\n  const filterWithSearchEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-filter-with-search',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text size=\"small\" dataHook=\"picker-no-results-state-subtitle\">\n          {t('cairo.selectorModal.searchEmptyState.subtitle')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => {\n            collection.clearSearch();\n            collection.searchInputRef?.focus();\n          }}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const getEmptyStateConfig = (): CollectionEmptyStateBaseProps<T, F> => {\n    if (!hasAvailableItems) {\n      return {\n        state: collection,\n        dataHook: 'picker-empty-state',\n      };\n    }\n    if (showFilterOnlyEmptyState) {\n      return filterOnlyEmptyStateProps;\n    }\n    if (showFilterWithSearchEmptyState) {\n      return filterWithSearchEmptyStateProps;\n    }\n\n    return searchOnlyNoResultsStateProps;\n  };\n\n  return <CollectionEmptyStateBase {...getEmptyStateConfig()} {...rest} />;\n}\n\nexport const PickerEmptyState = observer(_PickerEmptyState);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_lazy","require","_react","_interopRequireDefault","_designSystem","_CollectionEmptyStateBase","_mobxReactLite","_jsxFileName","_PickerEmptyState","props","state","hasFilterDropdown","rest","collection","result","hasAvailableItems","translate","t","showFilterOnlyEmptyState","Boolean","query","search","isEmpty","showFilterWithSearchEmptyState","searchOnlyNoResultsStateProps","dataHook","title","term","originQuery","rawSearch","subtitle","default","createElement","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","_collection$searchInp","clearSearch","searchInputRef","focus","filterOnlyEmptyStateProps","filterWithSearchEmptyStateProps","_collection$searchInp2","getEmptyStateConfig","CollectionEmptyStateBase","_extends2","PickerEmptyState","exports","observer"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"sourcesContent":["import { FiltersMap, OptionalFiltersMap, PickerState } from '@wix/bex-core';\nimport { Revert } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from '../CollectionEmptyStateBase';\nimport { observer } from 'mobx-react-lite';\n\ninterface PickerEmptyStateProps<T, F extends FiltersMap = OptionalFiltersMap>\n  extends Omit<CollectionEmptyStateBaseProps<T, F>, 'state'> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n}\n\nfunction _PickerEmptyState<T, F extends FiltersMap>(\n  props: PickerEmptyStateProps<T, F>,\n) {\n  const { state, hasFilterDropdown, ...rest } = props;\n  const { collection } = state;\n\n  const {\n    result: { hasAvailableItems },\n    translate: t,\n  } = collection;\n\n  const showFilterOnlyEmptyState = Boolean(\n    hasFilterDropdown && collection.query.search.isEmpty,\n  );\n\n  const showFilterWithSearchEmptyState = Boolean(\n    hasFilterDropdown && !collection.query.search.isEmpty,\n  );\n\n  const searchOnlyNoResultsStateProps = {\n    state: collection,\n    dataHook: 'picker-no-results-state',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text dataHook=\"picker-no-results-state-subtitle\" size=\"small\">\n          {t('cairo.search.nothingMatches.text')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => {\n            collection.clearSearch();\n            collection.searchInputRef?.focus();\n          }}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const filterOnlyEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-only-filter',\n    title: t('cairo.search.noresults.title'),\n    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),\n  };\n\n  const filterWithSearchEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-filter-with-search',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text size=\"small\" dataHook=\"picker-no-results-state-subtitle\">\n          {t('cairo.selectorModal.searchEmptyState.subtitle')}\n        </Text>\n        <TextButton\n          dataHook=\"picker-no-results-state-reset-button\"\n          prefixIcon={<Revert />}\n          onClick={() => {\n            collection.clearSearch();\n            collection.searchInputRef?.focus();\n          }}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const getEmptyStateConfig = (): CollectionEmptyStateBaseProps<T, F> => {\n    if (!hasAvailableItems) {\n      return {\n        state: collection,\n        dataHook: 'picker-empty-state',\n      };\n    }\n    if (showFilterOnlyEmptyState) {\n      return filterOnlyEmptyStateProps;\n    }\n    if (showFilterWithSearchEmptyState) {\n      return filterWithSearchEmptyStateProps;\n    }\n\n    return searchOnlyNoResultsStateProps;\n  };\n\n  return <CollectionEmptyStateBase {...getEmptyStateConfig()} {...rest} />;\n}\n\nexport const PickerEmptyState = observer(_PickerEmptyState);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.js

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx";
 function _PickerStandaloneLayoutFooter(props) {
   const {
@@ -37,7 +37,7 @@ function _PickerStandaloneLayoutFooter(props) {
     key: createNewAction.key,
     dataHook: "create-new-item-cta"
   }, createNewAction.props, {
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_wixUiIconsCommon","_jsxFileName","_PickerStandaloneLayoutFooter","props","state","createNewAction","default","createElement","Fragment","Divider","__self","__source","fileName","lineNumber","columnNumber","Box","paddingLeft","paddingRight","paddingTop","paddingBottom","verticalAlign","TextButton","_extends2","key","dataHook","prefixIcon","Add","suffixIcon","undefined","onClick","e","onCreateNewClick","buttonProps","PickerStandaloneLayoutFooter","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { MouseEventHandler, ReactElement } from 'react';\nimport { Box, Divider, TextButton, TextButtonProps } from '@wix/design-system';\nimport { PickerStandaloneState } from '../../state';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\n\nexport interface PickerStandaloneLayoutFooterProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  createNewAction?: ReactElement<TextButtonProps>;\n}\n\nfunction _PickerStandaloneLayoutFooter<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutFooterProps<T, F>,\n) {\n  const { state, createNewAction } = props;\n\n  return (\n    <>\n      <Divider />\n      <Box\n        paddingLeft=\"SP4\"\n        paddingRight=\"SP4\"\n        paddingTop=\"SP3\"\n        paddingBottom=\"SP3\"\n        verticalAlign=\"middle\"\n      >\n        {createNewAction && (\n          <TextButton\n            key={createNewAction.key}\n            dataHook=\"create-new-item-cta\"\n            {...(createNewAction.props as {})}\n            prefixIcon={<AddIcon />}\n            suffixIcon={undefined}\n            onClick={(e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n              state.onCreateNewClick();\n              const buttonProps = createNewAction.props as\n                | {\n                    onClick?: MouseEventHandler<HTMLElement>;\n                  }\n                | undefined;\n              buttonProps?.onClick?.(e);\n            }}\n          />\n        )}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutFooter = observer(\n  _PickerStandaloneLayoutFooter,\n);\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AAA0D,IAAAK,YAAA;AAU1D,SAASC,6BAA6BA,CACpCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGF,KAAK;EAExC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACEX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACXjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,GAAG;IACFC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,aAAa,EAAC,QAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBT,eAAe,iBACdR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAsB,UAAU,MAAAC,SAAA,CAAAhB,OAAA;IACTiB,GAAG,EAAElB,eAAe,CAACkB,GAAI;IACzBC,QAAQ,EAAC;EAAqB,GACzBnB,eAAe,CAACF,KAAK;IAC1BsB,UAAU,eAAE5B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAA0B,GAAO;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBa,UAAU,EAAEC,SAAU;IACtBC,OAAO,EAAGC,CAA4C,IAAK;MACzD1B,KAAK,CAAC2B,gBAAgB,CAAC,CAAC;MACxB,MAAMC,WAAW,GAAG3B,eAAe,CAACF,KAIvB;MACb6B,WAAW,YAAXA,WAAW,CAAEH,OAAO,YAApBG,WAAW,CAAEH,OAAO,CAAGC,CAAC,CAAC;IAC3B,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAEA,CACL,CAAC;AAEP;AACO,MAAMmB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDjC,6BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_lazy","_jsxFileName","_PickerStandaloneLayoutFooter","props","state","createNewAction","default","createElement","Fragment","Divider","__self","__source","fileName","lineNumber","columnNumber","Box","paddingLeft","paddingRight","paddingTop","paddingBottom","verticalAlign","TextButton","_extends2","key","dataHook","prefixIcon","Add","suffixIcon","undefined","onClick","e","onCreateNewClick","buttonProps","PickerStandaloneLayoutFooter","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { MouseEventHandler, ReactElement } from 'react';\nimport { Box, Divider, TextButton, TextButtonProps } from '@wix/design-system';\nimport { PickerStandaloneState } from '../../state';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface PickerStandaloneLayoutFooterProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  createNewAction?: ReactElement<TextButtonProps>;\n}\n\nfunction _PickerStandaloneLayoutFooter<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutFooterProps<T, F>,\n) {\n  const { state, createNewAction } = props;\n\n  return (\n    <>\n      <Divider />\n      <Box\n        paddingLeft=\"SP4\"\n        paddingRight=\"SP4\"\n        paddingTop=\"SP3\"\n        paddingBottom=\"SP3\"\n        verticalAlign=\"middle\"\n      >\n        {createNewAction && (\n          <TextButton\n            key={createNewAction.key}\n            dataHook=\"create-new-item-cta\"\n            {...(createNewAction.props as {})}\n            prefixIcon={<AddIcon />}\n            suffixIcon={undefined}\n            onClick={(e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n              state.onCreateNewClick();\n              const buttonProps = createNewAction.props as\n                | {\n                    onClick?: MouseEventHandler<HTMLElement>;\n                  }\n                | undefined;\n              buttonProps?.onClick?.(e);\n            }}\n          />\n        )}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutFooter = observer(\n  _PickerStandaloneLayoutFooter,\n);\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAA+D,IAAAK,YAAA;AAU/D,SAASC,6BAA6BA,CACpCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGF,KAAK;EAExC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACEX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACXjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,GAAG;IACFC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,aAAa,EAAC,QAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBT,eAAe,iBACdR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAsB,UAAU,MAAAC,SAAA,CAAAhB,OAAA;IACTiB,GAAG,EAAElB,eAAe,CAACkB,GAAI;IACzBC,QAAQ,EAAC;EAAqB,GACzBnB,eAAe,CAACF,KAAK;IAC1BsB,UAAU,eAAE5B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAA0B,GAAO;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBa,UAAU,EAAEC,SAAU;IACtBC,OAAO,EAAGC,CAA4C,IAAK;MACzD1B,KAAK,CAAC2B,gBAAgB,CAAC,CAAC;MACxB,MAAMC,WAAW,GAAG3B,eAAe,CAACF,KAIvB;MACb6B,WAAW,YAAXA,WAAW,CAAEH,OAAO,YAApBG,WAAW,CAAEH,OAAO,CAAGC,CAAC,CAAC;IAC3B,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAEA,CACL,CAAC;AAEP;AACO,MAAMmB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDjC,6BACF,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.js

@@ -9,7 +9,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireWildcard(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _CollectionSearch = require("../CollectionSearch");
 var _EditorXLogo = require("../EditorXLogo");
 var _WixLogo = require("../WixLogo");
@@ -86,7 +86,7 @@ function _PickerStandaloneLayoutHeader(props) {
         lineNumber: 67,
         columnNumber: 17
       }
-    }, isDuringSearch ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftLarge, {
+    }, isDuringSearch ? /*#__PURE__*/_react.default.createElement(_lazy.ChevronLeftLarge, {
       height: 24,
       width: 24,
       onClick: onBackClicked,

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_reactTransitionGroup","_designSystem","_wixUiIconsCommon","_CollectionSearch","_EditorXLogo","_WixLogo","_PickerStandaloneLayoutTitles","_Collapse","_Fade","_ExpandableSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandaloneLayoutHeader","props","state","hideSearch","picker","logoType","isMobileView","isDuringSearch","collection","isScrollTop","searchRef","useRef","onSearchFocus","setIsDuringSearch","onSearchBlur","query","search","isEmpty","onBackClicked","_searchRef$current","_searchRef$current2","current","focus","clearSearch","blur","headerProps","header","headerDivider","titleSearchContainerProps","titleDivider","padding","align","createElement","Fragment","SwitchTransition","__self","__source","fileName","lineNumber","columnNumber","Fade","timeout","key","style","display","ChevronLeftLarge","height","width","onClick","cursor","Box","verticalAlign","boxSizing","EditorXLogo","WixLogo","ExpandableSearch","visibility","undefined","expandable","onBlur","onFocus","inputRef","input","paddingBottom","result","margin","boxShadow","zIndex","Divider","paddingTop","gap","direction","paddingLeft","paddingRight","CollectionSearch","minWidthPixels","collapse","useState","TransitionState","_extends2","Collapse","in","PickerStandaloneLayoutTitles","PickerStandaloneLayoutHeader","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx"],"sourcesContent":["import { FiltersMap, TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useRef, useState } from 'react';\nimport { SwitchTransition } from 'react-transition-group';\nimport { Box, Divider } from '@wix/design-system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { EditorXLogo } from '../EditorXLogo';\nimport { WixLogo } from '../WixLogo';\nimport { PickerStandaloneLayoutTitles } from './PickerStandaloneLayoutTitles';\nimport { Collapse } from '../Collapse';\nimport { Fade } from '../Fade';\nimport { PickerStandaloneState } from '../../state';\nimport { ExpandableSearch } from '../ExpandableSearch';\n\nexport interface PickerStandaloneLayoutHeaderProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  hideSearch?: boolean;\n}\n\nfunction _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutHeaderProps<T, F>,\n) {\n  const { state, hideSearch } = props;\n\n  const { picker, logoType, isMobileView, isDuringSearch } = state;\n\n  const { collection, isScrollTop } = picker;\n\n  const searchRef = useRef<HTMLInputElement | null>();\n\n  const onSearchFocus = () => {\n    state.setIsDuringSearch(true);\n  };\n\n  const onSearchBlur = () => {\n    if (collection.query.search.isEmpty) {\n      state.setIsDuringSearch(false);\n    }\n  };\n\n  const onBackClicked = async () => {\n    searchRef.current?.focus();\n    await collection.clearSearch();\n    searchRef.current?.blur();\n  };\n\n  const {\n    headerProps,\n    header,\n    headerDivider,\n    titleSearchContainerProps,\n    titleDivider,\n  } = isMobileView\n    ? {\n        headerProps: {\n          padding: '12px 24px',\n          align: 'space-between' as const,\n        },\n        header: (\n          <>\n            <SwitchTransition>\n              <Fade timeout={150} key={isDuringSearch ? 1 : 0}>\n                <div style={{ display: 'flex' }}>\n                  {isDuringSearch ? (\n                    <ChevronLeftLarge\n                      height={24}\n                      width={24}\n                      onClick={onBackClicked}\n                      style={{ cursor: 'pointer' }}\n                    />\n                  ) : (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      boxSizing=\"border-box\"\n                    >\n                      {logoType === 'editorx' ? (\n                        <EditorXLogo height={16} />\n                      ) : (\n                        <WixLogo height={16} />\n                      )}\n                    </Box>\n                  )}\n                </div>\n              </Fade>\n            </SwitchTransition>\n            <ExpandableSearch\n              visibility={hideSearch ? 'hidden' : undefined}\n              expandable\n              onBlur={onSearchBlur}\n              onFocus={onSearchFocus}\n              inputRef={(input) => {\n                searchRef.current = input;\n              }}\n            />\n          </>\n        ),\n        headerDivider: undefined,\n        titleSearchContainerProps: {\n          paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2',\n        },\n        titleDivider: !isScrollTop && !collection.result.isEmpty && (\n          <Box\n            margin=\"0 15px\"\n            height=\"12px\"\n            boxShadow=\"0 5px 5px -5px rgb(32 48 60 / 20%)\"\n            zIndex={9999999}\n          />\n        ),\n      }\n    : {\n        headerProps: {\n          padding: '24px 30px',\n          align: 'center' as const,\n        },\n        header: (\n          <Box align=\"center\" verticalAlign=\"middle\" boxSizing=\"border-box\">\n            {logoType === 'editorx' ? (\n              <EditorXLogo height={18} />\n            ) : (\n              <WixLogo height={24} />\n            )}\n          </Box>\n        ),\n        headerDivider: <Divider />,\n        titleSearchContainerProps: {\n          paddingTop: 'SP4',\n          paddingBottom: 'SP3',\n          gap: 'SP3',\n        },\n        titleDivider: !hideSearch && (\n          <Box\n            display=\"flex\"\n            direction=\"vertical\"\n            paddingLeft=\"94px\"\n            paddingRight=\"94px\"\n          >\n            <CollectionSearch minWidthPixels=\"100%\" />\n          </Box>\n        ),\n      };\n\n  const [collapse] = useState(() => new TransitionState(true));\n\n  return (\n    <>\n      <Box\n        direction=\"horizontal\"\n        boxSizing=\"border-box\"\n        verticalAlign=\"middle\"\n        {...headerProps}\n      >\n        {header}\n      </Box>\n      {headerDivider}\n      <Box display=\"grid\" direction=\"vertical\" {...titleSearchContainerProps}>\n        <Collapse state={collapse} in={!isDuringSearch} timeout={300}>\n          <Fade in={!isDuringSearch} timeout={300}>\n            <PickerStandaloneLayoutTitles {...props} />\n          </Fade>\n        </Collapse>\n        {titleDivider}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutHeader = observer(\n  _PickerStandaloneLayoutHeader,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_reactTransitionGroup","_designSystem","_lazy","_CollectionSearch","_EditorXLogo","_WixLogo","_PickerStandaloneLayoutTitles","_Collapse","_Fade","_ExpandableSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandaloneLayoutHeader","props","state","hideSearch","picker","logoType","isMobileView","isDuringSearch","collection","isScrollTop","searchRef","useRef","onSearchFocus","setIsDuringSearch","onSearchBlur","query","search","isEmpty","onBackClicked","_searchRef$current","_searchRef$current2","current","focus","clearSearch","blur","headerProps","header","headerDivider","titleSearchContainerProps","titleDivider","padding","align","createElement","Fragment","SwitchTransition","__self","__source","fileName","lineNumber","columnNumber","Fade","timeout","key","style","display","ChevronLeftLarge","height","width","onClick","cursor","Box","verticalAlign","boxSizing","EditorXLogo","WixLogo","ExpandableSearch","visibility","undefined","expandable","onBlur","onFocus","inputRef","input","paddingBottom","result","margin","boxShadow","zIndex","Divider","paddingTop","gap","direction","paddingLeft","paddingRight","CollectionSearch","minWidthPixels","collapse","useState","TransitionState","_extends2","Collapse","in","PickerStandaloneLayoutTitles","PickerStandaloneLayoutHeader","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx"],"sourcesContent":["import { FiltersMap, TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useRef, useState } from 'react';\nimport { SwitchTransition } from 'react-transition-group';\nimport { Box, Divider } from '@wix/design-system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common/lazy';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { EditorXLogo } from '../EditorXLogo';\nimport { WixLogo } from '../WixLogo';\nimport { PickerStandaloneLayoutTitles } from './PickerStandaloneLayoutTitles';\nimport { Collapse } from '../Collapse';\nimport { Fade } from '../Fade';\nimport { PickerStandaloneState } from '../../state';\nimport { ExpandableSearch } from '../ExpandableSearch';\n\nexport interface PickerStandaloneLayoutHeaderProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  hideSearch?: boolean;\n}\n\nfunction _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutHeaderProps<T, F>,\n) {\n  const { state, hideSearch } = props;\n\n  const { picker, logoType, isMobileView, isDuringSearch } = state;\n\n  const { collection, isScrollTop } = picker;\n\n  const searchRef = useRef<HTMLInputElement | null>();\n\n  const onSearchFocus = () => {\n    state.setIsDuringSearch(true);\n  };\n\n  const onSearchBlur = () => {\n    if (collection.query.search.isEmpty) {\n      state.setIsDuringSearch(false);\n    }\n  };\n\n  const onBackClicked = async () => {\n    searchRef.current?.focus();\n    await collection.clearSearch();\n    searchRef.current?.blur();\n  };\n\n  const {\n    headerProps,\n    header,\n    headerDivider,\n    titleSearchContainerProps,\n    titleDivider,\n  } = isMobileView\n    ? {\n        headerProps: {\n          padding: '12px 24px',\n          align: 'space-between' as const,\n        },\n        header: (\n          <>\n            <SwitchTransition>\n              <Fade timeout={150} key={isDuringSearch ? 1 : 0}>\n                <div style={{ display: 'flex' }}>\n                  {isDuringSearch ? (\n                    <ChevronLeftLarge\n                      height={24}\n                      width={24}\n                      onClick={onBackClicked}\n                      style={{ cursor: 'pointer' }}\n                    />\n                  ) : (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      boxSizing=\"border-box\"\n                    >\n                      {logoType === 'editorx' ? (\n                        <EditorXLogo height={16} />\n                      ) : (\n                        <WixLogo height={16} />\n                      )}\n                    </Box>\n                  )}\n                </div>\n              </Fade>\n            </SwitchTransition>\n            <ExpandableSearch\n              visibility={hideSearch ? 'hidden' : undefined}\n              expandable\n              onBlur={onSearchBlur}\n              onFocus={onSearchFocus}\n              inputRef={(input) => {\n                searchRef.current = input;\n              }}\n            />\n          </>\n        ),\n        headerDivider: undefined,\n        titleSearchContainerProps: {\n          paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2',\n        },\n        titleDivider: !isScrollTop && !collection.result.isEmpty && (\n          <Box\n            margin=\"0 15px\"\n            height=\"12px\"\n            boxShadow=\"0 5px 5px -5px rgb(32 48 60 / 20%)\"\n            zIndex={9999999}\n          />\n        ),\n      }\n    : {\n        headerProps: {\n          padding: '24px 30px',\n          align: 'center' as const,\n        },\n        header: (\n          <Box align=\"center\" verticalAlign=\"middle\" boxSizing=\"border-box\">\n            {logoType === 'editorx' ? (\n              <EditorXLogo height={18} />\n            ) : (\n              <WixLogo height={24} />\n            )}\n          </Box>\n        ),\n        headerDivider: <Divider />,\n        titleSearchContainerProps: {\n          paddingTop: 'SP4',\n          paddingBottom: 'SP3',\n          gap: 'SP3',\n        },\n        titleDivider: !hideSearch && (\n          <Box\n            display=\"flex\"\n            direction=\"vertical\"\n            paddingLeft=\"94px\"\n            paddingRight=\"94px\"\n          >\n            <CollectionSearch minWidthPixels=\"100%\" />\n          </Box>\n        ),\n      };\n\n  const [collapse] = useState(() => new TransitionState(true));\n\n  return (\n    <>\n      <Box\n        direction=\"horizontal\"\n        boxSizing=\"border-box\"\n        verticalAlign=\"middle\"\n        {...headerProps}\n      >\n        {header}\n      </Box>\n      {headerDivider}\n      <Box display=\"grid\" direction=\"vertical\" {...titleSearchContainerProps}>\n        <Collapse state={collapse} in={!isDuringSearch} timeout={300}>\n          <Fade in={!isDuringSearch} timeout={300}>\n            <PickerStandaloneLayoutTitles {...props} />\n          </Fade>\n        </Collapse>\n        {titleDivider}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutHeader = observer(\n  _PickerStandaloneLayoutHeader,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.js

@@ -6,7 +6,7 @@ exports.PickerTableListItem = PickerTableListItem;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _PickerTableListItemStCss = require("./PickerTableListItem.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PickerTableListItem/PickerTableListItem.tsx";
 function PickerTableListItem(props) {
@@ -77,7 +77,7 @@ function PickerTableListItem(props) {
   }
   const options = [...start, {
     width: primaryActionWidth,
-    value: primaryAction || /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightLarge, {
+    value: primaryAction || /*#__PURE__*/_react.default.createElement(_lazy.ChevronRightLarge, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_PickerTableListItemStCss","_jsxFileName","PickerTableListItem","props","dataHook","showDivider","keyedItem","state","primaryAction","primaryActionWidth","title","subtitle","extraNode","disabled","checkbox","multiple","options","optionsProp","tableListItemProps","collection","name","itemName","item","start","end","reduce","prev","current","column","value","undefined","push","length","align","width","default","createElement","Avatar","size","__self","__source","fileName","lineNumber","columnNumber","Text","ChevronRightLarge","TableListItem","_extends2","className","st","classes","root","verticalPadding"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.tsx"],"sourcesContent":["import { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nimport {\n  Avatar,\n  TableListItem,\n  TableListItemColumn,\n  Text,\n} from '@wix/design-system';\nimport { ChevronRightLarge } from '@wix/wix-ui-icons-common';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { st, classes } from './PickerTableListItem.st.css.js';\n\nexport interface PickerTableListItemPropsBase\n  extends Partial<PickerListItemProps> {\n  primaryAction?: ReactNode;\n  primaryActionWidth?: TableListItemColumn['width'];\n}\n\nexport interface PickerTableListItemProps<T, F extends FiltersMap>\n  extends PickerTableListItemPropsBase {\n  dataHook?: string;\n  showDivider?: boolean;\n  keyedItem: KeyedItem<T>;\n  state: PickerState<T, F>;\n  multiple?: boolean;\n}\n\nexport function PickerTableListItem<T, F extends FiltersMap>(\n  props: PickerTableListItemProps<T, F>,\n) {\n  const {\n    dataHook,\n    showDivider,\n    keyedItem,\n    state,\n    primaryAction,\n    primaryActionWidth = 'auto',\n    title,\n    subtitle,\n    extraNode,\n    disabled,\n    checkbox,\n    multiple,\n    options: optionsProp = [],\n    ...tableListItemProps\n  } = props;\n  const { collection } = state;\n  const name = collection.itemName(keyedItem.item);\n\n  const { start, end } = optionsProp.reduce(\n    (prev, current) => {\n      const column: TableListItemColumn = {\n        value: undefined,\n        ...current,\n      };\n      if (current.end) {\n        prev.end.push(column);\n      } else {\n        prev.start.push(column);\n      }\n      return prev;\n    },\n    {\n      start: [] as TableListItemColumn[],\n      end: [] as TableListItemColumn[],\n    },\n  );\n\n  if (!start.length) {\n    start.push(\n      {\n        align: 'left' as const,\n        width: '84px',\n        value: <Avatar size=\"size60\" name={name} />,\n      },\n      {\n        align: 'left' as const,\n        value: <Text dataHook=\"selector-title\">{name}</Text>,\n      },\n    );\n  }\n\n  const options: TableListItemColumn[] = [\n    ...start,\n    {\n      width: primaryActionWidth,\n      value: primaryAction || <ChevronRightLarge />,\n      align: 'right',\n    },\n    ...end,\n  ];\n\n  return (\n    <TableListItem\n      className={st(classes.root)}\n      verticalPadding=\"medium\"\n      dataHook={dataHook}\n      {...tableListItemProps}\n      options={options}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_PickerTableListItemStCss","_jsxFileName","PickerTableListItem","props","dataHook","showDivider","keyedItem","state","primaryAction","primaryActionWidth","title","subtitle","extraNode","disabled","checkbox","multiple","options","optionsProp","tableListItemProps","collection","name","itemName","item","start","end","reduce","prev","current","column","value","undefined","push","length","align","width","default","createElement","Avatar","size","__self","__source","fileName","lineNumber","columnNumber","Text","ChevronRightLarge","TableListItem","_extends2","className","st","classes","root","verticalPadding"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.tsx"],"sourcesContent":["import { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nimport {\n  Avatar,\n  TableListItem,\n  TableListItemColumn,\n  Text,\n} from '@wix/design-system';\nimport { ChevronRightLarge } from '@wix/wix-ui-icons-common/lazy';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { st, classes } from './PickerTableListItem.st.css.js';\n\nexport interface PickerTableListItemPropsBase\n  extends Partial<PickerListItemProps> {\n  primaryAction?: ReactNode;\n  primaryActionWidth?: TableListItemColumn['width'];\n}\n\nexport interface PickerTableListItemProps<T, F extends FiltersMap>\n  extends PickerTableListItemPropsBase {\n  dataHook?: string;\n  showDivider?: boolean;\n  keyedItem: KeyedItem<T>;\n  state: PickerState<T, F>;\n  multiple?: boolean;\n}\n\nexport function PickerTableListItem<T, F extends FiltersMap>(\n  props: PickerTableListItemProps<T, F>,\n) {\n  const {\n    dataHook,\n    showDivider,\n    keyedItem,\n    state,\n    primaryAction,\n    primaryActionWidth = 'auto',\n    title,\n    subtitle,\n    extraNode,\n    disabled,\n    checkbox,\n    multiple,\n    options: optionsProp = [],\n    ...tableListItemProps\n  } = props;\n  const { collection } = state;\n  const name = collection.itemName(keyedItem.item);\n\n  const { start, end } = optionsProp.reduce(\n    (prev, current) => {\n      const column: TableListItemColumn = {\n        value: undefined,\n        ...current,\n      };\n      if (current.end) {\n        prev.end.push(column);\n      } else {\n        prev.start.push(column);\n      }\n      return prev;\n    },\n    {\n      start: [] as TableListItemColumn[],\n      end: [] as TableListItemColumn[],\n    },\n  );\n\n  if (!start.length) {\n    start.push(\n      {\n        align: 'left' as const,\n        width: '84px',\n        value: <Avatar size=\"size60\" name={name} />,\n      },\n      {\n        align: 'left' as const,\n        value: <Text dataHook=\"selector-title\">{name}</Text>,\n      },\n    );\n  }\n\n  const options: TableListItemColumn[] = [\n    ...start,\n    {\n      width: primaryActionWidth,\n      value: primaryAction || <ChevronRightLarge />,\n      align: 'right',\n    },\n    ...end,\n  ];\n\n  return (\n    <TableListItem\n      className={st(classes.root)}\n      verticalPadding=\"medium\"\n      dataHook={dataHook}\n      {...tableListItemProps}\n      options={options}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem1050306693";
+var _namespace_ = "PickerTableListItem3454716548";
 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": "PickerTableListItem1050306693__root"
+  "root": "PickerTableListItem3454716548__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem1050306693\";\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\":\"PickerTableListItem1050306693__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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem3454716548\";\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\":\"PickerTableListItem3454716548__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":[]}