@wix/patterns 0.8.0

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

@@ -0,0 +1,277 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerContentItemsSelection = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _CollectionSearch = require("../CollectionSearch");
+var _Picker = require("../Picker");
+var _CollectionContext = require("../CollectionContext");
+var _MaxSelection = require("../MaxSelection");
+var _MaybeTooltip = require("../MaybeTooltip");
+var _SelectAllCheckbox = require("./SelectAllCheckbox");
+var _MultiCollectionSupportProvider = require("../MultiCollectionSupportProvider");
+var _PickerContentBaseWrapped = require("./PickerContentBaseWrapped");
+var _FilterRenderingContext = require("../FilterRenderingContext");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/PickerContentItemsSelection.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _PickerContentItemsSelection(props) {
+  const {
+    modalState,
+    primaryButtonProps,
+    renderEmptyState,
+    renderError,
+    state,
+    multiple,
+    customContentButtonText,
+    customContentButtonPrefixIcon,
+    customContentButtonOnClick,
+    customContent,
+    showSelectAllCheckbox,
+    enablePrimaryButton,
+    hideSearch,
+    renderPickerContent,
+    customMaxSelectionLabel,
+    renderCustomNotification,
+    filterComponent,
+    showSelectedCount,
+    ...rest
+  } = props;
+  const {
+    _customContent
+  } = modalState;
+  const {
+    picker
+  } = state;
+  const {
+    strictFiltersOnly,
+    collection
+  } = picker;
+  const {
+    result: {
+      isEmptyAndNotFetching: isEmptyAfterStrictFilters
+    }
+  } = strictFiltersOnly;
+  const {
+    bulkSelect,
+    translate: t,
+    showInitialLoader
+  } = collection;
+  const {
+    isEmpty: isSelectEmpty
+  } = bulkSelect;
+  (0, _react.useEffect)(() => {
+    _customContent.value = () => customContent;
+    return state.init();
+  }, []);
+  const reachedMax = (0, _MaxSelection.reachedMaxSelection)({
+    collection,
+    multiple
+  });
+  const [filterRenderingContextValue] = (0, _react.useState)(() => ({
+    location: 'modal'
+  }));
+  const onCustomContentButtonClick = (0, _react.useCallback)(() => {
+    state.onCreateNewButtonClick(customContentButtonOnClick);
+  }, [customContentButtonOnClick]);
+  const renderItem = (item, index) => {
+    const renderedItem = props.renderItem(item, index);
+    const key = collection.itemKey(item);
+    return {
+      ...renderedItem,
+      disabled: reachedMax && !collection.bulkSelect.selectedIds.includes(key) || renderedItem.disabled
+    };
+  };
+  const search = /*#__PURE__*/_react.default.createElement(_CollectionSearch.CollectionSearch, {
+    minWidthPixels: "100%",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 181,
+      columnNumber: 18
+    }
+  });
+  const renderSideActions = () => {
+    if (showSelectAllCheckbox && !showInitialLoader && (multiple === true || multiple === Infinity)) {
+      return /*#__PURE__*/_react.default.createElement(_SelectAllCheckbox.SelectAllCheckbox, {
+        state: state,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 189,
+          columnNumber: 14
+        }
+      });
+    }
+    const shouldShowCustomContentButton = customContent || customContentButtonOnClick;
+    if (shouldShowCustomContentButton) {
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 197,
+          columnNumber: 9
+        }
+      }, /*#__PURE__*/_react.default.createElement(_MaybeTooltip.MaybeTooltip, {
+        dataHook: "custom-content-button-tooltip",
+        content: reachedMax && t('cairo.picker.createNew.button.tooltip'),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 198,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 202,
+          columnNumber: 13
+        }
+      }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+        dataHook: "custom-content-button",
+        prefixIcon: customContentButtonPrefixIcon,
+        disabled: reachedMax,
+        onClick: onCustomContentButtonClick,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 203,
+          columnNumber: 15
+        }
+      }, customContentButtonText ?? t('cairo.picker.createNew.button')))));
+    }
+    if (showSelectedCount) {
+      return /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        dataHook: "cairo-selected-items-count",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 218,
+          columnNumber: 9
+        }
+      }, t('cairo.selector.modal.items.selected', {
+        total: collection.bulkSelect.selectedCount
+      }));
+    }
+    return null;
+  };
+  const renderFiltersComponent = () => {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "12px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 230,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "200px",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 231,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_FilterRenderingContext.FilterRenderingContextProvider, {
+      value: filterRenderingContextValue,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 232,
+        columnNumber: 11
+      }
+    }, filterComponent)), !hideSearch && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, search));
+  };
+  return /*#__PURE__*/_react.default.createElement(_PickerContentBaseWrapped.PickerContentBaseWrapped, (0, _extends2.default)({
+    secondaryButtonText: t('cairo.cancel.button'),
+    primaryButtonProps: {
+      disabled: isSelectEmpty && !enablePrimaryButton,
+      ...primaryButtonProps,
+      style: {
+        ...(primaryButtonProps == null ? void 0 : primaryButtonProps.style)
+      }
+    },
+    sideActions: renderSideActions()
+  }, rest, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 242,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_CollectionContext.CollectionProvider, {
+    value: picker.collection,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 254,
+      columnNumber: 7
+    }
+  }, (filterComponent || !isEmptyAfterStrictFilters) && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    display: "grid",
+    paddingLeft: "SP5",
+    paddingRight: "SP5",
+    paddingBottom: "SP3",
+    paddingTop: rest.showHeaderDivider ? 'SP3' : '3px',
+    gap: "SP3",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 256,
+      columnNumber: 11
+    }
+  }, filterComponent ? renderFiltersComponent() : !hideSearch && search, renderCustomNotification ? /*#__PURE__*/_react.default.createElement("span", {
+    "data-hook": "custom-notification",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 266,
+      columnNumber: 15
+    }
+  }, renderCustomNotification({
+    selected: collection.bulkSelect.selectedCount,
+    total: collection.result.total
+  })) : null, /*#__PURE__*/_react.default.createElement(_MaxSelection.BulkSelectionMaxSelectionLabel, {
+    dataHook: "selection-max-label",
+    multiple: multiple,
+    customLabel: customMaxSelectionLabel,
+    t: t,
+    selectedCount: collection.bulkSelect.selectedCount,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 273,
+      columnNumber: 13
+    }
+  })), /*#__PURE__*/_react.default.createElement(_MultiCollectionSupportProvider.MultiCollectionSupportProvider, {
+    value: picker.multi,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 283,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Picker.Picker, {
+    dataHook: "picker",
+    state: picker,
+    renderEmptyState: renderEmptyState,
+    renderError: renderError,
+    hasFilterDropdown: !!filterComponent,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 284,
+      columnNumber: 11
+    }
+  }, renderPickerContent == null ? void 0 : renderPickerContent({
+    state,
+    renderItem
+  })))));
+}
+const PickerContentItemsSelection = exports.PickerContentItemsSelection = (0, _mobxReactLite.observer)(_PickerContentItemsSelection);
+//# sourceMappingURL=PickerContentItemsSelection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_CollectionSearch","_Picker","_CollectionContext","_MaxSelection","_MaybeTooltip","_SelectAllCheckbox","_MultiCollectionSupportProvider","_PickerContentBaseWrapped","_FilterRenderingContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_PickerContentItemsSelection","props","modalState","primaryButtonProps","renderEmptyState","renderError","state","multiple","customContentButtonText","customContentButtonPrefixIcon","customContentButtonOnClick","customContent","showSelectAllCheckbox","enablePrimaryButton","hideSearch","renderPickerContent","customMaxSelectionLabel","renderCustomNotification","filterComponent","showSelectedCount","rest","_customContent","picker","strictFiltersOnly","collection","result","isEmptyAndNotFetching","isEmptyAfterStrictFilters","bulkSelect","translate","showInitialLoader","isEmpty","isSelectEmpty","useEffect","value","init","reachedMax","reachedMaxSelection","filterRenderingContextValue","useState","location","onCustomContentButtonClick","useCallback","onCreateNewButtonClick","renderItem","item","index","renderedItem","key","itemKey","disabled","selectedIds","includes","search","createElement","CollectionSearch","minWidthPixels","__self","__source","fileName","lineNumber","columnNumber","renderSideActions","Infinity","SelectAllCheckbox","shouldShowCustomContentButton","Box","MaybeTooltip","dataHook","content","TextButton","prefixIcon","onClick","Text","total","selectedCount","renderFiltersComponent","gap","width","FilterRenderingContextProvider","Fragment","PickerContentBaseWrapped","_extends2","secondaryButtonText","style","sideActions","CollectionProvider","display","paddingLeft","paddingRight","paddingBottom","paddingTop","showHeaderDivider","selected","BulkSelectionMaxSelectionLabel","customLabel","MultiCollectionSupportProvider","multi","Picker","hasFilterDropdown","PickerContentItemsSelection","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentItemsSelection.tsx"],"sourcesContent":["import React, { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomModalContent, PickerModalState } from '../../hooks';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport {\n  Box,\n  FloatingNotification,\n  FloatingNotificationProps,\n  IconElement,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { Picker, PickerProps } from '../Picker';\nimport { CollectionProvider } from '../CollectionContext';\nimport {\n  BulkSelectionMaxSelectionLabel,\n  MaxSelectionLabelProps,\n  MultipleSelection,\n  reachedMaxSelection,\n} from '../MaxSelection';\nimport { PickerContentState } from '../../state';\nimport { MaybeTooltip } from '../MaybeTooltip';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { SelectAllCheckbox } from './SelectAllCheckbox';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\nimport {\n  PickerContentBaseWrapped,\n  PickerContentBaseWrappedProps,\n} from './PickerContentBaseWrapped';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\n\nexport interface PickerContentItemsSelectionProps<T, F extends FiltersMap>\n  extends Partial<PickerContentBaseWrappedProps> {\n  modalState: PickerModalState<T, F>;\n  customContentButtonText?: string;\n  customContentButtonPrefixIcon?: IconElement;\n\n  /**\n   * A callback to be called when the custom content button is clicked\n   */\n  customContentButtonOnClick?: (param: {\n    onClose: (newItems?: T[]) => void;\n  }) => void;\n\n  customContent?: CustomModalContent<T>;\n  /**\n   * Shows \"Select All\" checkbox as a side action (overrides \"customContent\" prop).\n   * If `multiple={number}` or `multiple={false}` are used, this prop does nothing.\n   */\n  showSelectAllCheckbox?: boolean;\n\n  multiple?: MultipleSelection;\n\n  /**\n   * Shows a SingleSelectFilter component in a picker modal to filter items;\n   */\n  filterComponent?: ReactElement;\n  /**\n   * A function that render a item row in the selector list\n   */\n  renderItem: (item: T, index: number) => Partial<PickerListItemProps>;\n  /**\n   * A render function to be rendered when there're no items to show in the table.<br>\n   * You can use the built in [`<CollectionEmptyState />`](./?path=/story/components-collection-features--empty-state).<br>\n   * The function accepts the following parameters\n   *   * `hasAvailableItems`: Indicates whether other items might have been shown using other filtering / search\n   *   * `query`: An instance of [ComputedQuery](./?path=/story/common-models--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement<any, any>;\n  renderError: PickerProps<T, F>['renderError'];\n  /**\n   * When set to `true`, the modal primary button will be always enabled.\n   */\n  enablePrimaryButton?: boolean;\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n  /**\n   * Function that returns label for multi selection like:\n   * '2 items selected (24 max)`\n   * This function accepts argument {num: number, max: number}\n   */\n  customMaxSelectionLabel?: MaxSelectionLabelProps['customLabel'];\n  /**\n   * Function that returns custom notification that will be displayed in the picker modal.\n   * Useful to describe additional information about the selection (for instance how to increase limit of selected items).\n   * @param data.selected - number of selected items\n   * @param data.total - total number of items\n   */\n  renderCustomNotification?: (data: {\n    selected?: number;\n    total?: number;\n  }) => ReactElement<FloatingNotificationProps, typeof FloatingNotification>;\n  /** Displays count of selected items in <CustomModalLayout /> `sideActions` */\n  showSelectedCount?: boolean;\n}\n\ninterface PickerContentItemsSelectionStateProps<T, F extends FiltersMap> {\n  state: PickerContentState<T, F>;\n  renderPickerContent: (params: {\n    state: PickerContentState<T, F>;\n    renderItem: PickerContentItemsSelectionProps<T, F>['renderItem'];\n  }) => ReactElement;\n}\n\nexport type PickerContentItemsSelectionFullProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> = PickerContentItemsSelectionProps<T, F> &\n  PickerContentItemsSelectionStateProps<T, F>;\n\nfunction _PickerContentItemsSelection<T, F extends FiltersMap = FiltersMap>(\n  props: PickerContentItemsSelectionFullProps<T, F>,\n) {\n  const {\n    modalState,\n    primaryButtonProps,\n    renderEmptyState,\n    renderError,\n    state,\n    multiple,\n    customContentButtonText,\n    customContentButtonPrefixIcon,\n    customContentButtonOnClick,\n    customContent,\n    showSelectAllCheckbox,\n    enablePrimaryButton,\n    hideSearch,\n    renderPickerContent,\n    customMaxSelectionLabel,\n    renderCustomNotification,\n    filterComponent,\n    showSelectedCount,\n    ...rest\n  } = props;\n  const { _customContent } = modalState;\n\n  const { picker } = state;\n\n  const { strictFiltersOnly, collection } = picker;\n\n  const {\n    result: { isEmptyAndNotFetching: isEmptyAfterStrictFilters },\n  } = strictFiltersOnly;\n\n  const { bulkSelect, translate: t, showInitialLoader } = collection;\n\n  const { isEmpty: isSelectEmpty } = bulkSelect;\n\n  useEffect(() => {\n    _customContent.value = () => customContent;\n    return state.init();\n  }, []);\n\n  const reachedMax = reachedMaxSelection({\n    collection,\n    multiple,\n  });\n\n  const [filterRenderingContextValue] = useState(() => ({\n    location: 'modal' as const,\n  }));\n  const onCustomContentButtonClick = useCallback(() => {\n    state.onCreateNewButtonClick(customContentButtonOnClick);\n  }, [customContentButtonOnClick]);\n\n  const renderItem: typeof props['renderItem'] = (item, index) => {\n    const renderedItem = props.renderItem(item, index);\n    const key = collection.itemKey(item);\n    return {\n      ...renderedItem,\n      disabled:\n        (reachedMax && !collection.bulkSelect.selectedIds.includes(key)) ||\n        renderedItem.disabled,\n    };\n  };\n\n  const search = <CollectionSearch minWidthPixels=\"100%\" />;\n\n  const renderSideActions = () => {\n    if (\n      showSelectAllCheckbox &&\n      !showInitialLoader &&\n      (multiple === true || multiple === Infinity)\n    ) {\n      return <SelectAllCheckbox state={state} />;\n    }\n\n    const shouldShowCustomContentButton =\n      customContent || customContentButtonOnClick;\n\n    if (shouldShowCustomContentButton) {\n      return (\n        <Box>\n          <MaybeTooltip\n            dataHook=\"custom-content-button-tooltip\"\n            content={reachedMax && t('cairo.picker.createNew.button.tooltip')}\n          >\n            <div>\n              <TextButton\n                dataHook=\"custom-content-button\"\n                prefixIcon={customContentButtonPrefixIcon}\n                disabled={reachedMax}\n                onClick={onCustomContentButtonClick}\n              >\n                {customContentButtonText ?? t('cairo.picker.createNew.button')}\n              </TextButton>\n            </div>\n          </MaybeTooltip>\n        </Box>\n      );\n    }\n    if (showSelectedCount) {\n      return (\n        <Text dataHook=\"cairo-selected-items-count\">\n          {t('cairo.selector.modal.items.selected', {\n            total: collection.bulkSelect.selectedCount,\n          })}\n        </Text>\n      );\n    }\n    return null;\n  };\n\n  const renderFiltersComponent = () => {\n    return (\n      <Box gap=\"12px\">\n        <Box width=\"200px\">\n          <FilterRenderingContextProvider value={filterRenderingContextValue}>\n            {filterComponent}\n          </FilterRenderingContextProvider>\n        </Box>\n        {!hideSearch && <>{search}</>}\n      </Box>\n    );\n  };\n\n  return (\n    <PickerContentBaseWrapped\n      secondaryButtonText={t('cairo.cancel.button')}\n      primaryButtonProps={{\n        disabled: isSelectEmpty && !enablePrimaryButton,\n        ...primaryButtonProps,\n        style: {\n          ...primaryButtonProps?.style,\n        },\n      }}\n      sideActions={renderSideActions()}\n      {...rest}\n    >\n      <CollectionProvider value={picker.collection}>\n        {(filterComponent || !isEmptyAfterStrictFilters) && (\n          <Box\n            display=\"grid\"\n            paddingLeft=\"SP5\"\n            paddingRight=\"SP5\"\n            paddingBottom=\"SP3\"\n            paddingTop={rest.showHeaderDivider ? 'SP3' : '3px'}\n            gap=\"SP3\"\n          >\n            {filterComponent ? renderFiltersComponent() : !hideSearch && search}\n            {renderCustomNotification ? (\n              <span data-hook=\"custom-notification\">\n                {renderCustomNotification({\n                  selected: collection.bulkSelect.selectedCount,\n                  total: collection.result.total,\n                })}\n              </span>\n            ) : null}\n            <BulkSelectionMaxSelectionLabel\n              dataHook=\"selection-max-label\"\n              multiple={multiple}\n              customLabel={customMaxSelectionLabel}\n              t={t}\n              selectedCount={collection.bulkSelect.selectedCount}\n            />\n          </Box>\n        )}\n\n        <MultiCollectionSupportProvider value={picker.multi}>\n          <Picker\n            dataHook=\"picker\"\n            state={picker}\n            renderEmptyState={renderEmptyState}\n            renderError={renderError}\n            hasFilterDropdown={!!filterComponent}\n          >\n            {renderPickerContent?.({ state, renderItem })}\n          </Picker>\n        </MultiCollectionSupportProvider>\n      </CollectionProvider>\n    </PickerContentBaseWrapped>\n  );\n}\nexport const PickerContentItemsSelection = observer(\n  _PickerContentItemsSelection,\n);\n"],"mappings":"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"}

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

@@ -0,0 +1,61 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PickerContentProvider = PickerContentProvider;
+var _react = require("@wix/bex-core/react");
+var _providers = require("../../providers");
+var _react2 = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/PickerContentProvider.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function PickerContentProvider(props) {
+  const {
+    children,
+    modalState: {
+      fetchInitialProps
+    }
+  } = props;
+  const container = (0, _react.useWixPatternsContainer)();
+  const [initialProps] = (0, _react2.useState)(() => {
+    var _fetchInitialProps$st;
+    return {
+      messages: (_fetchInitialProps$st = fetchInitialProps.status.value.data) == null ? void 0 : _fetchInitialProps$st.cairoMessages
+    };
+  });
+
+  // avoid showing toasts under modal context
+  // https://wix.slack.com/archives/C4MVDTET1/p1633861135370100
+  const [wixPatternsContainerOverrides] = (0, _react2.useState)(() => ({
+    showToast: () => ({
+      remove: () => {}
+    }),
+    events: container.events,
+    onNavigationModal: container.onNavigationModal
+  }));
+  return /*#__PURE__*/_react2.default.createElement(_react.WixPatternsInitialPropsProvider, {
+    value: initialProps,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_react.WixPatternsContainerOverridesProvider, {
+    value: wixPatternsContainerOverrides,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react2.default.createElement(_providers.CairoProvider, {
+    value: container,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 48,
+      columnNumber: 9
+    }
+  }, children)));
+}
+//# sourceMappingURL=PickerContentProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_providers","_react2","_interopRequireWildcard","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PickerContentProvider","props","children","modalState","fetchInitialProps","container","useWixPatternsContainer","initialProps","useState","_fetchInitialProps$st","messages","status","value","data","cairoMessages","wixPatternsContainerOverrides","showToast","remove","events","onNavigationModal","createElement","WixPatternsInitialPropsProvider","__self","__source","fileName","lineNumber","columnNumber","WixPatternsContainerOverridesProvider","CairoProvider"],"sources":["../../../../src/components/PickerContent/PickerContentProvider.tsx"],"sourcesContent":["import {\n  WixPatternsContainerOverridesProvider,\n  WixPatternsInitialPropsProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { CairoProvider } from '../../providers';\nimport React, { ReactNode, useState } from 'react';\nimport {\n  WixPatternsContainerParams,\n  WixPatternsInitialProps,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { PickerModalState } from '../../hooks';\n\nexport interface PickerContentProviderProps<T, F extends FiltersMap> {\n  modalState: PickerModalState<T, F>;\n  children?: ReactNode;\n}\n\nexport function PickerContentProvider<T, F extends FiltersMap>(\n  props: PickerContentProviderProps<T, F>,\n) {\n  const {\n    children,\n    modalState: { fetchInitialProps },\n  } = props;\n  const container = useWixPatternsContainer();\n\n  const [initialProps] = useState<WixPatternsInitialProps>(() => ({\n    messages: fetchInitialProps.status.value.data?.cairoMessages,\n  }));\n\n  // avoid showing toasts under modal context\n  // https://wix.slack.com/archives/C4MVDTET1/p1633861135370100\n  const [wixPatternsContainerOverrides] = useState<\n    Partial<WixPatternsContainerParams>\n  >(() => ({\n    showToast: () => ({ remove: () => {} }),\n    events: container.events,\n    onNavigationModal: container.onNavigationModal,\n  }));\n\n  return (\n    <WixPatternsInitialPropsProvider value={initialProps}>\n      <WixPatternsContainerOverridesProvider\n        value={wixPatternsContainerOverrides}\n      >\n        <CairoProvider value={container}>{children}</CairoProvider>\n      </WixPatternsContainerOverridesProvider>\n    </WixPatternsInitialPropsProvider>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,uBAAA,CAAAH,OAAA;AAAmD,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAa5C,SAASY,qBAAqBA,CACnCC,KAAuC,EACvC;EACA,MAAM;IACJC,QAAQ;IACRC,UAAU,EAAE;MAAEC;IAAkB;EAClC,CAAC,GAAGH,KAAK;EACT,MAAMI,SAAS,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EAE3C,MAAM,CAACC,YAAY,CAAC,GAAG,IAAAC,gBAAQ,EAA0B;IAAA,IAAAC,qBAAA;IAAA,OAAO;MAC9DC,QAAQ,GAAAD,qBAAA,GAAEL,iBAAiB,CAACO,MAAM,CAACC,KAAK,CAACC,IAAI,qBAAnCJ,qBAAA,CAAqCK;IACjD,CAAC;EAAA,CAAC,CAAC;;EAEH;EACA;EACA,MAAM,CAACC,6BAA6B,CAAC,GAAG,IAAAP,gBAAQ,EAE9C,OAAO;IACPQ,SAAS,EAAEA,CAAA,MAAO;MAAEC,MAAM,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC,CAAC;IACvCC,MAAM,EAAEb,SAAS,CAACa,MAAM;IACxBC,iBAAiB,EAAEd,SAAS,CAACc;EAC/B,CAAC,CAAC,CAAC;EAEH,oBACE3C,OAAA,CAAAS,OAAA,CAAAmC,aAAA,CAAC/C,MAAA,CAAAgD,+BAA+B;IAACT,KAAK,EAAEL,YAAa;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnDlD,OAAA,CAAAS,OAAA,CAAAmC,aAAA,CAAC/C,MAAA,CAAAsD,qCAAqC;IACpCf,KAAK,EAAEG,6BAA8B;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAErClD,OAAA,CAAAS,OAAA,CAAAmC,aAAA,CAAC7C,UAAA,CAAAqD,aAAa;IAAChB,KAAK,EAAEP,SAAU;IAAAiB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAExB,QAAwB,CACrB,CACR,CAAC;AAEtC"}

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerContentV2 = PickerContentV2;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _PickerContentProvider = require("./PickerContentProvider");
+var _MaxSelection = require("../MaxSelection");
+var _PickerListContent = require("../PickerListContent");
+var _PickerTableListItem = require("../PickerTableListItem");
+var _PickerContentWrapped = require("./PickerContentWrapped");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/PickerContentV2.tsx";
+function PickerContentV2(props) {
+  const {
+    modalState
+  } = props;
+  return (
+    /*#__PURE__*/
+    // wrap with a new WixPatternsContainer that can get initialProps
+    _react.default.createElement(_PickerContentProvider.PickerContentProvider, {
+      modalState: modalState,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 17,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_PickerContentWrapped.PickerContentWrapped, (0, _extends2.default)({}, props, {
+      renderPickerContent: ({
+        state,
+        renderItem
+      }) => /*#__PURE__*/_react.default.createElement(_PickerListContent.PickerListContent, (0, _extends2.default)({}, props.selectorListProps, {
+        state: state.picker,
+        hiddenItemsWarningText: props.hiddenItemsWarningText,
+        multiple: (0, _MaxSelection.fromMultipleSelectionToBoolean)(props.multiple),
+        renderItem: (keyedItem, index) => /*#__PURE__*/_react.default.createElement(_PickerTableListItem.PickerTableListItem, (0, _extends2.default)({}, renderItem == null ? void 0 : renderItem(keyedItem.item, index), {
+          state: state.picker,
+          keyedItem: keyedItem,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 27,
+            columnNumber: 15
+          }
+        })),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 21,
+          columnNumber: 11
+        }
+      })),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 18,
+        columnNumber: 7
+      }
+    })))
+  );
+}
+//# sourceMappingURL=PickerContentV2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_PickerContentProvider","_MaxSelection","_PickerListContent","_PickerTableListItem","_PickerContentWrapped","_jsxFileName","PickerContentV2","props","modalState","default","createElement","PickerContentProvider","__self","__source","fileName","lineNumber","columnNumber","PickerContentWrapped","_extends2","renderPickerContent","state","renderItem","PickerListContent","selectorListProps","picker","hiddenItemsWarningText","multiple","fromMultipleSelectionToBoolean","keyedItem","index","PickerTableListItem","item"],"sources":["../../../../src/components/PickerContent/PickerContentV2.tsx"],"sourcesContent":["import React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PickerContentProvider } from './PickerContentProvider';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerTableListItem } from '../PickerTableListItem';\nimport { PickerContentWrapped } from './PickerContentWrapped';\nimport { PickerContentProps } from './PickerContent';\n\nexport function PickerContentV2<T, F extends FiltersMap>(\n  props: PickerContentProps<T, F>,\n) {\n  const { modalState } = props;\n\n  return (\n    // wrap with a new WixPatternsContainer that can get initialProps\n    <PickerContentProvider modalState={modalState}>\n      <PickerContentWrapped\n        {...props}\n        renderPickerContent={({ state, renderItem }) => (\n          <PickerListContent\n            {...props.selectorListProps}\n            state={state.picker}\n            hiddenItemsWarningText={props.hiddenItemsWarningText}\n            multiple={fromMultipleSelectionToBoolean(props.multiple)}\n            renderItem={(keyedItem, index) => (\n              <PickerTableListItem\n                {...renderItem?.(keyedItem.item, index)}\n                state={state.picker}\n                keyedItem={keyedItem}\n              />\n            )}\n          />\n        )}\n      />\n    </PickerContentProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,qBAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAGvD,SAASC,eAAeA,CAC7BC,KAA+B,EAC/B;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;EAE5B;IAAA;IACE;IACAV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,sBAAA,CAAAW,qBAAqB;MAACH,UAAU,EAAEA,UAAW;MAAAI,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC5CnB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAa,oBAAoB,MAAAC,SAAA,CAAAT,OAAA,MACfF,KAAK;MACTY,mBAAmB,EAAEA,CAAC;QAAEC,KAAK;QAAEC;MAAW,CAAC,kBACzCxB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,kBAAA,CAAAoB,iBAAiB,MAAAJ,SAAA,CAAAT,OAAA,MACZF,KAAK,CAACgB,iBAAiB;QAC3BH,KAAK,EAAEA,KAAK,CAACI,MAAO;QACpBC,sBAAsB,EAAElB,KAAK,CAACkB,sBAAuB;QACrDC,QAAQ,EAAE,IAAAC,4CAA8B,EAACpB,KAAK,CAACmB,QAAQ,CAAE;QACzDL,UAAU,EAAEA,CAACO,SAAS,EAAEC,KAAK,kBAC3BhC,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,oBAAA,CAAA2B,mBAAmB,MAAAZ,SAAA,CAAAT,OAAA,MACdY,UAAU,oBAAVA,UAAU,CAAGO,SAAS,CAACG,IAAI,EAAEF,KAAK,CAAC;UACvCT,KAAK,EAAEA,KAAK,CAACI,MAAO;UACpBI,SAAS,EAAEA,SAAU;UAAAhB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAT,YAAA;YAAAU,UAAA;YAAAC,YAAA;UAAA;QAAA,EACtB,CACD;QAAAJ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAT,YAAA;UAAAU,UAAA;UAAAC,YAAA;QAAA;MAAA,EACH,CACD;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EACH,CACoB;EAAC;AAE5B"}

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

@@ -0,0 +1,124 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerContentWrapped = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _mobx = require("mobx");
+var _react = _interopRequireWildcard(require("react"));
+var _usePickerContent = require("../../hooks/usePickerContent");
+var _state = require("../../state");
+var _PickerContentAdditionalStep = require("./PickerContentAdditionalStep");
+var _PickerContentItemsSelection = require("./PickerContentItemsSelection");
+var _MaxSelection = require("../MaxSelection");
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/PickerContentWrapped.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _PickerContentWrapped(props) {
+  var _picker$collection$bu;
+  const {
+    state: params,
+    renderPickerContent,
+    primaryButtonOnClick,
+    backButtonOnClick,
+    continueButtonOnClick
+  } = props;
+  const createPickerContentState = (0, _usePickerContent.useCreatePickerContentState)();
+  const [isAdditionalStepShown, showAdditionalStep] = (0, _react.useState)(false);
+  const [state] = (0, _react.useState)(() => params instanceof _state.PickerContentState ? params : createPickerContentState(params));
+  const {
+    picker,
+    modalState
+  } = state;
+  const {
+    _isModalOpen
+  } = modalState;
+  const primaryOnClick = ({
+    currentLevel,
+    numLevels
+  }) => {
+    picker.onPrimaryButtonClick({
+      currentLevel,
+      numLevels
+    });
+    (0, _mobx.runInAction)(() => {
+      var _state$additionalStep;
+      modalState.onPrimaryButtonClick(state, (_state$additionalStep = state.additionalStep) == null ? void 0 : _state$additionalStep.additionalData);
+    });
+    primaryButtonOnClick == null || primaryButtonOnClick();
+  };
+  const secondaryOnClick = () => {
+    picker.onSecondaryButtonOnClick();
+    _isModalOpen.value = false;
+    props == null || props.secondaryButtonOnClick == null || props.secondaryButtonOnClick();
+  };
+  const onCloseButtonClick = event => {
+    picker.onCloseButtonClick();
+    _isModalOpen.value = false;
+    props == null || props.onCloseButtonClick == null || props.onCloseButtonClick(event);
+  };
+  const {
+    collection: {
+      translate: t
+    }
+  } = picker;
+  const selectedValue = (_picker$collection$bu = picker.collection.bulkSelect.selectedValues) == null ? void 0 : _picker$collection$bu[0];
+  const hasAdditionalStep = _react.default.useMemo(() => selectedValue && (props == null || props.hasAdditionalStep == null ? void 0 : props.hasAdditionalStep({
+    item: selectedValue
+  })), [selectedValue]);
+  return isAdditionalStepShown ? /*#__PURE__*/_react.default.createElement(_PickerContentAdditionalStep.PickerContentAdditionalStep, (0, _extends2.default)({}, props, {
+    pickerContentState: state,
+    onBackButtonClick: () => {
+      picker.onBackButtonClick();
+      showAdditionalStep(false);
+      backButtonOnClick == null || backButtonOnClick({
+        item: selectedValue
+      });
+    },
+    primaryButtonOnClick: () => {
+      primaryOnClick({
+        currentLevel: 2,
+        numLevels: 2
+      });
+    },
+    secondaryButtonOnClick: secondaryOnClick,
+    onCloseButtonClick: onCloseButtonClick,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 90,
+      columnNumber: 5
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_PickerContentItemsSelection.PickerContentItemsSelection, (0, _extends2.default)({}, props, {
+    state: state,
+    primaryButtonOnClick: () => {
+      if (
+      // currently additional step supports only single selection
+      !(0, _MaxSelection.fromMultipleSelectionToBoolean)(props == null ? void 0 : props.multiple) && hasAdditionalStep) {
+        picker.onContinueButtonClick();
+        showAdditionalStep(true);
+        continueButtonOnClick == null || continueButtonOnClick({
+          item: selectedValue
+        });
+      } else {
+        primaryOnClick({
+          currentLevel: 1,
+          numLevels: 1
+        });
+      }
+    },
+    primaryButtonText: hasAdditionalStep ? t('cairo.continue') : props.primaryButtonText || t('cairo.continue'),
+    secondaryButtonOnClick: secondaryOnClick,
+    renderPickerContent: renderPickerContent,
+    onCloseButtonClick: onCloseButtonClick,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 5
+    }
+  }));
+}
+const PickerContentWrapped = exports.PickerContentWrapped = (0, _mobxReactLite.observer)(_PickerContentWrapped);
+//# sourceMappingURL=PickerContentWrapped.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_mobx","require","_react","_interopRequireWildcard","_usePickerContent","_state","_PickerContentAdditionalStep","_PickerContentItemsSelection","_MaxSelection","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_PickerContentWrapped","props","_picker$collection$bu","state","params","renderPickerContent","primaryButtonOnClick","backButtonOnClick","continueButtonOnClick","createPickerContentState","useCreatePickerContentState","isAdditionalStepShown","showAdditionalStep","useState","PickerContentState","picker","modalState","_isModalOpen","primaryOnClick","currentLevel","numLevels","onPrimaryButtonClick","runInAction","_state$additionalStep","additionalStep","additionalData","secondaryOnClick","onSecondaryButtonOnClick","value","secondaryButtonOnClick","onCloseButtonClick","event","collection","translate","selectedValue","bulkSelect","selectedValues","hasAdditionalStep","React","useMemo","item","createElement","PickerContentAdditionalStep","_extends2","pickerContentState","onBackButtonClick","__self","__source","fileName","lineNumber","columnNumber","PickerContentItemsSelection","fromMultipleSelectionToBoolean","multiple","onContinueButtonClick","primaryButtonText","PickerContentWrapped","exports","observer"],"sources":["../../../../src/components/PickerContent/PickerContentWrapped.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport React, { ReactElement, useState } from 'react';\nimport { useCreatePickerContentState } from '../../hooks/usePickerContent';\nimport { PickerContentState } from '../../state';\nimport { PickerContentProps } from './PickerContent';\nimport { PickerContentAdditionalStep } from './PickerContentAdditionalStep';\nimport { PickerContentItemsSelection } from './PickerContentItemsSelection';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { observer } from 'mobx-react-lite';\n\nexport interface PickerContentWrappedProps<T, F extends FiltersMap>\n  extends PickerContentProps<T, F> {\n  renderPickerContent: (params: {\n    state: PickerContentState<T, F>;\n    renderItem: PickerContentProps<T, F>['renderItem'];\n  }) => ReactElement;\n}\n\nfunction _PickerContentWrapped<T, F extends FiltersMap>(\n  props: PickerContentWrappedProps<T, F>,\n) {\n  const {\n    state: params,\n    renderPickerContent,\n    primaryButtonOnClick,\n    backButtonOnClick,\n    continueButtonOnClick,\n  } = props;\n\n  const createPickerContentState = useCreatePickerContentState();\n\n  const [isAdditionalStepShown, showAdditionalStep] = useState(false);\n\n  const [state] = useState(() =>\n    params instanceof PickerContentState\n      ? params\n      : createPickerContentState(params),\n  );\n\n  const { picker, modalState } = state;\n  const { _isModalOpen } = modalState;\n\n  const primaryOnClick = ({\n    currentLevel,\n    numLevels,\n  }: {\n    currentLevel: number;\n    numLevels: number;\n  }) => {\n    picker.onPrimaryButtonClick({ currentLevel, numLevels });\n    runInAction(() => {\n      modalState.onPrimaryButtonClick(\n        state,\n        state.additionalStep?.additionalData,\n      );\n    });\n    primaryButtonOnClick?.();\n  };\n\n  const secondaryOnClick = () => {\n    picker.onSecondaryButtonOnClick();\n    _isModalOpen.value = false;\n    props?.secondaryButtonOnClick?.();\n  };\n\n  const onCloseButtonClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => {\n    picker.onCloseButtonClick();\n    _isModalOpen.value = false;\n    props?.onCloseButtonClick?.(event);\n  };\n\n  const {\n    collection: { translate: t },\n  } = picker;\n\n  const selectedValue = picker.collection.bulkSelect.selectedValues?.[0];\n  const hasAdditionalStep = React.useMemo(\n    () =>\n      selectedValue &&\n      props?.hasAdditionalStep?.({\n        item: selectedValue,\n      }),\n    [selectedValue],\n  );\n\n  return isAdditionalStepShown ? (\n    <PickerContentAdditionalStep\n      {...props}\n      pickerContentState={state}\n      onBackButtonClick={() => {\n        picker.onBackButtonClick();\n        showAdditionalStep(false);\n        backButtonOnClick?.({ item: selectedValue });\n      }}\n      primaryButtonOnClick={() => {\n        primaryOnClick({ currentLevel: 2, numLevels: 2 });\n      }}\n      secondaryButtonOnClick={secondaryOnClick}\n      onCloseButtonClick={onCloseButtonClick}\n    />\n  ) : (\n    <PickerContentItemsSelection\n      {...props}\n      state={state}\n      primaryButtonOnClick={() => {\n        if (\n          // currently additional step supports only single selection\n          !fromMultipleSelectionToBoolean(props?.multiple) &&\n          hasAdditionalStep\n        ) {\n          picker.onContinueButtonClick();\n          showAdditionalStep(true);\n          continueButtonOnClick?.({ item: selectedValue });\n        } else {\n          primaryOnClick({ currentLevel: 1, numLevels: 1 });\n        }\n      }}\n      primaryButtonText={\n        hasAdditionalStep\n          ? t('cairo.continue')\n          : props.primaryButtonText || t('cairo.continue')\n      }\n      secondaryButtonOnClick={secondaryOnClick}\n      renderPickerContent={renderPickerContent}\n      onCloseButtonClick={onCloseButtonClick}\n    />\n  );\n}\n\nexport const PickerContentWrapped = observer(_PickerContentWrapped);\n"],"mappings":"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"}