@wix/patterns 1.325.0 → 1.328.0

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

@@ -13,6 +13,12 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _PickerContentAdditionalStepStCss = require("./PickerContentAdditionalStep.st.css.js");
 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 = ({
+  renderAdditionalStepContent,
+  item
+}) => (renderAdditionalStepContent == null ? void 0 : renderAdditionalStepContent({
+  item
+})) ?? null;
 function _PickerContentAdditionalStep(props) {
   const {
     pickerContentState,
@@ -27,6 +33,7 @@ function _PickerContentAdditionalStep(props) {
     onBackButtonClick,
     additionalStepOverrides = {},
     primaryButtonText,
+    autoAdditionalStepOnInitialSelect,
     height,
     // extract from rest to disable overrides
     ...rest
@@ -34,27 +41,29 @@ function _PickerContentAdditionalStep(props) {
   const [state] = (0, _react.useState)(() => pickerContentState.additionalStep = new _state.AdditionalStepState({
     collection: pickerContentState.picker.collection
   }));
+  const selectedKeyedItem = state.selectedKeyedItem;
   const renderedItemProps = (0, _react.useMemo)(() => {
+    if (!selectedKeyedItem) {
+      return {
+        title: '',
+        subtitle: ''
+      };
+    }
     const {
-      selectedKeyedItem: {
-        item,
-        index
-      }
-    } = state;
+      item,
+      index
+    } = selectedKeyedItem;
     const renderProps = renderItem(item, index);
     return {
       title: state.collection.itemName(item),
       ...renderProps
     };
-  }, [state.selectedKeyedItem]);
+  }, [selectedKeyedItem]);
   const {
     collection: {
       translate: t
     }
   } = state;
-  const additionalStepContent = (0, _react.useMemo)(() => renderAdditionalStepContent == null ? void 0 : renderAdditionalStepContent({
-    item: state.selectedKeyedItem.item
-  }), [state.selectedKeyedItem]);
   const suffixNode = (0, _react.useMemo)(() => {
     return [additionalStepOverrides.extraNode, additionalStepOverrides.extraText, renderedItemProps.extraNode, renderedItemProps.extraText].find(node => node !== undefined);
   }, [renderedItemProps, additionalStepOverrides.extraNode, additionalStepOverrides.extraText]);
@@ -86,7 +95,7 @@ function _PickerContentAdditionalStep(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 154,
+        lineNumber: 164,
         columnNumber: 27
       }
     }) : primaryButtonText,
@@ -94,13 +103,13 @@ function _PickerContentAdditionalStep(props) {
     primaryButtonProps: {
       disabled: state.isLoading || !enablePrimaryButton
     },
-    sideActions: /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+    sideActions: autoAdditionalStepOnInitialSelect ? undefined : /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeft, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 160,
-          columnNumber: 23
+          lineNumber: 173,
+          columnNumber: 25
         }
       }),
       dataHook: "back-button",
@@ -108,14 +117,14 @@ function _PickerContentAdditionalStep(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
-        columnNumber: 9
+        lineNumber: 172,
+        columnNumber: 11
       }
     }, t('cairo.pickerModal.back.button')),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 142,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -130,7 +139,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 182,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -138,7 +147,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 192,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -146,7 +155,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 193,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -154,7 +163,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 194,
       columnNumber: 13
     }
   }, renderedItemProps.image), /*#__PURE__*/_react.default.createElement("div", {
@@ -162,14 +171,14 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 195,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 196,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -178,14 +187,14 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 197,
       columnNumber: 17
     }
   }, renderedItemProps.title)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 201,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -196,7 +205,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 188,
+      lineNumber: 202,
       columnNumber: 17
     }
   }, renderedItemProps.subtitle))), suffixNode !== undefined && /*#__PURE__*/_react.default.createElement("div", {
@@ -204,7 +213,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 194,
+      lineNumber: 208,
       columnNumber: 15
     }
   }, typeof suffixNode === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -213,7 +222,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 196,
+      lineNumber: 210,
       columnNumber: 19
     }
   }, suffixNode) : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -221,7 +230,7 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 200,
+      lineNumber: 214,
       columnNumber: 19
     }
   }, suffixNode)))), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -233,10 +242,19 @@ function _PickerContentAdditionalStep(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 220,
       columnNumber: 9
     }
-  }, additionalStepContent)));
+  }, selectedKeyedItem && /*#__PURE__*/_react.default.createElement(AdditionalStepContentRenderer, {
+    renderAdditionalStepContent: renderAdditionalStepContent,
+    item: selectedKeyedItem.item,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 228,
+      columnNumber: 13
+    }
+  }))));
 }
 const PickerContentAdditionalStep = exports.PickerContentAdditionalStep = (0, _mobxReactLite.observer)(_PickerContentAdditionalStep);
 //# sourceMappingURL=PickerContentAdditionalStep.js.map

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","_PickerContentAdditionalStep","props","pickerContentState","renderItem","renderAdditionalStepContent","additionalStepTitle","additionalStepSubtitle","primaryButtonOnClick","secondaryButtonOnClick","onCloseButtonClick","onBeforeSelectAdditionalStep","onBackButtonClick","additionalStepOverrides","primaryButtonText","height","rest","state","useState","additionalStep","AdditionalStepState","collection","picker","renderedItemProps","useMemo","selectedKeyedItem","item","index","renderProps","title","itemName","translate","additionalStepContent","suffixNode","extraNode","extraText","find","node","undefined","image","subtitle","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  /** 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: Function;\n}\n\nexport type PickerContentAdditionalStepFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentAdditionalStepProps<T> &\n  PickerContentAdditionalStepStateProps<T, F>;\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    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 renderedItemProps = useMemo(() => {\n    const {\n      selectedKeyedItem: { item, index },\n    } = state;\n    const renderProps = renderItem(item, index);\n\n    return {\n      title: state.collection.itemName(item),\n      ...renderProps,\n    };\n  }, [state.selectedKeyedItem]);\n\n  const {\n    collection: { translate: t },\n  } = state;\n\n  const additionalStepContent = useMemo(\n    () =>\n      renderAdditionalStepContent?.({\n        item: state.selectedKeyedItem.item,\n      }),\n    [state.selectedKeyedItem],\n  );\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={{ disabled: state.isLoading || !enablePrimaryButton }}\n      sideActions={\n        <TextButton\n          prefixIcon={<ChevronLeft />}\n          dataHook=\"back-button\"\n          onClick={() => onBackButtonClick()}\n        >\n          {t('cairo.pickerModal.back.button')}\n        </TextButton>\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          {additionalStepContent}\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","_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":[]}

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_ = "PickerContentAdditionalStep4199282124";
+var _namespace_ = "PickerContentAdditionalStep1442705227";
 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": "PickerContentAdditionalStep4199282124__root",
-  "titles": "PickerContentAdditionalStep4199282124__titles",
-  "suffix": "PickerContentAdditionalStep4199282124__suffix"
+  "root": "PickerContentAdditionalStep1442705227__root",
+  "titles": "PickerContentAdditionalStep1442705227__titles",
+  "suffix": "PickerContentAdditionalStep1442705227__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_ = \"PickerContentAdditionalStep4199282124\";\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\":\"PickerContentAdditionalStep4199282124__root\",\"titles\":\"PickerContentAdditionalStep4199282124__titles\",\"suffix\":\"PickerContentAdditionalStep4199282124__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_ = \"PickerContentAdditionalStep1442705227\";\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\":\"PickerContentAdditionalStep1442705227__root\",\"titles\":\"PickerContentAdditionalStep1442705227__titles\",\"suffix\":\"PickerContentAdditionalStep1442705227__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/PickerContent/PickerContentBaseWrapped.js

@@ -12,17 +12,28 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cj
 function _PickerContentBaseWrapped(props) {
   const {
     className,
-    children
+    children,
+    onCloseButtonClick,
+    closeButtonProps,
+    ...rest
   } = props;
   return /*#__PURE__*/_react.default.createElement(_designSystem.CustomModalLayout, (0, _extends2.default)({
     className: (0, _PickerContentStCss.st)(_PickerContentStCss.classes.root, {}, className),
     removeContentPadding: true,
-    showFooterDivider: true
-  }, props, {
+    showFooterDivider: true,
+    closeButtonProps: {
+      autoFocus: true,
+      ...closeButtonProps,
+      onClick: event => {
+        onCloseButtonClick == null || onCloseButtonClick(event);
+        closeButtonProps == null || closeButtonProps.onClick == null || closeButtonProps.onClick(event);
+      }
+    }
+  }, rest, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 17,
+      lineNumber: 18,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -32,7 +43,7 @@ function _PickerContentBaseWrapped(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 32,
       columnNumber: 7
     }
   }, children));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerContentStCss","_jsxFileName","_PickerContentBaseWrapped","props","className","children","default","createElement","CustomModalLayout","_extends2","st","classes","root","removeContentPadding","showFooterDivider","__self","__source","fileName","lineNumber","columnNumber","Box","height","flex","direction","PickerContentBaseWrapped","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentBaseWrapped.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CustomModalLayout,\n  CustomModalLayoutProps,\n} from '@wix/design-system';\nimport { st, classes } from './PickerContent.st.css.js';\n\nexport interface PickerContentBaseWrappedProps\n  extends Partial<CustomModalLayoutProps> {}\n\nfunction _PickerContentBaseWrapped(props: PickerContentBaseWrappedProps) {\n  const { className, children } = props;\n\n  return (\n    <CustomModalLayout\n      className={st(classes.root, {}, className)}\n      removeContentPadding\n      showFooterDivider\n      {...props}\n    >\n      <Box height=\"100%\" flex={1} direction=\"vertical\">\n        {children}\n      </Box>\n    </CustomModalLayout>\n  );\n}\nexport const PickerContentBaseWrapped = observer(_PickerContentBaseWrapped);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAKA,IAAAG,mBAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAKxD,SAASC,yBAAyBA,CAACC,KAAoC,EAAE;EACvE,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAErC,oBACER,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAS,iBAAiB,MAAAC,SAAA,CAAAH,OAAA;IAChBF,SAAS,EAAE,IAAAM,sBAAE,EAACC,2BAAO,CAACC,IAAI,EAAE,CAAC,CAAC,EAAER,SAAS,CAAE;IAC3CS,oBAAoB;IACpBC,iBAAiB;EAAA,GACbX,KAAK;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAETxB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAqB,GAAG;IAACC,MAAM,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAACC,SAAS,EAAC,UAAU;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7Cd,QACE,CACY,CAAC;AAExB;AACO,MAAMmB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACxB,yBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_PickerContentStCss","_jsxFileName","_PickerContentBaseWrapped","props","className","children","onCloseButtonClick","closeButtonProps","rest","default","createElement","CustomModalLayout","_extends2","st","classes","root","removeContentPadding","showFooterDivider","autoFocus","onClick","event","__self","__source","fileName","lineNumber","columnNumber","Box","height","flex","direction","PickerContentBaseWrapped","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentBaseWrapped.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  CustomModalLayout,\n  CustomModalLayoutProps,\n} from '@wix/design-system';\nimport { st, classes } from './PickerContent.st.css.js';\n\nexport interface PickerContentBaseWrappedProps\n  extends Partial<CustomModalLayoutProps> {}\n\nfunction _PickerContentBaseWrapped(props: PickerContentBaseWrappedProps) {\n  const { className, children, onCloseButtonClick, closeButtonProps, ...rest } =\n    props;\n\n  return (\n    <CustomModalLayout\n      className={st(classes.root, {}, className)}\n      removeContentPadding\n      showFooterDivider\n      closeButtonProps={{\n        autoFocus: true,\n        ...closeButtonProps,\n        onClick: (event) => {\n          onCloseButtonClick?.(event);\n          closeButtonProps?.onClick?.(event);\n        },\n      }}\n      {...rest}\n    >\n      <Box height=\"100%\" flex={1} direction=\"vertical\">\n        {children}\n      </Box>\n    </CustomModalLayout>\n  );\n}\nexport const PickerContentBaseWrapped = observer(_PickerContentBaseWrapped);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAKA,IAAAG,mBAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAKxD,SAASC,yBAAyBA,CAACC,KAAoC,EAAE;EACvE,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAEC,kBAAkB;IAAEC,gBAAgB;IAAE,GAAGC;EAAK,CAAC,GAC1EL,KAAK;EAEP,oBACER,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,iBAAiB,MAAAC,SAAA,CAAAH,OAAA;IAChBL,SAAS,EAAE,IAAAS,sBAAE,EAACC,2BAAO,CAACC,IAAI,EAAE,CAAC,CAAC,EAAEX,SAAS,CAAE;IAC3CY,oBAAoB;IACpBC,iBAAiB;IACjBV,gBAAgB,EAAE;MAChBW,SAAS,EAAE,IAAI;MACf,GAAGX,gBAAgB;MACnBY,OAAO,EAAGC,KAAK,IAAK;QAClBd,kBAAkB,YAAlBA,kBAAkB,CAAGc,KAAK,CAAC;QAC3Bb,gBAAgB,YAAhBA,gBAAgB,CAAEY,OAAO,YAAzBZ,gBAAgB,CAAEY,OAAO,CAAGC,KAAK,CAAC;MACpC;IACF;EAAE,GACEZ,IAAI;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,iBAER9B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAA2B,GAAG;IAACC,MAAM,EAAC,MAAM;IAACC,IAAI,EAAE,CAAE;IAACC,SAAS,EAAC,UAAU;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7CpB,QACE,CACY,CAAC;AAExB;AACO,MAAMyB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,yBAAyB,CAAC","ignoreList":[]}

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

@@ -61,7 +61,6 @@ function _PickerContentItemsSelection(props) {
   } = bulkSelect;
   (0, _react.useEffect)(() => {
     _customContent.value = () => customContent;
-    return state.init();
   }, []);
   const reachedMax = (0, _MaxSelection.reachedMaxSelection)({
     collection,
@@ -88,7 +87,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 197,
+      lineNumber: 196,
       columnNumber: 5
     }
   }) : null;
@@ -101,7 +100,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 210,
+          lineNumber: 209,
           columnNumber: 14
         }
       });
@@ -112,7 +111,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 218,
+          lineNumber: 217,
           columnNumber: 9
         }
       }, /*#__PURE__*/_react.default.createElement(_MaybeTooltip.MaybeTooltip, {
@@ -121,14 +120,14 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 219,
+          lineNumber: 218,
           columnNumber: 11
         }
       }, /*#__PURE__*/_react.default.createElement("div", {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 223,
+          lineNumber: 222,
           columnNumber: 13
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -139,7 +138,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 224,
+          lineNumber: 223,
           columnNumber: 15
         }
       }, customContentButtonText ?? t('cairo.picker.createNew.button')))));
@@ -150,7 +149,7 @@ function _PickerContentItemsSelection(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 239,
+          lineNumber: 238,
           columnNumber: 9
         }
       }, t('cairo.selector.modal.items.selected', {
@@ -165,7 +164,7 @@ function _PickerContentItemsSelection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 251,
+        lineNumber: 250,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -173,7 +172,7 @@ function _PickerContentItemsSelection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 252,
+        lineNumber: 251,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_FilterRenderingContext.FilterRenderingContextProvider, {
@@ -181,7 +180,7 @@ function _PickerContentItemsSelection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 253,
+        lineNumber: 252,
         columnNumber: 11
       }
     }, filterComponent)), resolvedSearchElement && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, resolvedSearchElement));
@@ -201,7 +200,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 264,
+      lineNumber: 263,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
@@ -209,7 +208,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 276,
+      lineNumber: 275,
       columnNumber: 7
     }
   }, (resolvedSearchElement || filterComponent || renderCustomNotification || showMaxSelection) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -222,7 +221,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 281,
+      lineNumber: 280,
       columnNumber: 11
     }
   }, filterComponent ? renderFiltersComponent() : resolvedSearchElement, renderCustomNotification ? /*#__PURE__*/_react.default.createElement("span", {
@@ -230,7 +229,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 291,
+      lineNumber: 290,
       columnNumber: 15
     }
   }, renderCustomNotification({
@@ -245,7 +244,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 299,
+      lineNumber: 298,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
@@ -253,7 +252,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 309,
+      lineNumber: 308,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Picker.Picker, {
@@ -265,7 +264,7 @@ function _PickerContentItemsSelection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 310,
+      lineNumber: 309,
       columnNumber: 11
     }
   }, renderPickerContent == null ? void 0 : renderPickerContent({