@wix/patterns 1.20.0 → 1.22.0

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

@@ -5,68 +5,55 @@ exports.__esModule = true;
 exports.NestedTableDragAndDropState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _DragAndDrop = require("../DragAndDrop");
+var _mobx = require("mobx");
 class NestedTableDragAndDropState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "tableState", void 0);
     (0, _defineProperty2.default)(this, "dnd", void 0);
     (0, _defineProperty2.default)(this, "nestedState", void 0);
-    (0, _defineProperty2.default)(this, "_move", ev => {
-      var _nestedState$getKeyed, _ev$over;
-      const {
-        nestedState
-      } = this;
-      const item = (_nestedState$getKeyed = nestedState.getKeyedItem((_ev$over = ev.over) == null ? void 0 : _ev$over.id)) == null ? void 0 : _nestedState$getKeyed.item;
-      if (!item) {
-        return;
-      }
-      const itemCollection = item == null ? void 0 : item.state.collection;
-      const {
-        optimisticActions
-      } = itemCollection;
-      if (optimisticActions == null) {
-        return;
-      }
-      optimisticActions._orderByMode = 'moves';
-      const dragEndEvent = this.dnd._createDragEndEvent(ev);
-      if (dragEndEvent == null) {
-        return;
-      }
-    });
+    (0, _defineProperty2.default)(this, "_move", () => {});
     const {
-      nestedState: _nestedState,
+      nestedState,
       modalsContainerRef
     } = params;
     const {
       container
-    } = _nestedState;
-    this.tableState = _nestedState.tableState;
-    this.nestedState = _nestedState;
+    } = nestedState;
+    this.tableState = nestedState.tableState;
+    this.nestedState = nestedState;
     this.dnd = new _DragAndDrop.DragAndDropState({
       a11yContainerRef: modalsContainerRef,
       container,
-      state: _nestedState.wrapper.toolbar,
-      collection: _nestedState,
-      move: this._move,
+      state: nestedState.wrapper.toolbar,
+      collection: nestedState,
+      move: () => this._move(),
       announcements: {
         dragHandleLabel: id => {
-          var _nestedState$getKeyed2, _item$originalKeyedIt;
+          var _nestedState$getKeyed, _item$originalKeyedIt;
           const {
             translate: t
           } = container;
-          const item = (_nestedState$getKeyed2 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed2.item;
+          const item = (_nestedState$getKeyed = nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed.item;
           const itemName = item == null ? void 0 : item.state.collection.itemName;
           return t('cairo.dragAndDrop.button-role-label.sr', {
             itemName: item && itemName ? itemName((_item$originalKeyedIt = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt.item) : ''
           });
         },
         itemDescription: id => {
-          var _nestedState$getKeyed3, _item$originalKeyedIt2;
-          const item = (_nestedState$getKeyed3 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed3.item;
+          var _nestedState$getKeyed2, _item$originalKeyedIt2;
+          const item = (_nestedState$getKeyed2 = nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed2.item;
           const itemName = item == null ? void 0 : item.state.collection.itemName;
           return item && itemName ? itemName((_item$originalKeyedIt2 = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt2.item) : '';
         }
       }
     });
+    (0, _mobx.makeObservable)(this, {
+      dragEventItems: _mobx.computed,
+      dragEventDirectionItems: _mobx.computed,
+      dragEventDepth: _mobx.computed,
+      dragEventParentId: _mobx.computed,
+      dragEventParentAndAfter: _mobx.computed
+    });
   }
   getStickyColumnsCount({
     stickyColumns,
@@ -77,6 +64,166 @@ class NestedTableDragAndDropState {
     } = this;
     return horizontalScroll && !dnd.isDisabled ? stickyColumns + 1 : stickyColumns;
   }
+  get dragEventItems() {
+    const {
+      dnd
+    } = this;
+    const {
+      collection,
+      activeId,
+      overId
+    } = dnd;
+    if (!overId || !activeId) {
+      return null;
+    }
+    const overItem = collection.getKeyedItem(overId);
+    const activeItem = collection.getKeyedItem(activeId);
+    if (activeItem == null || overItem == null) {
+      return null;
+    }
+    return {
+      overItem,
+      activeItem
+    };
+  }
+  get dragEventDirectionItems() {
+    const {
+      nestedState: {
+        keyedItems: items
+      },
+      dragEventItems
+    } = this;
+    if (!dragEventItems) {
+      return null;
+    }
+    const {
+      overItem,
+      activeItem
+    } = dragEventItems;
+    const activeItemIndex = activeItem.index;
+    const overItemIndex = overItem.index;
+    const previousItem = activeItemIndex === overItemIndex ? items[overItemIndex - 1] : activeItemIndex > overItemIndex ? items[overItemIndex - 1] : items[overItemIndex];
+    const nextItem = activeItemIndex === overItemIndex ? items[overItemIndex + 1] : activeItemIndex < overItemIndex ? items[overItemIndex + 1] : items[overItemIndex];
+    return {
+      nextItem,
+      previousItem,
+      overItem,
+      activeItem
+    };
+  }
+  get dragEventDepth() {
+    const {
+      nestedState: {
+        _indentationWidth
+      },
+      dragEventDirectionItems,
+      dnd: {
+        _moveDelta
+      }
+    } = this;
+    if (!dragEventDirectionItems) {
+      return null;
+    }
+    const {
+      nextItem,
+      previousItem,
+      activeItem,
+      overItem
+    } = dragEventDirectionItems;
+    const dragDepth = Math.round(_moveDelta.x / _indentationWidth); // getDragDepth
+    const projectedDepth = activeItem.item.state.depth + dragDepth;
+    const maxDepth = previousItem ? previousItem.item.state.depth + 1 : 0;
+    const minDepth = nextItem ? nextItem.item.state.depth : 0;
+    let depth = projectedDepth;
+    if (projectedDepth >= maxDepth) {
+      depth = maxDepth;
+    } else if (projectedDepth < minDepth) {
+      depth = minDepth;
+    }
+    return {
+      depth,
+      nextItem,
+      previousItem,
+      activeItem,
+      overItem
+    };
+  }
+  get dragEventParentId() {
+    const {
+      nestedState: {
+        keyedItems: items
+      },
+      dragEventDepth
+    } = this;
+    if (!dragEventDepth) {
+      return null;
+    }
+    const {
+      previousItem,
+      depth,
+      overItem
+    } = dragEventDepth;
+    if (depth === 0 || !previousItem) {
+      return null;
+    }
+    if (depth === previousItem.item.state.depth) {
+      var _previousItem$item$st;
+      return (_previousItem$item$st = previousItem.item.state.parent) == null ? void 0 : _previousItem$item$st.id;
+    }
+    if (depth > previousItem.item.state.depth) {
+      return previousItem.id;
+    }
+    for (let i = overItem.index; i >= 0; i--) {
+      const item = items[i];
+      if (item.item.state.depth === depth) {
+        var _item$item$state$pare;
+        return (_item$item$state$pare = item.item.state.parent) == null ? void 0 : _item$item$state$pare.id;
+      }
+    }
+    return null;
+  }
+  get dragEventParentAndAfter() {
+    const {
+      nestedState: {
+        keyedItems: items
+      },
+      dragEventDepth
+    } = this;
+    if (!dragEventDepth) {
+      return null;
+    }
+    const {
+      previousItem,
+      depth,
+      overItem
+    } = dragEventDepth;
+    if (depth === 0 || !previousItem) {
+      return null;
+    }
+    if (depth === previousItem.item.state.depth) {
+      return {
+        node: previousItem.item.state,
+        after: previousItem.item.originalKeyedItem
+      };
+    }
+    if (depth > previousItem.item.state.depth) {
+      return {
+        node: previousItem.item.state.parentNode,
+        after: null
+      };
+    }
+    for (let i = overItem.index; i >= 0; i--) {
+      var _items$i;
+      const item = (_items$i = items[i]) == null ? void 0 : _items$i.item;
+      if (item.state.depth === depth) {
+        return {
+          node: item.state.parentNode,
+          after: item.originalKeyedItem
+        };
+      }
+    }
+    return null;
+  }
   init() {
     return this.dnd.init();
   }

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

@@ -1 +1 @@
-{"version":3,"names":["_DragAndDrop","require","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","ev","_nestedState$getKeyed","_ev$over","nestedState","item","getKeyedItem","over","id","itemCollection","state","collection","optimisticActions","_orderByMode","dragEndEvent","dnd","_createDragEndEvent","modalsContainerRef","container","tableState","DragAndDropState","a11yContainerRef","wrapper","toolbar","move","_move","announcements","dragHandleLabel","_nestedState$getKeyed2","_item$originalKeyedIt","translate","t","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed3","_item$originalKeyedIt2","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableNestedModeState } from '../../state';\nimport { DragAndDropState, DragItemOver } from '../DragAndDrop';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n  readonly nestedState: NestedTableNestedModeState<C>;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n  readonly tableState;\n  readonly dnd;\n  readonly nestedState;\n\n  constructor(params: NestedTableDragAndDropStateParams<C>) {\n    const { nestedState, modalsContainerRef } = params;\n\n    const { container } = nestedState;\n\n    this.tableState = nestedState.tableState;\n    this.nestedState = nestedState;\n\n    this.dnd = new DragAndDropState({\n      a11yContainerRef: modalsContainerRef,\n      container,\n      state: nestedState.wrapper.toolbar,\n      collection: nestedState,\n      move: this._move,\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = container;\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName:\n              item && itemName ? itemName(item.originalKeyedItem?.item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return item && itemName ? itemName(item.originalKeyedItem?.item) : '';\n        },\n      },\n    });\n  }\n\n  _move = (ev: { over: DragItemOver | null }) => {\n    const { nestedState } = this;\n\n    const item = nestedState.getKeyedItem(ev.over?.id as string)?.item;\n\n    if (!item) {\n      return;\n    }\n\n    const itemCollection = item?.state.collection;\n    const { optimisticActions } = itemCollection;\n\n    if (optimisticActions == null) {\n      return;\n    }\n\n    optimisticActions._orderByMode = 'moves';\n\n    const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n    if (dragEndEvent == null) {\n      return;\n    }\n  };\n\n  getStickyColumnsCount({\n    stickyColumns,\n    horizontalScroll,\n  }: {\n    stickyColumns: number;\n    showSelection?: boolean;\n    horizontalScroll?: boolean;\n  }) {\n    const { dnd } = this;\n    return horizontalScroll && !dnd.isDisabled\n      ? stickyColumns + 1\n      : stickyColumns;\n  }\n\n  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_DragAndDrop","require","_mobx","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","nestedState","modalsContainerRef","container","tableState","dnd","DragAndDropState","a11yContainerRef","state","wrapper","toolbar","collection","move","_move","announcements","dragHandleLabel","id","_nestedState$getKeyed","_item$originalKeyedIt","translate","t","item","getKeyedItem","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed2","_item$originalKeyedIt2","makeObservable","dragEventItems","computed","dragEventDirectionItems","dragEventDepth","dragEventParentId","dragEventParentAndAfter","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","activeId","overId","overItem","activeItem","keyedItems","items","activeItemIndex","index","overItemIndex","previousItem","nextItem","_indentationWidth","_moveDelta","dragDepth","Math","round","x","projectedDepth","depth","maxDepth","minDepth","_previousItem$item$st","parent","i","_item$item$state$pare","node","after","parentNode","_items$i","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableNestedModeState } from '../../state';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n  readonly nestedState: NestedTableNestedModeState<C>;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n  readonly tableState;\n  readonly dnd;\n  readonly nestedState;\n\n  constructor(params: NestedTableDragAndDropStateParams<C>) {\n    const { nestedState, modalsContainerRef } = params;\n\n    const { container } = nestedState;\n\n    this.tableState = nestedState.tableState;\n    this.nestedState = nestedState;\n\n    this.dnd = new DragAndDropState({\n      a11yContainerRef: modalsContainerRef,\n      container,\n      state: nestedState.wrapper.toolbar,\n      collection: nestedState,\n      move: () => this._move(),\n      announcements: {\n        dragHandleLabel: (id) => {\n          const { translate: t } = container;\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return t('cairo.dragAndDrop.button-role-label.sr', {\n            itemName:\n              item && itemName ? itemName(item.originalKeyedItem?.item) : '',\n          });\n        },\n        itemDescription: (id) => {\n          const item = nestedState.getKeyedItem(id as string)?.item;\n          const itemName = item?.state.collection.itemName;\n\n          return item && itemName ? itemName(item.originalKeyedItem?.item) : '';\n        },\n      },\n    });\n\n    makeObservable(this, {\n      dragEventItems: computed,\n      dragEventDirectionItems: computed,\n      dragEventDepth: computed,\n      dragEventParentId: computed,\n      dragEventParentAndAfter: computed,\n    });\n  }\n\n  _move = () => {};\n\n  getStickyColumnsCount({\n    stickyColumns,\n    horizontalScroll,\n  }: {\n    stickyColumns: number;\n    showSelection?: boolean;\n    horizontalScroll?: boolean;\n  }) {\n    const { dnd } = this;\n    return horizontalScroll && !dnd.isDisabled\n      ? stickyColumns + 1\n      : stickyColumns;\n  }\n\n  get dragEventItems() {\n    const { dnd } = this;\n    const { collection, activeId, overId } = dnd;\n\n    if (!overId || !activeId) {\n      return null;\n    }\n\n    const overItem = collection.getKeyedItem(overId) as NestedTableKeyedItem<\n      C,\n      any,\n      any\n    >;\n    const activeItem = collection.getKeyedItem(\n      activeId,\n    ) as NestedTableKeyedItem<C, any, any>;\n\n    if (activeItem == null || overItem == null) {\n      return null;\n    }\n\n    return {\n      overItem,\n      activeItem,\n    };\n  }\n\n  get dragEventDirectionItems() {\n    const {\n      nestedState: { keyedItems: items },\n      dragEventItems,\n    } = this;\n\n    if (!dragEventItems) {\n      return null;\n    }\n\n    const { overItem, activeItem } = dragEventItems;\n\n    const activeItemIndex = activeItem.index;\n    const overItemIndex = overItem.index;\n\n    const previousItem =\n      activeItemIndex === overItemIndex\n        ? items[overItemIndex - 1]\n        : activeItemIndex > overItemIndex\n        ? items[overItemIndex - 1]\n        : items[overItemIndex];\n\n    const nextItem =\n      activeItemIndex === overItemIndex\n        ? items[overItemIndex + 1]\n        : activeItemIndex < overItemIndex\n        ? items[overItemIndex + 1]\n        : items[overItemIndex];\n\n    return { nextItem, previousItem, overItem, activeItem };\n  }\n\n  get dragEventDepth() {\n    const {\n      nestedState: { _indentationWidth },\n      dragEventDirectionItems,\n      dnd: { _moveDelta },\n    } = this;\n\n    if (!dragEventDirectionItems) {\n      return null;\n    }\n\n    const { nextItem, previousItem, activeItem, overItem } =\n      dragEventDirectionItems;\n\n    const dragDepth = Math.round(_moveDelta.x / _indentationWidth); // getDragDepth\n    const projectedDepth = activeItem.item.state.depth + dragDepth;\n\n    const maxDepth = previousItem ? previousItem.item.state.depth + 1 : 0;\n    const minDepth = nextItem ? nextItem.item.state.depth : 0;\n\n    let depth = projectedDepth;\n\n    if (projectedDepth >= maxDepth) {\n      depth = maxDepth;\n    } else if (projectedDepth < minDepth) {\n      depth = minDepth;\n    }\n\n    return { depth, nextItem, previousItem, activeItem, overItem };\n  }\n\n  get dragEventParentId() {\n    const {\n      nestedState: { keyedItems: items },\n      dragEventDepth,\n    } = this;\n\n    if (!dragEventDepth) {\n      return null;\n    }\n\n    const { previousItem, depth, overItem } = dragEventDepth;\n\n    if (depth === 0 || !previousItem) {\n      return null;\n    }\n\n    if (depth === previousItem.item.state.depth) {\n      return previousItem.item.state.parent?.id;\n    }\n\n    if (depth > previousItem.item.state.depth) {\n      return previousItem.id;\n    }\n\n    for (let i = overItem.index; i >= 0; i--) {\n      const item = items[i];\n\n      if (item.item.state.depth === depth) {\n        return item.item.state.parent?.id;\n      }\n    }\n\n    return null;\n  }\n\n  get dragEventParentAndAfter() {\n    const {\n      nestedState: { keyedItems: items },\n      dragEventDepth,\n    } = this;\n\n    if (!dragEventDepth) {\n      return null;\n    }\n\n    const { previousItem, depth, overItem } = dragEventDepth;\n\n    if (depth === 0 || !previousItem) {\n      return null;\n    }\n\n    if (depth === previousItem.item.state.depth) {\n      return {\n        node: previousItem.item.state,\n        after: previousItem.item.originalKeyedItem,\n      };\n    }\n\n    if (depth > previousItem.item.state.depth) {\n      return {\n        node: previousItem.item.state.parentNode,\n        after: null,\n      };\n    }\n\n    for (let i = overItem.index; i >= 0; i--) {\n      const item = items[i]?.item;\n\n      if (item.state.depth === depth) {\n        return {\n          node: item.state.parentNode,\n          after: item.originalKeyedItem,\n        };\n      }\n    }\n\n    return null;\n  }\n\n  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableDragHandle = NestedTableDragHandle;
+var _designSystem = require("@wix/design-system");
+var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragHandle.tsx";
+function NestedTableDragHandle(props) {
+  const {
+    item
+  } = props;
+  const {
+    originalKeyedItem
+  } = item;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingInlineStart: "6px",
+    paddingInlineEnd: "6px",
+    dataHook: "drag-handle",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 23,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.DragHandle, {
+    id: originalKeyedItem.key,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 7
+    }
+  }));
+}
+//# sourceMappingURL=NestedTableDragHandle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_dragAndDrop","_react","_interopRequireDefault","_jsxFileName","NestedTableDragHandle","props","item","originalKeyedItem","default","createElement","Box","direction","paddingInlineStart","paddingInlineEnd","dataHook","__self","__source","fileName","lineNumber","columnNumber","DragHandle","id","key"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragHandle.tsx"],"sourcesContent":["import { Box } from '@wix/design-system';\nimport { DragHandle } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport React from 'react';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\n\nexport interface NestedTableDragHandleProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> {\n  item: NestedTableDataItem<C, T, F>;\n}\n\nexport function NestedTableDragHandle<\n  C extends string,\n  T,\n  F extends FiltersMap,\n>(props: NestedTableDragHandleProps<C, T, F>) {\n  const { item } = props;\n  const { originalKeyedItem } = item;\n  return (\n    <Box\n      direction=\"vertical\"\n      paddingInlineStart=\"6px\"\n      paddingInlineEnd=\"6px\"\n      dataHook=\"drag-handle\"\n    >\n      <DragHandle id={originalKeyedItem.key} />\n    </Box>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAYnB,SAASC,qBAAqBA,CAInCC,KAA0C,EAAE;EAC5C,MAAM;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACtB,MAAM;IAAEE;EAAkB,CAAC,GAAGD,IAAI;EAClC,oBACEL,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACX,aAAA,CAAAY,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBC,kBAAkB,EAAC,KAAK;IACxBC,gBAAgB,EAAC,KAAK;IACtBC,QAAQ,EAAC,aAAa;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEtBlB,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACT,YAAA,CAAAoB,UAAU;IAACC,EAAE,EAAEd,iBAAiB,CAACe,GAAI;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrC,CAAC;AAEV","ignoreList":[]}

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.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_ = "PickerContent3964490514";
+var _namespace_ = "PickerContent4164815863";
 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": "PickerContent3964490514__root"
+  "root": "PickerContent4164815863__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_ = \"PickerContent3964490514\";\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\":\"PickerContent3964490514__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_ = \"PickerContent4164815863\";\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\":\"PickerContent4164815863__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_ = "PickerContentAdditionalStep4288245646";
+var _namespace_ = "PickerContentAdditionalStep1337772043";
 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": "PickerContentAdditionalStep4288245646__root",
-  "titles": "PickerContentAdditionalStep4288245646__titles",
-  "suffix": "PickerContentAdditionalStep4288245646__suffix"
+  "root": "PickerContentAdditionalStep1337772043__root",
+  "titles": "PickerContentAdditionalStep1337772043__titles",
+  "suffix": "PickerContentAdditionalStep1337772043__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_ = \"PickerContentAdditionalStep4288245646\";\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\":\"PickerContentAdditionalStep4288245646__root\",\"titles\":\"PickerContentAdditionalStep4288245646__titles\",\"suffix\":\"PickerContentAdditionalStep4288245646__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1337772043\";\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\":\"PickerContentAdditionalStep1337772043__root\",\"titles\":\"PickerContentAdditionalStep1337772043__titles\",\"suffix\":\"PickerContentAdditionalStep1337772043__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uCAAuC;AACzD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerContent/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/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-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":[]}