@wix/patterns 0.8.0

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

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SelectAllCheckbox = void 0;
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerContent/SelectAllCheckbox.tsx";
+function _SelectAllCheckbox(props) {
+  const {
+    state
+  } = props;
+  const {
+    toggleIsSelectAll,
+    picker: {
+      collection: {
+        result: {
+          isEmptyAndNotFetching
+        },
+        query: {
+          hasActiveFilters
+        },
+        bulkSelect: {
+          selectedCountOrTotal,
+          select: {
+            isNotEmptyEnabledItems: hasEnabledCheckedItems
+          },
+          allSelected,
+          hasUnchecked,
+          collection: {
+            result: {
+              total
+            }
+          }
+        },
+        translate: t
+      }
+    }
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+    dataHook: "picker-select-all-checkbox",
+    checked: allSelected,
+    disabled: hasActiveFilters || isEmptyAndNotFetching,
+    onChange: toggleIsSelectAll,
+    indeterminate: hasEnabledCheckedItems && (!allSelected || hasUnchecked),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, hasEnabledCheckedItems ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('cairo.deselectAll'), !hasActiveFilters && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " (", selectedCountOrTotal, ")")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, t('cairo.selectAll'), !hasActiveFilters && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, " (", total, ")")));
+}
+const SelectAllCheckbox = exports.SelectAllCheckbox = (0, _mobxReactLite.observer)(_SelectAllCheckbox);
+//# sourceMappingURL=SelectAllCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_SelectAllCheckbox","props","state","toggleIsSelectAll","picker","collection","result","isEmptyAndNotFetching","query","hasActiveFilters","bulkSelect","selectedCountOrTotal","select","isNotEmptyEnabledItems","hasEnabledCheckedItems","allSelected","hasUnchecked","total","translate","t","default","createElement","Checkbox","dataHook","checked","disabled","onChange","indeterminate","__self","__source","fileName","lineNumber","columnNumber","Fragment","SelectAllCheckbox","exports","observer"],"sources":["../../../../src/components/PickerContent/SelectAllCheckbox.tsx"],"sourcesContent":["import { Checkbox } from '@wix/design-system';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { PickerContentState } from '../../state';\n\nexport interface SelectAllCheckboxProps<T, F extends FiltersMap> {\n  state: PickerContentState<T, F>;\n}\n\nfunction _SelectAllCheckbox<T, F extends FiltersMap>(\n  props: SelectAllCheckboxProps<T, F>,\n) {\n  const { state } = props;\n  const {\n    toggleIsSelectAll,\n    picker: {\n      collection: {\n        result: { isEmptyAndNotFetching },\n        query: { hasActiveFilters },\n        bulkSelect: {\n          selectedCountOrTotal,\n          select: { isNotEmptyEnabledItems: hasEnabledCheckedItems },\n          allSelected,\n          hasUnchecked,\n          collection: {\n            result: { total },\n          },\n        },\n        translate: t,\n      },\n    },\n  } = state;\n  return (\n    <Checkbox\n      dataHook=\"picker-select-all-checkbox\"\n      checked={allSelected}\n      disabled={hasActiveFilters || isEmptyAndNotFetching}\n      onChange={toggleIsSelectAll}\n      indeterminate={hasEnabledCheckedItems && (!allSelected || hasUnchecked)}\n    >\n      {hasEnabledCheckedItems ? (\n        <>\n          {t('cairo.deselectAll')}\n          {!hasActiveFilters && <> ({selectedCountOrTotal})</>}\n        </>\n      ) : (\n        <>\n          {t('cairo.selectAll')}\n          {!hasActiveFilters && <> ({total})</>}\n        </>\n      )}\n    </Checkbox>\n  );\n}\n\nexport const SelectAllCheckbox = observer(_SelectAllCheckbox);\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAO3C,SAASC,kBAAkBA,CACzBC,KAAmC,EACnC;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IACJE,iBAAiB;IACjBC,MAAM,EAAE;MACNC,UAAU,EAAE;QACVC,MAAM,EAAE;UAAEC;QAAsB,CAAC;QACjCC,KAAK,EAAE;UAAEC;QAAiB,CAAC;QAC3BC,UAAU,EAAE;UACVC,oBAAoB;UACpBC,MAAM,EAAE;YAAEC,sBAAsB,EAAEC;UAAuB,CAAC;UAC1DC,WAAW;UACXC,YAAY;UACZX,UAAU,EAAE;YACVC,MAAM,EAAE;cAAEW;YAAM;UAClB;QACF,CAAC;QACDC,SAAS,EAAEC;MACb;IACF;EACF,CAAC,GAAGjB,KAAK;EACT,oBACEN,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAC3B,aAAA,CAAA4B,QAAQ;IACPC,QAAQ,EAAC,4BAA4B;IACrCC,OAAO,EAAET,WAAY;IACrBU,QAAQ,EAAEhB,gBAAgB,IAAIF,qBAAsB;IACpDmB,QAAQ,EAAEvB,iBAAkB;IAC5BwB,aAAa,EAAEb,sBAAsB,KAAK,CAACC,WAAW,IAAIC,YAAY,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/B,YAAA;MAAAgC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEvElB,sBAAsB,gBACrBlB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAAzB,MAAA,CAAAwB,OAAA,CAAAa,QAAA,QACGd,CAAC,CAAC,mBAAmB,CAAC,EACtB,CAACV,gBAAgB,iBAAIb,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAAzB,MAAA,CAAAwB,OAAA,CAAAa,QAAA,QAAE,IAAE,EAACtB,oBAAoB,EAAC,GAAG,CACnD,CAAC,gBAEHf,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAAzB,MAAA,CAAAwB,OAAA,CAAAa,QAAA,QACGd,CAAC,CAAC,iBAAiB,CAAC,EACpB,CAACV,gBAAgB,iBAAIb,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAAAzB,MAAA,CAAAwB,OAAA,CAAAa,QAAA,QAAE,IAAE,EAAChB,KAAK,EAAC,GAAG,CACpC,CAEI,CAAC;AAEf;AAEO,MAAMiB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACpC,kBAAkB,CAAC"}

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

@@ -0,0 +1,16 @@
+"use strict";
+
+exports.__esModule = true;
+var _PickerContent = require("./PickerContent");
+Object.keys(_PickerContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PickerContent[key]) return;
+  exports[key] = _PickerContent[key];
+});
+var _PickerContentV = require("./PickerContentV2");
+Object.keys(_PickerContentV).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PickerContentV[key]) return;
+  exports[key] = _PickerContentV[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PickerContent","require","Object","keys","forEach","key","exports","_PickerContentV"],"sources":["../../../../src/components/PickerContent/index.ts"],"sourcesContent":["export * from './PickerContent';\nexport * from './PickerContentV2';\n"],"mappings":";;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,eAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,eAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,eAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,eAAA,CAAAF,GAAA;AAAA"}

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

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerEmptyState = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _CollectionEmptyStateBase = require("../CollectionEmptyStateBase");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerEmptyState/PickerEmptyState.tsx";
+const PickerEmptyState = ({
+  state,
+  hasFilterDropdown,
+  renderEmptyState
+}) => {
+  const {
+    collection,
+    minContentHeight
+  } = state;
+  const {
+    result: {
+      originQuery,
+      hasAvailableItems
+    },
+    translate: t
+  } = collection;
+  const showFilterOnlyEmptyState = Boolean(hasFilterDropdown && collection.query.search.isEmpty);
+  const showFilterWithSearchEmptyState = Boolean(hasFilterDropdown && !collection.query.search.isEmpty);
+  const filterOnlyEmptyStateProps = {
+    state: collection,
+    dataHook: 'picker-empty-state-only-filter',
+    title: t('cairo.search.noresults.title'),
+    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle')
+  };
+  const filterWithSearchEmptyStateProps = {
+    state: collection,
+    dataHook: 'picker-empty-state-filter-with-search',
+    title: t('cairo.search.nothingMatches.title', {
+      term: collection.result.originQuery.rawSearch
+    }),
+    subtitle: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      gap: "18px",
+      align: "center",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 56,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 57,
+        columnNumber: 9
+      }
+    }, t('cairo.selectorModal.searchEmptyState.subtitle')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 61,
+          columnNumber: 23
+        }
+      }),
+      onClick: () => collection.clearSearch(),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 60,
+        columnNumber: 9
+      }
+    }, t('cairo.emptyState.reset.button')))
+  };
+  const getEmptyStateConfig = () => {
+    if (showFilterOnlyEmptyState) {
+      return filterOnlyEmptyStateProps;
+    }
+    if (showFilterWithSearchEmptyState) {
+      return filterWithSearchEmptyStateProps;
+    }
+    return {
+      state: collection,
+      dataHook: 'picker-empty-state'
+    };
+  };
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    overflow: "auto",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 81,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    align: "center",
+    verticalAlign: "middle",
+    paddingTop: "SP2",
+    paddingBottom: "SP9",
+    height: "100%",
+    minHeight: minContentHeight,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 82,
+      columnNumber: 7
+    }
+  }, (renderEmptyState == null ? void 0 : renderEmptyState({
+    hasAvailableItems,
+    query: originQuery
+  })) ?? /*#__PURE__*/_react.default.createElement(_CollectionEmptyStateBase.CollectionEmptyStateBase, (0, _extends2.default)({}, getEmptyStateConfig(), {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 15
+    }
+  }))));
+};
+exports.PickerEmptyState = PickerEmptyState;
+//# sourceMappingURL=PickerEmptyState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_wixUiIconsCommon","require","_react","_interopRequireDefault","_designSystem","_CollectionEmptyStateBase","_jsxFileName","PickerEmptyState","state","hasFilterDropdown","renderEmptyState","collection","minContentHeight","result","originQuery","hasAvailableItems","translate","t","showFilterOnlyEmptyState","Boolean","query","search","isEmpty","showFilterWithSearchEmptyState","filterOnlyEmptyStateProps","dataHook","title","subtitle","filterWithSearchEmptyStateProps","term","rawSearch","default","createElement","Box","direction","gap","align","__self","__source","fileName","lineNumber","columnNumber","Text","size","TextButton","prefixIcon","Revert","onClick","clearSearch","getEmptyStateConfig","overflow","verticalAlign","paddingTop","paddingBottom","height","minHeight","CollectionEmptyStateBase","_extends2","exports"],"sources":["../../../../src/components/PickerEmptyState/PickerEmptyState.tsx"],"sourcesContent":["import {\n  ComputedQuery,\n  FiltersMap,\n  OptionalFiltersMap,\n  PickerState,\n} from '@wix/bex-core';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport React, { ReactElement } from 'react';\nimport { Box, Text, TextButton } from '@wix/design-system';\nimport {\n  CollectionEmptyStateBase,\n  CollectionEmptyStateBaseProps,\n} from '../CollectionEmptyStateBase';\n\ninterface PickerEmptyStateProps<T, F extends FiltersMap = OptionalFiltersMap> {\n  hasFilterDropdown?: boolean;\n  state: PickerState<T, F>;\n  renderEmptyState?: (params: {\n    hasAvailableItems: boolean;\n    query: ComputedQuery<F>;\n  }) => ReactElement;\n}\nexport const PickerEmptyState = <T, F extends FiltersMap>({\n  state,\n  hasFilterDropdown,\n  renderEmptyState,\n}: PickerEmptyStateProps<T, F>) => {\n  const { collection, minContentHeight } = state;\n  const {\n    result: { originQuery, hasAvailableItems },\n    translate: t,\n  } = collection;\n\n  const showFilterOnlyEmptyState = Boolean(\n    hasFilterDropdown && collection.query.search.isEmpty,\n  );\n\n  const showFilterWithSearchEmptyState = Boolean(\n    hasFilterDropdown && !collection.query.search.isEmpty,\n  );\n\n  const filterOnlyEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-only-filter',\n    title: t('cairo.search.noresults.title'),\n    subtitle: t('cairo.selectorModal.searchEmptyState.changeFilter.subtitle'),\n  };\n\n  const filterWithSearchEmptyStateProps: CollectionEmptyStateBaseProps<T, F> = {\n    state: collection,\n    dataHook: 'picker-empty-state-filter-with-search',\n    title: t('cairo.search.nothingMatches.title', {\n      term: collection.result.originQuery.rawSearch,\n    }),\n    subtitle: (\n      <Box direction=\"vertical\" gap=\"18px\" align=\"center\">\n        <Text size=\"small\">\n          {t('cairo.selectorModal.searchEmptyState.subtitle')}\n        </Text>\n        <TextButton\n          prefixIcon={<Revert />}\n          onClick={() => collection.clearSearch()}\n        >\n          {t('cairo.emptyState.reset.button')}\n        </TextButton>\n      </Box>\n    ),\n  };\n\n  const getEmptyStateConfig = (): CollectionEmptyStateBaseProps<T, F> => {\n    if (showFilterOnlyEmptyState) {\n      return filterOnlyEmptyStateProps;\n    }\n    if (showFilterWithSearchEmptyState) {\n      return filterWithSearchEmptyStateProps;\n    }\n    return { state: collection, dataHook: 'picker-empty-state' };\n  };\n\n  return (\n    <Box direction=\"vertical\" overflow=\"auto\">\n      <Box\n        align=\"center\"\n        verticalAlign=\"middle\"\n        paddingTop=\"SP2\"\n        paddingBottom=\"SP9\"\n        height=\"100%\"\n        minHeight={minContentHeight}\n      >\n        {renderEmptyState?.({\n          hasAvailableItems,\n          query: originQuery,\n        }) ?? <CollectionEmptyStateBase {...getEmptyStateConfig()} />}\n      </Box>\n    </Box>\n  );\n};\n"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _PickerEmptyState = require("./PickerEmptyState");
+Object.keys(_PickerEmptyState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PickerEmptyState[key]) return;
+  exports[key] = _PickerEmptyState[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_PickerEmptyState","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/PickerEmptyState/index.ts"],"sourcesContent":["export * from './PickerEmptyState';\n"],"mappings":";;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,iBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,iBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,iBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/PickerListContent/PickerListContent.js

@@ -0,0 +1,164 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerListContent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _useCollectionReachBottom = require("../useCollectionReachBottom");
+var _designSystem = require("@wix/design-system");
+var _InfiniteScrollLoader = require("../InfiniteScrollLoader/InfiniteScrollLoader");
+var _reactTransitionGroup = require("react-transition-group");
+var _useIsScrollTop = require("../../hooks/useIsScrollTop");
+var _Fade = require("../Fade");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerListContent/PickerListContent.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 _PickerListContent(props) {
+  const {
+    state,
+    renderItem,
+    hiddenItemsWarningText,
+    spacing = 30,
+    multiple,
+    ...rest
+  } = props;
+  const {
+    collection,
+    someHidden
+  } = state;
+  const {
+    result: {
+      keyedItems
+    }
+  } = collection;
+  const scrollRef = (0, _react.useRef)(null);
+  const {
+    targetRef
+  } = (0, _useCollectionReachBottom.useCollectionReachBottom)({
+    collection,
+    containerRef: scrollRef
+  });
+  const isScrollTop = (0, _useIsScrollTop.useIsScrollTop)(scrollRef);
+  (0, _react.useEffect)(() => {
+    state.updateIsScrollTop(isScrollTop);
+  }, [isScrollTop]);
+  const notification = someHidden && hiddenItemsWarningText && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    padding: `0 ${spacing}px 18px ${spacing}px`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.FloatingNotification, {
+    dataHook: "floating-notification",
+    width: "100%",
+    showCloseButton: false,
+    type: "warning",
+    text: hiddenItemsWarningText,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 7
+    }
+  }));
+  const listItems = keyedItems.map((keyedItem, index) => {
+    const {
+      type: PickerListItem,
+      props: pickerListItemProps
+    } = renderItem(keyedItem, index);
+    return /*#__PURE__*/_react.default.createElement(PickerListItem, (0, _extends2.default)({
+      dataHook: "selector-list-selector",
+      key: keyedItem.key,
+      keyedItem: keyedItem,
+      state: state,
+      multiple: multiple
+    }, pickerListItemProps, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 76,
+        columnNumber: 7
+      }
+    }));
+  });
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    ref: scrollRef
+  }, rest, {
+    "data-hook": "selector-list-content",
+    style: {
+      height: 'inherit',
+      overflow: 'auto',
+      ...rest.style
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 88,
+      columnNumber: 5
+    }
+  }), notification, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 100,
+      columnNumber: 7
+    }
+  }, listItems.flatMap((child, index, {
+    length
+  }) => {
+    return /*#__PURE__*/_react.default.createElement(_Fade.Fade, {
+      key: child.key,
+      timeout: 300,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 103,
+        columnNumber: 13
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      direction: "vertical",
+      dataHook: "picker-list-fade-item",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 104,
+        columnNumber: 15
+      }
+    }, child, index !== length - 1 && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      paddingLeft: "SP5",
+      paddingRight: "SP5",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 107,
+        columnNumber: 19
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      width: "100%",
+      height: "1px",
+      backgroundColor: "D60",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 108,
+        columnNumber: 21
+      }
+    }))));
+  })), /*#__PURE__*/_react.default.createElement(_InfiniteScrollLoader.InfiniteScrollLoader, {
+    targetRef: targetRef,
+    state: collection,
+    size: "small",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 7
+    }
+  }));
+}
+const PickerListContent = exports.PickerListContent = (0, _mobxReactLite.observer)(_PickerListContent);
+//# sourceMappingURL=PickerListContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_useCollectionReachBottom","_designSystem","_InfiniteScrollLoader","_reactTransitionGroup","_useIsScrollTop","_Fade","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_PickerListContent","props","state","renderItem","hiddenItemsWarningText","spacing","multiple","rest","collection","someHidden","result","keyedItems","scrollRef","useRef","targetRef","useCollectionReachBottom","containerRef","isScrollTop","useIsScrollTop","useEffect","updateIsScrollTop","notification","createElement","Box","padding","__self","__source","fileName","lineNumber","columnNumber","FloatingNotification","dataHook","width","showCloseButton","type","text","listItems","map","keyedItem","index","PickerListItem","pickerListItemProps","_extends2","key","ref","style","height","overflow","TransitionGroup","flatMap","child","length","Fade","timeout","direction","paddingLeft","paddingRight","backgroundColor","InfiniteScrollLoader","size","PickerListContent","exports","observer"],"sources":["../../../../src/components/PickerListContent/PickerListContent.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useRef,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';\nimport { useCollectionReachBottom } from '../useCollectionReachBottom';\nimport { Box, FloatingNotification } from '@wix/design-system';\nimport { InfiniteScrollLoader } from '../InfiniteScrollLoader/InfiniteScrollLoader';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { TransitionGroup } from 'react-transition-group';\nimport { useIsScrollTop } from '../../hooks/useIsScrollTop';\nimport { Fade } from '../Fade';\n\nexport interface PickerListContentProps<T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLDivElement> {\n  state: PickerState<T, F>;\n  renderItem: (\n    keyedItem: KeyedItem<T>,\n    index: number,\n  ) => ReactElement<PickerListItemProps>;\n  hiddenItemsWarningText?: ReactNode;\n  spacing?: 30 | 94;\n  multiple?: boolean;\n}\n\nfunction _PickerListContent<T, F extends FiltersMap = FiltersMap>(\n  props: PickerListContentProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    hiddenItemsWarningText,\n    spacing = 30,\n    multiple,\n    ...rest\n  } = props;\n\n  const { collection, someHidden } = state;\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const { targetRef } = useCollectionReachBottom({\n    collection,\n    containerRef: scrollRef,\n  });\n  const isScrollTop = useIsScrollTop(scrollRef);\n\n  useEffect(() => {\n    state.updateIsScrollTop(isScrollTop);\n  }, [isScrollTop]);\n\n  const notification = someHidden && hiddenItemsWarningText && (\n    <Box padding={`0 ${spacing}px 18px ${spacing}px`}>\n      <FloatingNotification\n        dataHook=\"floating-notification\"\n        width=\"100%\"\n        showCloseButton={false}\n        type=\"warning\"\n        text={hiddenItemsWarningText}\n      />\n    </Box>\n  );\n\n  const listItems: ReactElement[] = keyedItems.map((keyedItem, index) => {\n    const { type: PickerListItem, props: pickerListItemProps } = renderItem(\n      keyedItem,\n      index,\n    );\n    return (\n      <PickerListItem\n        dataHook=\"selector-list-selector\"\n        key={keyedItem.key}\n        keyedItem={keyedItem}\n        state={state}\n        multiple={multiple}\n        {...pickerListItemProps}\n      />\n    );\n  });\n\n  return (\n    <div\n      ref={scrollRef}\n      {...rest}\n      data-hook=\"selector-list-content\"\n      style={{\n        height: 'inherit',\n        overflow: 'auto',\n        ...rest.style,\n      }}\n    >\n      {notification}\n\n      <TransitionGroup>\n        {listItems.flatMap((child, index, { length }) => {\n          return (\n            <Fade key={child.key} timeout={300}>\n              <Box direction=\"vertical\" dataHook=\"picker-list-fade-item\">\n                {child}\n                {index !== length - 1 && (\n                  <Box paddingLeft=\"SP5\" paddingRight=\"SP5\">\n                    <Box width=\"100%\" height=\"1px\" backgroundColor=\"D60\" />\n                  </Box>\n                )}\n              </Box>\n            </Fade>\n          );\n        })}\n      </TransitionGroup>\n\n      <InfiniteScrollLoader\n        targetRef={targetRef}\n        state={collection}\n        size=\"small\"\n      />\n    </div>\n  );\n}\n\nexport const PickerListContent = observer(_PickerListContent);\n"],"mappings":"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"}

package/dist/cjs/components/PickerListContent/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _PickerListContent = require("./PickerListContent");
+Object.keys(_PickerListContent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PickerListContent[key]) return;
+  exports[key] = _PickerListContent[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/PickerListContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_PickerListContent","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/PickerListContent/index.ts"],"sourcesContent":["export * from './PickerListContent';\n"],"mappings":";;;AAAA,IAAAA,kBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,kBAAA,CAAAK,GAAA;AAAA"}

package/dist/cjs/components/PickerListItemProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=PickerListItemProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/PickerListItemProps.ts"],"sourcesContent":["import {\n  SelectorListItem,\n  TableListItemProps,\n  TableListItemColumn,\n} from '@wix/design-system';\nimport { ReactNode } from 'react';\n\nexport interface PickerListItemProps\n  extends Partial<Omit<TableListItemProps, 'options'>>,\n    SelectorListItem {\n  options: (Omit<TableListItemColumn, 'value'> & {\n    value?: ReactNode;\n    end?: boolean;\n  })[];\n}\n"],"mappings":""}

package/dist/cjs/components/PickerModal/PickerModal.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.PickerModal = PickerModal;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _react2 = require("@wix/bex-utils/react");
+var _PickerModalSplash = require("../PickerModalSplash");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PickerModal/PickerModal.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 PickerModal(props) {
+  const {
+    dataHook,
+    state,
+    modalProps,
+    renderError,
+    width = '618px',
+    multiple,
+    ...rest
+  } = props;
+  const {
+    _isModalOpen,
+    _customContent,
+    _isCustomContentVisible,
+    fetchPickerComponent,
+    fetchFirstPage,
+    fetchInitialProps
+  } = state;
+  const isModalOpen = (0, _react2.useReactive)(_isModalOpen);
+  const fetchPickerComponentStatus = (0, _react2.useReactive)(fetchPickerComponent.status);
+  const fetchFirstPageStatus = (0, _react2.useReactive)(fetchFirstPage.status);
+  const fetchInitialPropsStatus = (0, _react2.useReactive)(fetchInitialProps.status);
+  const customContent = (0, _react2.useReactive)(_customContent);
+  const isCustomContentVisible = (0, _react2.useReactive)(_isCustomContentVisible);
+  (0, _react.useState)(() => {
+    state.multipleRef.current = multiple;
+  });
+  (0, _react.useEffect)(() => {
+    state.multipleRef.current = multiple;
+  }, [multiple]);
+  (0, _react.useEffect)(() => {
+    state.onIsOpenChanged();
+  }, [isModalOpen]);
+  (0, _react.useEffect)(() => state.init(), []);
+  let child;
+  if (fetchPickerComponentStatus.type === 'success' && fetchFirstPageStatus.type === 'success' && fetchInitialPropsStatus.type === 'success') {
+    const {
+      data: PickerContentComponent
+    } = fetchPickerComponentStatus;
+    child = /*#__PURE__*/_react.default.createElement(PickerContentComponent, (0, _extends2.default)({
+      dataHook: dataHook,
+      width: "100%",
+      modalState: state,
+      renderError: renderError,
+      multiple: multiple
+    }, rest, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 88,
+        columnNumber: 7
+      }
+    }));
+  } else {
+    child = /*#__PURE__*/_react.default.createElement(_PickerModalSplash.PickerModalSplash, (0, _extends2.default)({
+      dataHook: dataHook,
+      state: state,
+      width: "100%",
+      renderError: renderError
+    }, rest, {
+      primaryButtonText: undefined,
+      secondaryButtonText: undefined,
+      primaryButtonOnClick: undefined,
+      secondaryButtonOnClick: undefined,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 7
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Modal, (0, _extends2.default)({
+    dataHook: dataHook ? `${dataHook}-picker-modal` : 'picker-modal-lazy-modal',
+    onRequestClose: () => state.closeModal()
+  }, modalProps, {
+    isOpen: isModalOpen,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 115,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    "data-wix-patterns": true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 123,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: width,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 124,
+      columnNumber: 11
+    }
+  }, child))), customContent == null ? void 0 : customContent({
+    isOpen: isCustomContentVisible,
+    width,
+    close: state.onCreateNew
+  }));
+}
+//# sourceMappingURL=PickerModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_react2","_PickerModalSplash","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PickerModal","props","dataHook","state","modalProps","renderError","width","multiple","rest","_isModalOpen","_customContent","_isCustomContentVisible","fetchPickerComponent","fetchFirstPage","fetchInitialProps","isModalOpen","useReactive","fetchPickerComponentStatus","status","fetchFirstPageStatus","fetchInitialPropsStatus","customContent","isCustomContentVisible","useState","multipleRef","current","useEffect","onIsOpenChanged","init","child","type","data","PickerContentComponent","createElement","_extends2","modalState","__self","__source","fileName","lineNumber","columnNumber","PickerModalSplash","primaryButtonText","undefined","secondaryButtonText","primaryButtonOnClick","secondaryButtonOnClick","Fragment","Modal","onRequestClose","closeModal","isOpen","Box","close","onCreateNew"],"sources":["../../../../src/components/PickerModal/PickerModal.tsx"],"sourcesContent":["import {\n  Box,\n  CustomModalLayoutProps,\n  Modal,\n  ModalProps,\n} from '@wix/design-system';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { PickerModalState } from '../../hooks';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useReactive } from '@wix/bex-utils/react';\nimport { PickerModalSplash } from '../PickerModalSplash';\nimport { MultipleSelection } from '../MaxSelection';\n\nexport interface PickerModalProps<T, F extends FiltersMap = FiltersMap>\n  extends Partial<CustomModalLayoutProps> {\n  /**\n   * Optional props to forward to `Modal` component\n   */\n  modalProps?: Partial<ModalProps>;\n  /** State object created with [`usePickerModal`](./?path=/story/picker-modal-hooks--usepickermodal) */\n  state: PickerModalState<T, F>;\n  /**\n   * A component to be rendered in the modal content when there's a failure fetching the data\n   * @param params\n   * @param params.err - The original failure error object\n   * @param params.isOnline - Indicates whether internet connection is available or not\n   */\n  renderError: (params: { err: unknown; isOnline: boolean }) => ReactElement;\n  /**\n   * Limits the number of items that can be selected.<br>\n   * Either a boolean or a number. A number indicates the maximum number of selections, `true` indicates no limit, `false` indicates only 1 item (radio button will be shown instead of checkboxes)\n   */\n  multiple?: MultipleSelection;\n}\n\nexport function PickerModal<T, F extends FiltersMap = FiltersMap>(\n  props: PickerModalProps<T, F>,\n) {\n  const {\n    dataHook,\n    state,\n    modalProps,\n    renderError,\n    width = '618px',\n    multiple,\n    ...rest\n  } = props;\n  const {\n    _isModalOpen,\n    _customContent,\n    _isCustomContentVisible,\n    fetchPickerComponent,\n    fetchFirstPage,\n    fetchInitialProps,\n  } = state;\n\n  const isModalOpen = useReactive(_isModalOpen);\n  const fetchPickerComponentStatus = useReactive(fetchPickerComponent.status);\n  const fetchFirstPageStatus = useReactive(fetchFirstPage.status);\n  const fetchInitialPropsStatus = useReactive(fetchInitialProps.status);\n  const customContent = useReactive(_customContent);\n  const isCustomContentVisible = useReactive(_isCustomContentVisible);\n\n  useState(() => {\n    state.multipleRef.current = multiple;\n  });\n\n  useEffect(() => {\n    state.multipleRef.current = multiple;\n  }, [multiple]);\n\n  useEffect(() => {\n    state.onIsOpenChanged();\n  }, [isModalOpen]);\n\n  useEffect(() => state.init(), []);\n\n  let child: ReactNode;\n\n  if (\n    fetchPickerComponentStatus.type === 'success' &&\n    fetchFirstPageStatus.type === 'success' &&\n    fetchInitialPropsStatus.type === 'success'\n  ) {\n    const { data: PickerContentComponent } = fetchPickerComponentStatus;\n\n    child = (\n      <PickerContentComponent\n        dataHook={dataHook}\n        width=\"100%\"\n        modalState={state}\n        renderError={renderError}\n        multiple={multiple}\n        {...rest}\n      />\n    );\n  } else {\n    child = (\n      <PickerModalSplash\n        dataHook={dataHook}\n        state={state}\n        width=\"100%\"\n        renderError={renderError}\n        {...rest}\n        primaryButtonText={undefined}\n        secondaryButtonText={undefined}\n        primaryButtonOnClick={undefined}\n        secondaryButtonOnClick={undefined}\n      />\n    );\n  }\n\n  return (\n    <>\n      <Modal\n        dataHook={\n          dataHook ? `${dataHook}-picker-modal` : 'picker-modal-lazy-modal'\n        }\n        onRequestClose={() => state.closeModal()}\n        {...modalProps}\n        isOpen={isModalOpen}\n      >\n        <div data-wix-patterns>\n          <Box width={width}>{child}</Box>\n        </div>\n      </Modal>\n\n      {customContent?.({\n        isOpen: isCustomContentVisible,\n        width,\n        close: state.onCreateNew,\n      })}\n    </>\n  );\n}\n"],"mappings":"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"}