@wix/patterns 1.18.0 → 1.21.0

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableGhostIndentationCell = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.tsx";
+function _NestedTableGhostIndentationCell(props) {
+  var _nestedTable$nestedTa, _item$originalKeyedIt;
+  const {
+    item
+  } = props;
+  const {
+    state
+  } = item;
+  const {
+    nestedTable
+  } = state;
+  const {
+    isDragOverlay
+  } = (0, _dragAndDrop.useDraggableRowContext)();
+  const dragDepth = (_nestedTable$nestedTa = nestedTable.nestedTableDragAndDrop) == null || (_nestedTable$nestedTa = _nestedTable$nestedTa.dragEventDepth) == null ? void 0 : _nestedTable$nestedTa.depth;
+  const {
+    tableDragAndDropState
+  } = nestedTable.tableState;
+  const activeId = tableDragAndDropState == null ? void 0 : tableDragAndDropState.dnd.activeId;
+  if (activeId !== ((_item$originalKeyedIt = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt.id) || isDragOverlay) {
+    return null;
+  }
+  const {
+    classes
+  } = _designSystem.Table.dataTableRowStyle;
+  return /*#__PURE__*/_react.default.createElement("td", (0, _extends2.default)({
+    "data-hook": "ghost-indentation-cell"
+  }, process.env.NODE_ENV === 'test' && {
+    'data-indentation-width': nestedTable._indentationWidth,
+    'data-parent-cell-padding-start': nestedTable._parentCellPaddingStart
+  }, {
+    style: {
+      visibility: 'visible',
+      paddingInlineStart: 0,
+      paddingInlineEnd: 0,
+      width: (dragDepth === 0 ? 0 : nestedTable._parentCellPaddingStart) + (dragDepth ?? 0) * nestedTable._indentationWidth
+    },
+    className: classes.light,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 5
+    }
+  }));
+}
+const NestedTableGhostIndentationCell = exports.NestedTableGhostIndentationCell = (0, _mobxReactLite.observer)(_NestedTableGhostIndentationCell);
+//# sourceMappingURL=NestedTableGhostIndentationCell.js.map

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_dragAndDrop","_jsxFileName","_NestedTableGhostIndentationCell","props","_nestedTable$nestedTa","_item$originalKeyedIt","item","state","nestedTable","isDragOverlay","useDraggableRowContext","dragDepth","nestedTableDragAndDrop","dragEventDepth","depth","tableDragAndDropState","tableState","activeId","dnd","originalKeyedItem","id","classes","Table","dataTableRowStyle","default","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","_parentCellPaddingStart","style","visibility","paddingInlineStart","paddingInlineEnd","width","className","light","__self","__source","fileName","lineNumber","columnNumber","NestedTableGhostIndentationCell","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.tsx"],"sourcesContent":["import { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Table } from '@wix/design-system';\nimport { useDraggableRowContext } from '@wix/wix-style-react-incubator/drag-and-drop';\n\nexport interface NestedTableGhostIndentationCellProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n}\n\nfunction _NestedTableGhostIndentationCell<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableGhostIndentationCellProps<C, T, F>) {\n  const { item } = props;\n  const { state } = item;\n  const { nestedTable } = state;\n  const { isDragOverlay } = useDraggableRowContext();\n\n  const dragDepth = nestedTable.nestedTableDragAndDrop?.dragEventDepth?.depth;\n  const { tableDragAndDropState } = nestedTable.tableState;\n\n  const activeId = tableDragAndDropState?.dnd.activeId;\n  if (activeId !== item.originalKeyedItem?.id || isDragOverlay) {\n    return null;\n  }\n\n  const { classes } = Table.dataTableRowStyle;\n\n  return (\n    <td\n      data-hook=\"ghost-indentation-cell\"\n      {...(process.env.NODE_ENV === 'test' && {\n        'data-indentation-width': nestedTable._indentationWidth,\n        'data-parent-cell-padding-start': nestedTable._parentCellPaddingStart,\n      })}\n      style={{\n        visibility: 'visible',\n        paddingInlineStart: 0,\n        paddingInlineEnd: 0,\n        width:\n          (dragDepth === 0 ? 0 : nestedTable._parentCellPaddingStart) +\n          (dragDepth ?? 0) * nestedTable._indentationWidth,\n      }}\n      className={classes.light}\n    />\n  );\n}\n\nexport const NestedTableGhostIndentationCell = observer(\n  _NestedTableGhostIndentationCell,\n);\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAsF,IAAAI,YAAA;AAUtF,SAASC,gCAAgCA,CAIvCC,KAAoD,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACtD,MAAM;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACtB,MAAM;IAAEI;EAAM,CAAC,GAAGD,IAAI;EACtB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IAAEE;EAAc,CAAC,GAAG,IAAAC,mCAAsB,EAAC,CAAC;EAElD,MAAMC,SAAS,IAAAP,qBAAA,GAAGI,WAAW,CAACI,sBAAsB,cAAAR,qBAAA,GAAlCA,qBAAA,CAAoCS,cAAc,qBAAlDT,qBAAA,CAAoDU,KAAK;EAC3E,MAAM;IAAEC;EAAsB,CAAC,GAAGP,WAAW,CAACQ,UAAU;EAExD,MAAMC,QAAQ,GAAGF,qBAAqB,oBAArBA,qBAAqB,CAAEG,GAAG,CAACD,QAAQ;EACpD,IAAIA,QAAQ,OAAAZ,qBAAA,GAAKC,IAAI,CAACa,iBAAiB,qBAAtBd,qBAAA,CAAwBe,EAAE,KAAIX,aAAa,EAAE;IAC5D,OAAO,IAAI;EACb;EAEA,MAAM;IAAEY;EAAQ,CAAC,GAAGC,mBAAK,CAACC,iBAAiB;EAE3C,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,WAAAC,SAAA,CAAAF,OAAA;IACE,aAAU;EAAwB,GAC7BG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;IACtC,wBAAwB,EAAErB,WAAW,CAACsB,iBAAiB;IACvD,gCAAgC,EAAEtB,WAAW,CAACuB;EAChD,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,SAAS;MACrBC,kBAAkB,EAAE,CAAC;MACrBC,gBAAgB,EAAE,CAAC;MACnBC,KAAK,EACH,CAACzB,SAAS,KAAK,CAAC,GAAG,CAAC,GAAGH,WAAW,CAACuB,uBAAuB,IAC1D,CAACpB,SAAS,IAAI,CAAC,IAAIH,WAAW,CAACsB;IACnC,CAAE;IACFO,SAAS,EAAEhB,OAAO,CAACiB,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CAAC;AAEN;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,uBAAQ,EACrD5C,gCACF,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.js

@@ -0,0 +1,26 @@
+"use strict";
+
+exports.__esModule = true;
+exports.NestedTableGhostRowUniDriver = NestedTableGhostRowUniDriver;
+var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+function NestedTableGhostRowUniDriver(base, _body) {
+  const getStyle = async el => {
+    const style = await el.attr('style');
+    return (style ?? '').split(';').reduce((acc, prop) => {
+      const [key = '', value = ''] = prop.split(':');
+      acc[key.trim()] = value.trim();
+      return acc;
+    }, {});
+  };
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getIndentationCellDepth: async () => {
+      const width = Number((await getStyle(base)).width.split('px')[0]);
+      const indentationWidth = Number(await base.attr('data-indentation-width'));
+      const parentCellPaddingStart = Number(await base.attr('data-parent-cell-padding-start'));
+      const widthWithoutPaddingOrZero = Math.max(0, width - parentCellPaddingStart);
+      return widthWithoutPaddingOrZero / indentationWidth;
+    }
+  };
+}
+//# sourceMappingURL=NestedTableGhostRow.uni.driver.js.map

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","NestedTableGhostRowUniDriver","base","_body","getStyle","el","style","attr","split","reduce","acc","prop","key","value","trim","baseUniDriverFactory","getIndentationCellDepth","width","Number","indentationWidth","parentCellPaddingStart","widthWithoutPaddingOrZero","Math","max"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.ts"],"sourcesContent":["import {\n  baseUniDriverFactory,\n  UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport function NestedTableGhostRowUniDriver(\n  base: UniDriver,\n  _body: UniDriver,\n) {\n  const getStyle = async (el: UniDriver) => {\n    const style = await el.attr('style');\n    return (style ?? '').split(';').reduce((acc, prop) => {\n      const [key = '', value = ''] = prop.split(':');\n      acc[key.trim()] = value.trim();\n      return acc;\n    }, {} as Record<string, string>);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    getIndentationCellDepth: async () => {\n      const width = Number((await getStyle(base)).width.split('px')[0]);\n      const indentationWidth = Number(\n        await base.attr('data-indentation-width'),\n      );\n      const parentCellPaddingStart = Number(\n        await base.attr('data-parent-cell-padding-start'),\n      );\n      const widthWithoutPaddingOrZero = Math.max(\n        0,\n        width - parentCellPaddingStart,\n      );\n      return widthWithoutPaddingOrZero / indentationWidth;\n    },\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAKO,SAASC,4BAA4BA,CAC1CC,IAAe,EACfC,KAAgB,EAChB;EACA,MAAMC,QAAQ,GAAG,MAAOC,EAAa,IAAK;IACxC,MAAMC,KAAK,GAAG,MAAMD,EAAE,CAACE,IAAI,CAAC,OAAO,CAAC;IACpC,OAAO,CAACD,KAAK,IAAI,EAAE,EAAEE,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAK;MACpD,MAAM,CAACC,GAAG,GAAG,EAAE,EAAEC,KAAK,GAAG,EAAE,CAAC,GAAGF,IAAI,CAACH,KAAK,CAAC,GAAG,CAAC;MAC9CE,GAAG,CAACE,GAAG,CAACE,IAAI,CAAC,CAAC,CAAC,GAAGD,KAAK,CAACC,IAAI,CAAC,CAAC;MAC9B,OAAOJ,GAAG;IACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;EAClC,CAAC;EAED,OAAO;IACL,GAAG,IAAAK,+BAAoB,EAACb,IAAI,CAAC;IAC7Bc,uBAAuB,EAAE,MAAAA,CAAA,KAAY;MACnC,MAAMC,KAAK,GAAGC,MAAM,CAAC,CAAC,MAAMd,QAAQ,CAACF,IAAI,CAAC,EAAEe,KAAK,CAACT,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;MACjE,MAAMW,gBAAgB,GAAGD,MAAM,CAC7B,MAAMhB,IAAI,CAACK,IAAI,CAAC,wBAAwB,CAC1C,CAAC;MACD,MAAMa,sBAAsB,GAAGF,MAAM,CACnC,MAAMhB,IAAI,CAACK,IAAI,CAAC,gCAAgC,CAClD,CAAC;MACD,MAAMc,yBAAyB,GAAGC,IAAI,CAACC,GAAG,CACxC,CAAC,EACDN,KAAK,GAAGG,sBACV,CAAC;MACD,OAAOC,yBAAyB,GAAGF,gBAAgB;IACrD;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_PickerContentProvider","_PickerSelectorListContent","_MaxSelection","_PickerContentWrapped","_jsxFileName","PickerContent","props","modalState","default","createElement","PickerContentProvider","__self","__source","fileName","lineNumber","columnNumber","PickerContentWrapped","_extends2","renderPickerContent","state","renderItem","PickerSelectorListContent","selectorListProps","multiple","fromMultipleSelectionToBoolean","hasAdditionalStep","hiddenItemsWarningText"],"sources":["../../../../src/components/PickerContent/PickerContent.tsx"],"sourcesContent":["import React, { ComponentType, ReactNode } from 'react';\nimport { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { UsePickerContentParams } from '../../hooks/usePickerContent';\nimport { PickerContentState } from '../../state';\nimport { PickerContentProvider } from './PickerContentProvider';\nimport { PickerSelectorListContent } from '../PickerSelectorListContent';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { PickerContentWrapped } from './PickerContentWrapped';\nimport { PickerContentItemsSelectionProps } from './PickerContentItemsSelection';\nimport { SelectorListContentProps } from '@wix/design-system';\nimport { PickerContentAdditionalStepProps } from './PickerContentAdditionalStep';\n\nexport interface PickerContentComponentBaseProps<T, F extends FiltersMap>\n  extends PickerContentItemsSelectionProps<T, F>,\n    PickerContentAdditionalStepProps<T> {\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /** Show a warning at the top of the list when not all available items are currently showed */\n  hiddenItemsWarningText?: ReactNode;\n}\n\nexport interface PickerContentProps<T, F extends FiltersMap>\n  extends PickerContentComponentBaseProps<T, F> {\n  /**\n   * A state object created with [`usePickerContent`](./?path=/story/components-pickermodal-hooks--usepickercontent)\n   */\n  state: UsePickerContentParams<T, F> | PickerContentState<T, F>;\n}\n\nexport type PickerContentComponentProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = Omit<\n  PickerContentComponentBaseProps<T, F>,\n  | 'renderItem'\n  | 'pickerContentState'\n  | 'renderEmptyState'\n  | 'hiddenItemsWarningText'\n  | 'renderPickerContent'\n>;\n\nexport type PickerContentComponent<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = ComponentType<PickerContentComponentProps<T, F>>;\n\nexport function PickerContent<T, F extends FiltersMap>(\n  props: PickerContentProps<T, F>,\n) {\n  const { modalState } = props;\n\n  // wrap with a new WixPatternsContainer that can get initialProps\n  return (\n    <PickerContentProvider modalState={modalState}>\n      <PickerContentWrapped\n        {...props}\n        renderPickerContent={({ state, renderItem }) => (\n          <PickerSelectorListContent\n            {...props.selectorListProps}\n            state={state}\n            multiple={fromMultipleSelectionToBoolean(props.multiple)}\n            hasAdditionalStep={props.hasAdditionalStep}\n            hiddenItemsWarningText={props.hiddenItemsWarningText}\n            renderItem={renderItem}\n          />\n        )}\n      />\n    </PickerContentProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AA0CvD,SAASC,aAAaA,CAC3BC,KAA+B,EAC/B;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;;EAE5B;EACA,oBACET,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,sBAAA,CAAAU,qBAAqB;IAACH,UAAU,EAAEA,UAAW;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5ClB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAa,oBAAoB,MAAAC,SAAA,CAAAT,OAAA,MACfF,KAAK;IACTY,mBAAmB,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBACzCvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,0BAAA,CAAAoB,yBAAyB,MAAAJ,SAAA,CAAAT,OAAA,MACpBF,KAAK,CAACgB,iBAAiB;MAC3BH,KAAK,EAAEA,KAAM;MACbI,QAAQ,EAAE,IAAAC,4CAA8B,EAAClB,KAAK,CAACiB,QAAQ,CAAE;MACzDE,iBAAiB,EAAEnB,KAAK,CAACmB,iBAAkB;MAC3CC,sBAAsB,EAAEpB,KAAK,CAACoB,sBAAuB;MACrDN,UAAU,EAAEA,UAAW;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EACxB,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACoB,CAAC;AAE5B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_PickerContentProvider","_PickerSelectorListContent","_MaxSelection","_PickerContentWrapped","_jsxFileName","PickerContent","props","modalState","default","createElement","PickerContentProvider","__self","__source","fileName","lineNumber","columnNumber","PickerContentWrapped","_extends2","renderPickerContent","state","renderItem","PickerSelectorListContent","selectorListProps","multiple","fromMultipleSelectionToBoolean","hasAdditionalStep","hiddenItemsWarningText"],"sources":["../../../../src/components/PickerContent/PickerContent.tsx"],"sourcesContent":["import React, { ComponentType, ReactNode } from 'react';\nimport { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { UsePickerContentParams } from '../../hooks/usePickerContent';\nimport { PickerContentState } from '../../state';\nimport { PickerContentProvider } from './PickerContentProvider';\nimport { PickerSelectorListContent } from '../PickerSelectorListContent';\nimport { fromMultipleSelectionToBoolean } from '../MaxSelection';\nimport { PickerContentWrapped } from './PickerContentWrapped';\nimport { PickerContentItemsSelectionProps } from './PickerContentItemsSelection';\nimport { SelectorListContentProps } from '@wix/design-system';\nimport { PickerContentAdditionalStepProps } from './PickerContentAdditionalStep';\n\nexport interface PickerContentComponentBaseProps<T, F extends FiltersMap>\n  extends PickerContentItemsSelectionProps<T, F>,\n    PickerContentAdditionalStepProps<T> {\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /** Show a warning at the top of the list when not all available items are currently showed */\n  hiddenItemsWarningText?: ReactNode;\n}\n\nexport interface PickerContentProps<T, F extends FiltersMap>\n  extends PickerContentComponentBaseProps<T, F> {\n  /**\n   * A state object created with [`usePickerContent`](./?path=/story/base-components-collections-picker-hooks--usepickercontent)\n   */\n  state: UsePickerContentParams<T, F> | PickerContentState<T, F>;\n}\n\nexport type PickerContentComponentProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = Omit<\n  PickerContentComponentBaseProps<T, F>,\n  | 'renderItem'\n  | 'pickerContentState'\n  | 'renderEmptyState'\n  | 'hiddenItemsWarningText'\n  | 'renderPickerContent'\n>;\n\nexport type PickerContentComponent<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> = ComponentType<PickerContentComponentProps<T, F>>;\n\nexport function PickerContent<T, F extends FiltersMap>(\n  props: PickerContentProps<T, F>,\n) {\n  const { modalState } = props;\n\n  // wrap with a new WixPatternsContainer that can get initialProps\n  return (\n    <PickerContentProvider modalState={modalState}>\n      <PickerContentWrapped\n        {...props}\n        renderPickerContent={({ state, renderItem }) => (\n          <PickerSelectorListContent\n            {...props.selectorListProps}\n            state={state}\n            multiple={fromMultipleSelectionToBoolean(props.multiple)}\n            hasAdditionalStep={props.hasAdditionalStep}\n            hiddenItemsWarningText={props.hiddenItemsWarningText}\n            renderItem={renderItem}\n          />\n        )}\n      />\n    </PickerContentProvider>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,qBAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AA0CvD,SAASC,aAAaA,CAC3BC,KAA+B,EAC/B;EACA,MAAM;IAAEC;EAAW,CAAC,GAAGD,KAAK;;EAE5B;EACA,oBACET,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,sBAAA,CAAAU,qBAAqB;IAACH,UAAU,EAAEA,UAAW;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5ClB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACN,qBAAA,CAAAa,oBAAoB,MAAAC,SAAA,CAAAT,OAAA,MACfF,KAAK;IACTY,mBAAmB,EAAEA,CAAC;MAAEC,KAAK;MAAEC;IAAW,CAAC,kBACzCvB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,0BAAA,CAAAoB,yBAAyB,MAAAJ,SAAA,CAAAT,OAAA,MACpBF,KAAK,CAACgB,iBAAiB;MAC3BH,KAAK,EAAEA,KAAM;MACbI,QAAQ,EAAE,IAAAC,4CAA8B,EAAClB,KAAK,CAACiB,QAAQ,CAAE;MACzDE,iBAAiB,EAAEnB,KAAK,CAACmB,iBAAkB;MAC3CC,sBAAsB,EAAEpB,KAAK,CAACoB,sBAAuB;MACrDN,UAAU,EAAEA,UAAW;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAT,YAAA;QAAAU,UAAA;QAAAC,YAAA;MAAA;IAAA,EACxB,CACD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAT,YAAA;MAAAU,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CACoB,CAAC;AAE5B","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContent2155746736";
+var _namespace_ = "PickerContent3933731045";
 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": "PickerContent2155746736__root"
+  "root": "PickerContent3933731045__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/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_ = "PickerContentAdditionalStep576281095";
+var _namespace_ = "PickerContentAdditionalStep391660860";
 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": "PickerContentAdditionalStep576281095__root",
-  "titles": "PickerContentAdditionalStep576281095__titles",
-  "suffix": "PickerContentAdditionalStep576281095__suffix"
+  "root": "PickerContentAdditionalStep391660860__root",
+  "titles": "PickerContentAdditionalStep391660860__titles",
+  "suffix": "PickerContentAdditionalStep391660860__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_ = \"PickerContentAdditionalStep576281095\";\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\":\"PickerContentAdditionalStep576281095__root\",\"titles\":\"PickerContentAdditionalStep576281095__titles\",\"suffix\":\"PickerContentAdditionalStep576281095__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,sCAAsC;AACxD,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,4CAA4C;EAAC,QAAQ,EAAC,8CAA8C;EAAC,QAAQ,EAAC;AAA8C,CAAC;AACnL,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_ = \"PickerContentAdditionalStep391660860\";\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\":\"PickerContentAdditionalStep391660860__root\",\"titles\":\"PickerContentAdditionalStep391660860__titles\",\"suffix\":\"PickerContentAdditionalStep391660860__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,sCAAsC;AACxD,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,4CAA4C;EAAC,QAAQ,EAAC,8CAA8C;EAAC,QAAQ,EAAC;AAA8C,CAAC;AACnL,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/PickerContentItemsSelection.js.map

@@ -1 +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","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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","ignoreList":[]}
+{"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","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/features-display-empty-states--collectionemptystate).<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-types--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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","ignoreList":[]}

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

@@ -1 +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","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","style","maxHeight","display","close","onCreateNew"],"sources":["../../../../src/components/PickerModal/PickerModal.tsx"],"sourcesContent":["import { CustomModalLayoutProps, Modal, ModalProps } 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\n          data-wix-patterns\n          style={{ width, maxHeight: '100%', display: 'flex' }}\n        >\n          {child}\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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","ignoreList":[]}
+{"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","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","style","maxHeight","display","close","onCreateNew"],"sources":["../../../../src/components/PickerModal/PickerModal.tsx"],"sourcesContent":["import { CustomModalLayoutProps, Modal, ModalProps } 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/base-components-collections-picker-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\n          data-wix-patterns\n          style={{ width, maxHeight: '100%', display: 'flex' }}\n        >\n          {child}\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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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","hiddenItemsWarningText","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n  PickerStandaloneLayout,\n  PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n  extends Partial<PickerStandaloneLayoutProps<T, F>> {\n  dataHook?: string;\n\n  /**\n   * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/components-pickerstandalone-hooks--usepickerstandalone)\n   */\n  state: PickerStandaloneState<T, F>;\n\n  /**\n   * A function that renders an item row in the `SelectorList`\n   */\n  renderItem?: (\n    item: T,\n    index: number,\n    options: { isMobileView?: boolean },\n  ) => Partial<PickerListItemProps>;\n\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?: PickerProps<T, F>['renderEmptyState'];\n\n  renderError: PickerProps<T, F>['renderError'];\n\n  /** Show a warning at the top of the list when not all available items are currently showed */\n  hiddenItemsWarningText?: ReactNode;\n\n  /** Picker title if not provided via URL query parameter */\n  defaultTitle?: string;\n\n  /** Picker subtitle if not provided via URL query parameter */\n  defaultSubtitle?: string;\n\n  /** The text for the item primary button, if not provided via URL query parameter */\n  defaultPrimaryButtonText?: string;\n\n  /** Limits the number of lines for the title */\n  titleMaxLines?: number;\n\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /**\n   * The width of the primary action item.\n   * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n   */\n  primaryActionWidth?: string;\n\n  /**\n   *  Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n   */\n  createNewAction?: ReactElement<TextButtonProps>;\n\n  minContentHeight?: number | string;\n  /**\n   * Height for mobile layout container\n   * @default 100vh\n   */\n  mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    renderEmptyState,\n    renderError,\n    hiddenItemsWarningText,\n    selectorListProps,\n    dataHook,\n    height,\n    mobileHeight,\n    minContentHeight,\n    primaryActionWidth,\n    defaultPrimaryButtonText,\n    ...rest\n  } = props;\n\n  const { picker, initTask, isMobileView } = state;\n\n  const { collection } = picker;\n\n  state._hasCreateNewAction = props.createNewAction != null;\n\n  useState(() => {\n    if (minContentHeight != null) {\n      picker.minContentHeight = minContentHeight;\n    }\n  });\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const { splashProps } = isMobileView\n    ? {\n        splashProps: {\n          height: mobileHeight,\n        },\n      }\n    : {\n        splashProps: {\n          paddingTop: 'SP8',\n          paddingBottom: 'SP8',\n          height,\n        },\n      };\n\n  return (\n    <CollectionProvider value={collection}>\n      <MultiCollectionSupportProvider value={state.picker.multi}>\n        <div data-patterns>\n          <Splash\n            renderError={renderError}\n            dataHook={dataHook}\n            state={initTask}\n            {...splashProps}\n          >\n            <PickerStandaloneLayout\n              renderError={renderError}\n              state={state}\n              {...rest}\n            >\n              <Picker\n                dataHook=\"picker\"\n                state={picker}\n                renderEmptyState={renderEmptyState}\n                renderError={renderError}\n              >\n                <PickerListContent\n                  {...selectorListProps}\n                  state={picker}\n                  hiddenItemsWarningText={hiddenItemsWarningText}\n                  spacing={94}\n                  renderItem={(keyedItem, index) => (\n                    <PickerStandaloneTableListItem\n                      {...renderItem?.(keyedItem.item, index, { isMobileView })}\n                      defaultPrimaryButtonText={defaultPrimaryButtonText}\n                      state={state}\n                      primaryActionWidth={primaryActionWidth}\n                      keyedItem={keyedItem}\n                    />\n                  )}\n                />\n              </Picker>\n            </PickerStandaloneLayout>\n          </Splash>\n        </div>\n      </MultiCollectionSupportProvider>\n    </CollectionProvider>\n  );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_PickerStandaloneLayout","require","_Picker","_react","_interopRequireWildcard","_Splash","_CollectionContext","_PickerListContent","_PickerStandaloneTableListItem","_mobxReactLite","_MultiCollectionSupportProvider","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_PickerStandalone","props","state","renderItem","renderEmptyState","renderError","hiddenItemsWarningText","selectorListProps","dataHook","height","mobileHeight","minContentHeight","primaryActionWidth","defaultPrimaryButtonText","rest","picker","initTask","isMobileView","collection","_hasCreateNewAction","createNewAction","useState","useEffect","init","splashProps","paddingTop","paddingBottom","createElement","CollectionProvider","value","__self","__source","fileName","lineNumber","columnNumber","MultiCollectionSupportProvider","multi","Splash","_extends2","PickerStandaloneLayout","Picker","PickerListContent","spacing","keyedItem","index","PickerStandaloneTableListItem","item","PickerStandalone","exports","observer"],"sources":["../../../../src/components/PickerStandalone/PickerStandalone.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { PickerStandaloneState } from '../../state';\nimport {\n  PickerStandaloneLayout,\n  PickerStandaloneLayoutProps,\n} from '../PickerStandaloneLayout';\nimport { Picker, PickerProps } from '../Picker';\nimport React, { ReactElement, ReactNode, useEffect, useState } from 'react';\nimport { SelectorListContentProps, TextButtonProps } from '@wix/design-system';\nimport { Splash } from '../Splash';\nimport { CollectionProvider } from '../CollectionContext';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { PickerListContent } from '../PickerListContent';\nimport { PickerStandaloneTableListItem } from './PickerStandaloneTableListItem';\nimport { observer } from 'mobx-react-lite';\nimport { MultiCollectionSupportProvider } from '../MultiCollectionSupportProvider';\n\nexport interface PickerStandaloneProps<T, F extends FiltersMap>\n  extends Partial<PickerStandaloneLayoutProps<T, F>> {\n  dataHook?: string;\n\n  /**\n   * A picker standalone state instance created with [`usePickerStandalone`](./?path=/story/base-components-collections-picker-hooks--usepickerstandalone)\n   */\n  state: PickerStandaloneState<T, F>;\n\n  /**\n   * A function that renders an item row in the `SelectorList`\n   */\n  renderItem?: (\n    item: T,\n    index: number,\n    options: { isMobileView?: boolean },\n  ) => Partial<PickerListItemProps>;\n\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/features-display-empty-states--collectionemptystate).<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-types--computedquery) that represents the query that resulted with an empty state\n   */\n  renderEmptyState?: PickerProps<T, F>['renderEmptyState'];\n\n  renderError: PickerProps<T, F>['renderError'];\n\n  /** Show a warning at the top of the list when not all available items are currently showed */\n  hiddenItemsWarningText?: ReactNode;\n\n  /** Picker title if not provided via URL query parameter */\n  defaultTitle?: string;\n\n  /** Picker subtitle if not provided via URL query parameter */\n  defaultSubtitle?: string;\n\n  /** The text for the item primary button, if not provided via URL query parameter */\n  defaultPrimaryButtonText?: string;\n\n  /** Limits the number of lines for the title */\n  titleMaxLines?: number;\n\n  /** Hides the search input of the picker */\n  hideSearch?: boolean;\n\n  /**\n   * Additional props to pass to [SelectorList](https://www.docs.wixdesignsystem.com/?path=/story/components-lists--selectorlist), i.e `imageSize`, `imageShape` etc.\n   */\n  selectorListProps?: Partial<SelectorListContentProps>;\n\n  /**\n   * The width of the primary action item.\n   * can be fixed or using [minmax](https://developer.mozilla.org/en-US/docs/Web/CSS/minmax())\n   */\n  primaryActionWidth?: string;\n\n  /**\n   *  Adds side action TextButton to the footer, with Add icon. Only `TextButton` React element is supported.\n   */\n  createNewAction?: ReactElement<TextButtonProps>;\n\n  minContentHeight?: number | string;\n  /**\n   * Height for mobile layout container\n   * @default 100vh\n   */\n  mobileHeight?: number | string;\n}\n\nexport function _PickerStandalone<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneProps<T, F>,\n) {\n  const {\n    state,\n    renderItem,\n    renderEmptyState,\n    renderError,\n    hiddenItemsWarningText,\n    selectorListProps,\n    dataHook,\n    height,\n    mobileHeight,\n    minContentHeight,\n    primaryActionWidth,\n    defaultPrimaryButtonText,\n    ...rest\n  } = props;\n\n  const { picker, initTask, isMobileView } = state;\n\n  const { collection } = picker;\n\n  state._hasCreateNewAction = props.createNewAction != null;\n\n  useState(() => {\n    if (minContentHeight != null) {\n      picker.minContentHeight = minContentHeight;\n    }\n  });\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const { splashProps } = isMobileView\n    ? {\n        splashProps: {\n          height: mobileHeight,\n        },\n      }\n    : {\n        splashProps: {\n          paddingTop: 'SP8',\n          paddingBottom: 'SP8',\n          height,\n        },\n      };\n\n  return (\n    <CollectionProvider value={collection}>\n      <MultiCollectionSupportProvider value={state.picker.multi}>\n        <div data-patterns>\n          <Splash\n            renderError={renderError}\n            dataHook={dataHook}\n            state={initTask}\n            {...splashProps}\n          >\n            <PickerStandaloneLayout\n              renderError={renderError}\n              state={state}\n              {...rest}\n            >\n              <Picker\n                dataHook=\"picker\"\n                state={picker}\n                renderEmptyState={renderEmptyState}\n                renderError={renderError}\n              >\n                <PickerListContent\n                  {...selectorListProps}\n                  state={picker}\n                  hiddenItemsWarningText={hiddenItemsWarningText}\n                  spacing={94}\n                  renderItem={(keyedItem, index) => (\n                    <PickerStandaloneTableListItem\n                      {...renderItem?.(keyedItem.item, index, { isMobileView })}\n                      defaultPrimaryButtonText={defaultPrimaryButtonText}\n                      state={state}\n                      primaryActionWidth={primaryActionWidth}\n                      keyedItem={keyedItem}\n                    />\n                  )}\n                />\n              </Picker>\n            </PickerStandaloneLayout>\n          </Splash>\n        </div>\n      </MultiCollectionSupportProvider>\n    </CollectionProvider>\n  );\n}\n\nexport const PickerStandalone = observer(_PickerStandalone);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerTableListItem128871986";
+var _namespace_ = "PickerTableListItem33972842";
 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": "PickerTableListItem128871986__root"
+  "root": "PickerTableListItem33972842__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem128871986\";\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\":\"PickerTableListItem128871986__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem33972842\";\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\":\"PickerTableListItem33972842__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/PlaceholderStates/PlaceholderStatesBase.js

@@ -13,7 +13,7 @@ function _PlaceholderStatesBase(props) {
   const {
     state,
     emptyState,
-    noResultsState,
+    noResultsState: noResultsStateProp,
     renderError,
     topNotification: topNotificationProp,
     children,
@@ -30,6 +30,7 @@ function _PlaceholderStatesBase(props) {
     errorStatus
   } = state;
   const topNotification = typeof topNotificationProp === 'function' ? topNotificationProp() : topNotificationProp;
+  const noResultsState = typeof noResultsStateProp === 'function' ? noResultsStateProp() : noResultsStateProp;
   let child;
   if (initTask.status.isError) {
     child = /*#__PURE__*/_react.default.createElement(_ErrorState.ErrorState, {
@@ -40,7 +41,7 @@ function _PlaceholderStatesBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 65,
+        lineNumber: 70,
         columnNumber: 7
       }
     });
@@ -55,7 +56,7 @@ function _PlaceholderStatesBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 81,
         columnNumber: 7
       }
     });
@@ -68,7 +69,7 @@ function _PlaceholderStatesBase(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 91,
+            lineNumber: 96,
             columnNumber: 17
           }
         });
@@ -81,7 +82,7 @@ function _PlaceholderStatesBase(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 97,
+            lineNumber: 102,
             columnNumber: 17
           }
         });

package/dist/cjs/components/PlaceholderStates/PlaceholderStatesBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_ErrorState","_CollectionEmptyState","_CollectionNoResultsState","_jsxFileName","_PlaceholderStatesBase","props","state","emptyState","noResultsState","renderError","topNotification","topNotificationProp","children","loadingState","initTask","showLoadingState","showEmptyState","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","showErrorState","errorStatus","child","status","isError","default","createElement","ErrorState","dataHook","__self","__source","fileName","lineNumber","columnNumber","CollectionNoResultsState","CollectionEmptyState","Fragment","PlaceholderStatesBase","exports","observer"],"sources":["../../../../src/components/PlaceholderStates/PlaceholderStatesBase.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { TaskState } from '@wix/bex-core';\nimport { ErrorState, ErrorStateProps } from '../ErrorState';\nimport { CollectionEmptyState } from '../EmptyState/CollectionEmptyState';\nimport { CollectionNoResultsState } from '../EmptyState/CollectionNoResultsState';\n\nexport interface PlaceholderStatesBaseProps {\n  state: {\n    initTask: TaskState<unknown>;\n    showLoadingState: boolean;\n    showEmptyState: boolean;\n    hasAvailableItems: boolean;\n    resultOriginQuerySearch?: string;\n    hasNonPersistentActiveFilters: boolean;\n    showErrorState: boolean;\n    errorStatus:\n      | {\n          error: unknown;\n        }\n      | null\n      | undefined;\n    retryErrorState: () => void;\n  };\n  renderError?: ErrorStateProps['renderError'];\n  emptyState?: ReactNode;\n  noResultsState?: ReactNode;\n  topNotification?: TopNotificationBasicRenderProp;\n  loadingState?: ReactNode;\n  children?: ReactNode;\n}\n\nfunction _PlaceholderStatesBase(props: PlaceholderStatesBaseProps) {\n  const {\n    state,\n    emptyState,\n    noResultsState,\n    renderError,\n    topNotification: topNotificationProp,\n    children,\n    loadingState,\n  } = props;\n\n  const {\n    initTask,\n    showLoadingState,\n    showEmptyState,\n    hasAvailableItems,\n    resultOriginQuerySearch,\n    hasNonPersistentActiveFilters,\n    showErrorState,\n    errorStatus,\n  } = state;\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  let child: ReactNode;\n\n  if (initTask.status.isError) {\n    child = (\n      <ErrorState\n        dataHook=\"placeholder-states-error-state\"\n        errorStatus={initTask.status}\n        state={state}\n        renderError={renderError}\n      />\n    );\n  } else if (showLoadingState) {\n    child = loadingState || children;\n  } else if (showErrorState && errorStatus) {\n    child = (\n      <ErrorState\n        dataHook=\"placeholder-states-error-state\"\n        errorStatus={errorStatus}\n        state={state}\n        renderError={renderError}\n      />\n    );\n  } else if (showEmptyState) {\n    if (\n      hasAvailableItems &&\n      (resultOriginQuerySearch != null || hasNonPersistentActiveFilters)\n    ) {\n      if (noResultsState) {\n        child = noResultsState;\n      } else {\n        child = <CollectionNoResultsState />;\n      }\n    } else {\n      if (emptyState) {\n        child = emptyState;\n      } else {\n        child = <CollectionEmptyState />;\n      }\n    }\n  } else {\n    child = children;\n  }\n\n  return (\n    <>\n      {topNotification}\n      {child}\n    </>\n  );\n}\n\nexport const PlaceholderStatesBase = observer(_PlaceholderStatesBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_ErrorState","_CollectionEmptyState","_CollectionNoResultsState","_jsxFileName","_PlaceholderStatesBase","props","state","emptyState","noResultsState","noResultsStateProp","renderError","topNotification","topNotificationProp","children","loadingState","initTask","showLoadingState","showEmptyState","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","showErrorState","errorStatus","child","status","isError","default","createElement","ErrorState","dataHook","__self","__source","fileName","lineNumber","columnNumber","CollectionNoResultsState","CollectionEmptyState","Fragment","PlaceholderStatesBase","exports","observer"],"sources":["../../../../src/components/PlaceholderStates/PlaceholderStatesBase.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { TaskState } from '@wix/bex-core';\nimport { ErrorState, ErrorStateProps } from '../ErrorState';\nimport { CollectionEmptyState } from '../EmptyState/CollectionEmptyState';\nimport { CollectionNoResultsState } from '../EmptyState/CollectionNoResultsState';\n\nexport interface PlaceholderStatesBaseProps {\n  state: {\n    initTask: TaskState<unknown>;\n    showLoadingState: boolean;\n    showEmptyState: boolean;\n    hasAvailableItems: boolean;\n    resultOriginQuerySearch?: string;\n    hasNonPersistentActiveFilters: boolean;\n    showErrorState: boolean;\n    errorStatus:\n      | {\n          error: unknown;\n        }\n      | null\n      | undefined;\n    retryErrorState: () => void;\n  };\n  renderError?: ErrorStateProps['renderError'];\n  emptyState?: ReactNode;\n  noResultsState?: ReactNode;\n  topNotification?: TopNotificationBasicRenderProp;\n  loadingState?: ReactNode;\n  children?: ReactNode;\n}\n\nfunction _PlaceholderStatesBase(props: PlaceholderStatesBaseProps) {\n  const {\n    state,\n    emptyState,\n    noResultsState: noResultsStateProp,\n    renderError,\n    topNotification: topNotificationProp,\n    children,\n    loadingState,\n  } = props;\n\n  const {\n    initTask,\n    showLoadingState,\n    showEmptyState,\n    hasAvailableItems,\n    resultOriginQuerySearch,\n    hasNonPersistentActiveFilters,\n    showErrorState,\n    errorStatus,\n  } = state;\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const noResultsState =\n    typeof noResultsStateProp === 'function'\n      ? noResultsStateProp()\n      : noResultsStateProp;\n\n  let child: ReactNode;\n\n  if (initTask.status.isError) {\n    child = (\n      <ErrorState\n        dataHook=\"placeholder-states-error-state\"\n        errorStatus={initTask.status}\n        state={state}\n        renderError={renderError}\n      />\n    );\n  } else if (showLoadingState) {\n    child = loadingState || children;\n  } else if (showErrorState && errorStatus) {\n    child = (\n      <ErrorState\n        dataHook=\"placeholder-states-error-state\"\n        errorStatus={errorStatus}\n        state={state}\n        renderError={renderError}\n      />\n    );\n  } else if (showEmptyState) {\n    if (\n      hasAvailableItems &&\n      (resultOriginQuerySearch != null || hasNonPersistentActiveFilters)\n    ) {\n      if (noResultsState) {\n        child = noResultsState;\n      } else {\n        child = <CollectionNoResultsState />;\n      }\n    } else {\n      if (emptyState) {\n        child = emptyState;\n      } else {\n        child = <CollectionEmptyState />;\n      }\n    }\n  } else {\n    child = children;\n  }\n\n  return (\n    <>\n      {topNotification}\n      {child}\n    </>\n  );\n}\n\nexport const PlaceholderStatesBase = observer(_PlaceholderStatesBase);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ScrollableContent2830355098";
+var _namespace_ = "ScrollableContent3334537034";
 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": "ScrollableContent2830355098__root"
+  "root": "ScrollableContent3334537034__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2830355098\";\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\":\"ScrollableContent2830355098__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent3334537034\";\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\":\"ScrollableContent3334537034__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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":[]}