@wix/patterns 1.66.0 → 1.68.0

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

@@ -1 +1 @@
-{"version":3,"names":["_createOptimisticActionsOrderByModeReaction","require","_DragAndDrop","_mobx","_events","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","dragEventParentAndAfter","node","activeItem","overItem","item","originalKeyedItem","dragEndEvent","_createDragEndEvent","levelDescriptor","state","dragAndDropCancel","_createSimpleDragEndEvent","nestedState","modalsContainerRef","container","tableState","dnd","DragAndDropState","a11yContainerRef","wrapper","toolbar","collection","move","_move","announcements","dragHandleLabel","id","_nestedState$getKeyed","_item$originalKeyedIt","translate","t","getKeyedItem","itemName","itemDescription","_nestedState$getKeyed2","_item$originalKeyedIt2","events","on","activeNode","_isExpandedBeforeDrag","_expanded","_toggleExpand","onCancel","_onCancel","makeObservable","dragEventItems","computed","dragEventDirectionItems","dragEventDepth","reachedMaxDepth","action","_createNewParentData","parent","parentNode","parentItem","_node$parent","after","setParent","process","env","NODE_ENV","console","warn","moveId","_moveId","from","over","query","asComputed","filtersKeyHash","isFromHandle","Boolean","_isHandleActive","_node$parent2","parentId","_node$parentNode","submitEvents","EventEmitter","submit","Promise","resolve","reject","once","err","optimisticActions","updateOne","keepPosition","dragAndDropSubmit","emit","e","collectionSnapshot","getCollectionSnapshot","nodeAfterMove","createNode","_notify","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","activeId","overId","keyedItems","items","activeItemIndex","index","overItemIndex","previousItem","nextItem","_indentationWidth","_moveDelta","dragDepth","Math","round","x","projectedDepth","childrenDepth","maxDepth","minDepth","depth","root","_getNode","parentKeyToChildrenMap","get","i","_items$i","activeNodeDeepestBranchDepth","deepestBranchDepth","levels","length","initCollection","createOptimisticActionsOrderByModeReaction","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableNestedModeState } from '../../state';\nimport { NestedTableNodeState } from '../../state/NestedTableState/NestedTableNodeState';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\nimport { DragAndDropState, IndexedItem } from '../DragAndDrop';\nimport { action, computed, makeObservable } from 'mobx';\nimport {\n  ActionMove,\n  CollectionState,\n  ComputedQuery,\n  FiltersMap,\n  ToastConfig,\n  TypedEmitter,\n} from '@wix/bex-core';\nimport { EventEmitter } from 'events';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n  readonly nestedState: NestedTableNestedModeState<C>;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport interface NestedDragEndEvent<C extends string, T, F extends FiltersMap> {\n  from: IndexedItem<T>;\n  after: IndexedItem<{}> | null;\n  over: IndexedItem<{}>;\n  parentId: string | undefined;\n  filters: ComputedQuery<F>['filters'];\n  node: NestedTableNodeState<C, T, F>;\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n  readonly tableState;\n  readonly dnd;\n  readonly nestedState;\n\n  _isExpandedBeforeDrag?: boolean;\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    this.dnd.events.on('dragStart', () => {\n      const { activeNode } = this;\n\n      this._isExpandedBeforeDrag = activeNode?.node._expanded;\n      if (activeNode?.node._expanded) {\n        activeNode.node._toggleExpand();\n      }\n    });\n\n    this.dnd.onCancel = this._onCancel;\n\n    makeObservable(this, {\n      dragEventItems: computed,\n      dragEventDirectionItems: computed,\n      dragEventDepth: computed,\n      activeNode: computed,\n      dragEventParentAndAfter: computed,\n      reachedMaxDepth: computed,\n      _createDragEndEvent: action,\n      _move: action,\n    });\n  }\n\n  _onCancel = ():\n    | Omit<ToastConfig, 'type' | 'biName'>\n    | null\n    | undefined\n    | void => {\n    const { dragEventParentAndAfter } = this;\n    const { node, activeItem, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem\n    ) {\n      return null;\n    }\n\n    const dragEndEvent = this._createDragEndEvent();\n\n    if (!dragEndEvent) {\n      return null;\n    }\n\n    const { levelDescriptor } = activeItem.item.state;\n\n    return levelDescriptor.dragAndDropCancel?.(\n      this._createSimpleDragEndEvent(dragEndEvent, node),\n    );\n  };\n\n  private _createNewParentData<T, F extends FiltersMap>(\n    node: NestedTableNodeState<C, T, F>,\n  ) {\n    if (!node.parent || !node.parentNode) {\n      return {};\n    }\n\n    return {\n      parentItem: node.parent.item as {},\n    };\n  }\n\n  _createDragEndEvent(): ActionMove<any> | null {\n    const { dragEventParentAndAfter, dnd, nestedState } = this;\n\n    const { node, activeItem, after, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem ||\n      !overItem.item.originalKeyedItem\n    ) {\n      return null;\n    }\n\n    const { levelDescriptor } = activeItem.item.state;\n\n    if (!levelDescriptor.setParent) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'setParent is not defined in levelDescriptor, skipping drag end event creation',\n        );\n      }\n      return null;\n    }\n\n    return {\n      moveId: dnd._moveId,\n      from: {\n        ...activeItem.item.originalKeyedItem,\n        item: levelDescriptor.setParent(\n          activeItem.item.originalKeyedItem.item,\n          node.parent?.id,\n          this._createNewParentData(node),\n        ),\n      },\n      over: overItem.item.originalKeyedItem,\n      after,\n      query: nestedState.query.asComputed,\n      filtersKeyHash: nestedState.query.filtersKeyHash,\n      isFromHandle: Boolean(dnd._isHandleActive),\n    };\n  }\n\n  _createSimpleDragEndEvent<T, F extends FiltersMap>(\n    dragEndEvent: ActionMove<T>,\n    node: NestedTableNodeState<C, T, F>,\n  ) {\n    const { dnd } = this;\n    return {\n      ...dnd._createSimpleDragEndEvent(dragEndEvent),\n      parentId: node.parent?.id,\n      node,\n    };\n  }\n\n  _move() {\n    const {\n      dragEventParentAndAfter,\n      nestedState,\n      reachedMaxDepth,\n      activeNode,\n    } = this;\n\n    if (reachedMaxDepth) {\n      if (\n        activeNode &&\n        this._isExpandedBeforeDrag != null &&\n        this._isExpandedBeforeDrag !== activeNode.node._expanded\n      ) {\n        activeNode._toggleExpand();\n      }\n      return;\n    }\n\n    const { node, activeItem, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem\n    ) {\n      return;\n    }\n\n    const dragEndEvent = this._createDragEndEvent();\n\n    if (!dragEndEvent) {\n      return;\n    }\n\n    /**\n     * A submit function that will be shared between 3 optimistic actions.\n     * How it works: The `dragAndDropSubmit` function provided by the consumer will be called only inside the `move` action submit function.\n     * Using EventEmitter to resolve the promise only after the `move` action submit function completes.\n     */\n\n    const submitEvents = new EventEmitter() as TypedEmitter<{\n      submit: (err?: unknown) => void;\n    }>;\n\n    const submit = () =>\n      new Promise<void>((resolve, reject) =>\n        submitEvents.once('submit', (err) => (err ? reject(err) : resolve())),\n      );\n\n    activeItem.item.state.collection.optimisticActions.updateOne(\n      dragEndEvent.from.item,\n      {\n        submit,\n        keepPosition: true,\n      },\n    );\n\n    node.collection.optimisticActions.updateOne(dragEndEvent.from.item, {\n      submit,\n      keepPosition: true,\n    });\n\n    node.collection.optimisticActions.move(dragEndEvent, {\n      submit: async () => {\n        const { levelDescriptor } = activeItem.item.state;\n\n        try {\n          await levelDescriptor.dragAndDropSubmit?.(\n            this._createSimpleDragEndEvent(dragEndEvent, node),\n          );\n\n          submitEvents.emit('submit');\n        } catch (e) {\n          submitEvents.emit('submit', e);\n          throw e;\n        }\n      },\n      collectionSnapshot: nestedState.getCollectionSnapshot(),\n    });\n\n    const nodeAfterMove = node.createNode({\n      parent: activeItem.item.originalKeyedItem,\n    });\n    if (nodeAfterMove && this._isExpandedBeforeDrag != null) {\n      nodeAfterMove.node._expanded = this._isExpandedBeforeDrag;\n    }\n    node.parentNode?._notify();\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  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\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: NestedTableKeyedItem<C, any, any> | null =\n      activeItemIndex >= overItemIndex\n        ? items[overItemIndex - 1]\n        : items[overItemIndex];\n\n    const nextItem: NestedTableKeyedItem<C, any, any> | null =\n      activeItemIndex <= overItemIndex\n        ? items[overItemIndex + 1]\n        : items[overItemIndex];\n\n    return {\n      nextItem,\n      previousItem,\n      overItem,\n      activeItem,\n    };\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.childrenDepth + dragDepth;\n\n    const maxDepth = previousItem ? previousItem.item.state.childrenDepth + 1 : 0;\n    const minDepth = nextItem ? nextItem.item.state.childrenDepth : 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 {\n      depth,\n      nextItem,\n      previousItem,\n      activeItem,\n      overItem,\n    };\n  }\n\n  get activeNode() {\n    const {\n      dnd: { activeId },\n      nestedState,\n    } = this;\n\n    if (!activeId) {\n      return null;\n    }\n\n    return nestedState.root._getNode(activeId);\n  }\n\n  get dragEventParentAndAfter() {\n    const { nestedState, dragEventDepth } = this;\n\n    if (!dragEventDepth) {\n      return {};\n    }\n\n    const { keyedItems: items } = nestedState;\n    const { previousItem, depth, overItem, activeItem } = dragEventDepth;\n\n    if (previousItem == null) {\n      return {\n        node: nestedState.root,\n        after: null,\n        // before: nestedState.root.keyedItems[0],\n        activeItem,\n        overItem,\n      };\n    }\n\n    if (depth === previousItem.item.state.childrenDepth) {\n      return {\n        node: previousItem.item.state,\n        after: previousItem.item.originalKeyedItem,\n        // before: nextItem && nextItem.item.state.depth === depth ? nextItem : null,\n        activeItem,\n        overItem,\n      };\n    }\n\n    if (depth > previousItem.item.state.childrenDepth) {\n      const node = previousItem.item.state.parentKeyToChildrenMap.get(\n        previousItem.id,\n      );\n      return {\n        node,\n        after: null,\n        // before: node?.keyedItems[0],\n        activeItem,\n        overItem,\n      };\n    }\n\n    for (let i = previousItem.index; i >= 0; i--) {\n      const item = items[i]?.item;\n\n      if (item.state.childrenDepth === depth) {\n        return {\n          node: item.state,\n          after: item.originalKeyedItem,\n          activeItem,\n          overItem,\n        };\n      }\n    }\n\n    return {\n      activeItem,\n      overItem,\n    };\n  }\n\n  get reachedMaxDepth() {\n    const {\n      dragEventParentAndAfter,\n      dragEventDirectionItems,\n      nestedState,\n      activeNode,\n    } = this;\n\n    if (!dragEventParentAndAfter || !dragEventDirectionItems) {\n      return false;\n    }\n\n    const { node } = dragEventParentAndAfter;\n\n    if (!node) {\n      return true;\n    }\n\n    const activeNodeDeepestBranchDepth = activeNode?.deepestBranchDepth ?? 0;\n\n    return (\n      node.levelDescriptor.depth + activeNodeDeepestBranchDepth >=\n      nestedState.levels.length\n    );\n  }\n\n  initCollection<T, F extends FiltersMap>(collection: CollectionState<T, F>) {\n    return createOptimisticActionsOrderByModeReaction(this.dnd, collection);\n  }\n\n  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_createOptimisticActionsOrderByModeReaction","require","_DragAndDrop","_mobx","_events","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","dragEventParentAndAfter","node","activeItem","overItem","item","originalKeyedItem","dragEndEvent","_createDragEndEvent","levelDescriptor","state","dragAndDropCancel","_createSimpleDragEndEvent","nestedState","modalsContainerRef","container","tableState","dnd","DragAndDropState","a11yContainerRef","wrapper","toolbar","collection","move","_move","announcements","dragHandleLabel","id","_nestedState$getKeyed","_item$originalKeyedIt","translate","t","getKeyedItem","itemName","itemDescription","_nestedState$getKeyed2","_item$originalKeyedIt2","events","on","activeNode","_isExpandedBeforeDrag","_expanded","_toggleExpand","onCancel","_onCancel","makeObservable","dragEventItems","computed","dragEventDirectionItems","dragEventDepth","reachedMaxDepth","action","_createNewParentData","parent","parentNode","parentItem","_node$parent","after","setParent","process","env","NODE_ENV","console","warn","moveId","_moveId","from","over","query","asComputed","filtersKeyHash","isFromHandle","Boolean","_isHandleActive","_node$parent2","parentId","_node$parentNode","submitEvents","EventEmitter","submit","Promise","resolve","reject","once","err","optimisticActions","updateOne","keepPosition","dragAndDropSubmit","emit","e","collectionSnapshot","getCollectionSnapshot","nodeAfterMove","createNode","_notify","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","activeId","overId","keyedItems","items","activeItemIndex","index","overItemIndex","previousItem","nextItem","_indentationWidth","_moveDelta","dragDepth","Math","round","x","projectedDepth","childrenDepth","maxDepth","minDepth","depth","root","_getNode","parentKeyToChildrenMap","get","i","_items$i","activeNodeDeepestBranchDepth","deepestBranchDepth","levels","length","initCollection","createOptimisticActionsOrderByModeReaction","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableNestedModeState } from '../../state';\nimport { NestedTableNodeState } from '../../state/NestedTableState/NestedTableNodeState';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\nimport { DragAndDropState, IndexedItem } from '../DragAndDrop';\nimport { action, computed, makeObservable } from 'mobx';\nimport {\n  ActionMove,\n  CollectionState,\n  ComputedQuery,\n  FiltersMap,\n  ToastConfig,\n  TypedEmitter,\n} from '@wix/bex-core';\nimport { EventEmitter } from 'events';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n  readonly nestedState: NestedTableNestedModeState<C>;\n  readonly modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}\n\nexport interface NestedDragEndEvent<C extends string, T, F extends FiltersMap> {\n  from: IndexedItem<T>;\n  after: IndexedItem<{}> | null;\n  over: IndexedItem<{}>;\n  parentId: string | undefined;\n  filters: ComputedQuery<F>['filters'];\n  node: NestedTableNodeState<C, T, F>;\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n  readonly tableState;\n  readonly dnd;\n  readonly nestedState;\n\n  _isExpandedBeforeDrag?: boolean;\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    this.dnd.events.on('dragStart', () => {\n      const { activeNode } = this;\n\n      this._isExpandedBeforeDrag = activeNode?.node._expanded;\n      if (activeNode?.node._expanded) {\n        activeNode.node._toggleExpand();\n      }\n    });\n\n    this.dnd.onCancel = this._onCancel;\n\n    makeObservable(this, {\n      dragEventItems: computed,\n      dragEventDirectionItems: computed,\n      dragEventDepth: computed,\n      activeNode: computed,\n      dragEventParentAndAfter: computed,\n      reachedMaxDepth: computed,\n      _createDragEndEvent: action,\n      _move: action,\n    });\n  }\n\n  _onCancel = ():\n    | Omit<ToastConfig, 'type' | 'biName'>\n    | null\n    | undefined\n    | void => {\n    const { dragEventParentAndAfter } = this;\n    const { node, activeItem, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem\n    ) {\n      return null;\n    }\n\n    const dragEndEvent = this._createDragEndEvent();\n\n    if (!dragEndEvent) {\n      return null;\n    }\n\n    const { levelDescriptor } = activeItem.item.state;\n\n    return levelDescriptor.dragAndDropCancel?.(\n      this._createSimpleDragEndEvent(dragEndEvent, node),\n    );\n  };\n\n  private _createNewParentData<T, F extends FiltersMap>(\n    node: NestedTableNodeState<C, T, F>,\n  ) {\n    if (!node.parent || !node.parentNode) {\n      return {};\n    }\n\n    return {\n      parentItem: node.parent.item as {},\n    };\n  }\n\n  _createDragEndEvent(): ActionMove<any> | null {\n    const { dragEventParentAndAfter, dnd, nestedState } = this;\n\n    const { node, activeItem, after, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem ||\n      !overItem.item.originalKeyedItem\n    ) {\n      return null;\n    }\n\n    const { levelDescriptor } = activeItem.item.state;\n\n    if (!levelDescriptor.setParent) {\n      if (process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'setParent is not defined in levelDescriptor, skipping drag end event creation',\n        );\n      }\n      return null;\n    }\n\n    return {\n      moveId: dnd._moveId,\n      from: {\n        ...activeItem.item.originalKeyedItem,\n        item: levelDescriptor.setParent(\n          activeItem.item.originalKeyedItem.item,\n          node.parent?.id,\n          this._createNewParentData(node),\n        ),\n      },\n      over: overItem.item.originalKeyedItem,\n      after,\n      query: nestedState.query.asComputed,\n      filtersKeyHash: nestedState.query.filtersKeyHash,\n      isFromHandle: Boolean(dnd._isHandleActive),\n    };\n  }\n\n  _createSimpleDragEndEvent<T, F extends FiltersMap>(\n    dragEndEvent: ActionMove<T>,\n    node: NestedTableNodeState<C, T, F>,\n  ) {\n    const { dnd } = this;\n    return {\n      ...dnd._createSimpleDragEndEvent(dragEndEvent),\n      parentId: node.parent?.id,\n      node,\n    };\n  }\n\n  _move() {\n    const {\n      dragEventParentAndAfter,\n      nestedState,\n      reachedMaxDepth,\n      activeNode,\n    } = this;\n\n    if (reachedMaxDepth) {\n      if (\n        activeNode &&\n        this._isExpandedBeforeDrag != null &&\n        this._isExpandedBeforeDrag !== activeNode.node._expanded\n      ) {\n        activeNode._toggleExpand();\n      }\n      return;\n    }\n\n    const { node, activeItem, overItem } = dragEventParentAndAfter;\n\n    if (\n      !node ||\n      !activeItem ||\n      !overItem ||\n      !activeItem.item.originalKeyedItem\n    ) {\n      return;\n    }\n\n    const dragEndEvent = this._createDragEndEvent();\n\n    if (!dragEndEvent) {\n      return;\n    }\n\n    /**\n     * A submit function that will be shared between 3 optimistic actions.\n     * How it works: The `dragAndDropSubmit` function provided by the consumer will be called only inside the `move` action submit function.\n     * Using EventEmitter to resolve the promise only after the `move` action submit function completes.\n     */\n\n    const submitEvents = new EventEmitter() as TypedEmitter<{\n      submit: (err?: unknown) => void;\n    }>;\n\n    const submit = () =>\n      new Promise<void>((resolve, reject) =>\n        submitEvents.once('submit', (err) => (err ? reject(err) : resolve())),\n      );\n\n    activeItem.item.state.collection.optimisticActions.updateOne(\n      dragEndEvent.from.item,\n      {\n        submit,\n        keepPosition: true,\n      },\n    );\n\n    node.collection.optimisticActions.updateOne(dragEndEvent.from.item, {\n      submit,\n      keepPosition: true,\n    });\n\n    node.collection.optimisticActions.move(dragEndEvent, {\n      submit: async () => {\n        const { levelDescriptor } = activeItem.item.state;\n\n        try {\n          await levelDescriptor.dragAndDropSubmit?.(\n            this._createSimpleDragEndEvent(dragEndEvent, node),\n          );\n\n          submitEvents.emit('submit');\n        } catch (e) {\n          submitEvents.emit('submit', e);\n          throw e;\n        }\n      },\n      collectionSnapshot: nestedState.getCollectionSnapshot(),\n    });\n\n    const nodeAfterMove = node.createNode({\n      parent: activeItem.item.originalKeyedItem,\n    });\n    if (nodeAfterMove && this._isExpandedBeforeDrag != null) {\n      nodeAfterMove.node._expanded = this._isExpandedBeforeDrag;\n    }\n    node.parentNode?._notify();\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  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\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: NestedTableKeyedItem<C, any, any> | null =\n      activeItemIndex >= overItemIndex\n        ? items[overItemIndex - 1]\n        : items[overItemIndex];\n\n    const nextItem: NestedTableKeyedItem<C, any, any> | null =\n      activeItemIndex <= overItemIndex\n        ? items[overItemIndex + 1]\n        : items[overItemIndex];\n\n    return {\n      nextItem,\n      previousItem,\n      overItem,\n      activeItem,\n    };\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.childrenDepth + dragDepth;\n\n    const maxDepth = previousItem\n      ? previousItem.item.state.childrenDepth + 1\n      : 0;\n    const minDepth = nextItem ? nextItem.item.state.childrenDepth : 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 {\n      depth,\n      nextItem,\n      previousItem,\n      activeItem,\n      overItem,\n    };\n  }\n\n  get activeNode() {\n    const {\n      dnd: { activeId },\n      nestedState,\n    } = this;\n\n    if (!activeId) {\n      return null;\n    }\n\n    return nestedState.root._getNode(activeId);\n  }\n\n  get dragEventParentAndAfter() {\n    const { nestedState, dragEventDepth } = this;\n\n    if (!dragEventDepth) {\n      return {};\n    }\n\n    const { keyedItems: items } = nestedState;\n    const { previousItem, depth, overItem, activeItem } = dragEventDepth;\n\n    if (previousItem == null) {\n      return {\n        node: nestedState.root,\n        after: null,\n        // before: nestedState.root.keyedItems[0],\n        activeItem,\n        overItem,\n      };\n    }\n\n    if (depth === previousItem.item.state.childrenDepth) {\n      return {\n        node: previousItem.item.state,\n        after: previousItem.item.originalKeyedItem,\n        // before: nextItem && nextItem.item.state.depth === depth ? nextItem : null,\n        activeItem,\n        overItem,\n      };\n    }\n\n    if (depth > previousItem.item.state.childrenDepth) {\n      const node = previousItem.item.state.parentKeyToChildrenMap.get(\n        previousItem.id,\n      );\n      return {\n        node,\n        after: null,\n        // before: node?.keyedItems[0],\n        activeItem,\n        overItem,\n      };\n    }\n\n    for (let i = previousItem.index; i >= 0; i--) {\n      const item = items[i]?.item;\n\n      if (item.state.childrenDepth === depth) {\n        return {\n          node: item.state,\n          after: item.originalKeyedItem,\n          activeItem,\n          overItem,\n        };\n      }\n    }\n\n    return {\n      activeItem,\n      overItem,\n    };\n  }\n\n  get reachedMaxDepth() {\n    const {\n      dragEventParentAndAfter,\n      dragEventDirectionItems,\n      nestedState,\n      activeNode,\n    } = this;\n\n    if (!dragEventParentAndAfter || !dragEventDirectionItems) {\n      return false;\n    }\n\n    const { node } = dragEventParentAndAfter;\n\n    if (!node) {\n      return true;\n    }\n\n    const activeNodeDeepestBranchDepth = activeNode?.deepestBranchDepth ?? 0;\n\n    return (\n      node.levelDescriptor.depth + activeNodeDeepestBranchDepth >=\n      nestedState.levels.length\n    );\n  }\n\n  initCollection<T, F extends FiltersMap>(collection: CollectionState<T, F>) {\n    return createOptimisticActionsOrderByModeReaction(this.dnd, collection);\n  }\n\n  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","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_ = "PickerContent196236072";
+var _namespace_ = "PickerContent2024038984";
 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": "PickerContent196236072__root"
+  "root": "PickerContent2024038984__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_ = \"PickerContent196236072\";\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\":\"PickerContent196236072__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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_ = \"PickerContent2024038984\";\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\":\"PickerContent2024038984__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_ = "PickerContentAdditionalStep1682236250";
+var _namespace_ = "PickerContentAdditionalStep3051565851";
 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": "PickerContentAdditionalStep1682236250__root",
-  "titles": "PickerContentAdditionalStep1682236250__titles",
-  "suffix": "PickerContentAdditionalStep1682236250__suffix"
+  "root": "PickerContentAdditionalStep3051565851__root",
+  "titles": "PickerContentAdditionalStep3051565851__titles",
+  "suffix": "PickerContentAdditionalStep3051565851__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_ = \"PickerContentAdditionalStep1682236250\";\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\":\"PickerContentAdditionalStep1682236250__root\",\"titles\":\"PickerContentAdditionalStep1682236250__titles\",\"suffix\":\"PickerContentAdditionalStep1682236250__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_ = \"PickerContentAdditionalStep3051565851\";\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\":\"PickerContentAdditionalStep3051565851__root\",\"titles\":\"PickerContentAdditionalStep3051565851__titles\",\"suffix\":\"PickerContentAdditionalStep3051565851__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-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":[]}
+{"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/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_ = "PickerTableListItem756369775";
+var _namespace_ = "PickerTableListItem466924787";
 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": "PickerTableListItem756369775__root"
+  "root": "PickerTableListItem466924787__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_ = \"PickerTableListItem756369775\";\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\":\"PickerTableListItem756369775__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_ = \"PickerTableListItem466924787\";\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\":\"PickerTableListItem466924787__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":[]}

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

@@ -15,7 +15,6 @@ function _PlaceholderStatesBase(props) {
     emptyState,
     noResultsState: noResultsStateProp,
     renderError,
-    topNotification: topNotificationProp,
     children,
     loadingState
   } = props;
@@ -29,7 +28,6 @@ function _PlaceholderStatesBase(props) {
     showErrorState,
     errorStatus
   } = state;
-  const topNotification = typeof topNotificationProp === 'function' ? topNotificationProp() : topNotificationProp;
   const noResultsState = typeof noResultsStateProp === 'function' ? noResultsStateProp() : noResultsStateProp;
   let child;
   if (initTask.status.isError) {
@@ -41,7 +39,7 @@ function _PlaceholderStatesBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 70,
+        lineNumber: 62,
         columnNumber: 7
       }
     });
@@ -56,7 +54,7 @@ function _PlaceholderStatesBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 73,
         columnNumber: 7
       }
     });
@@ -69,7 +67,7 @@ function _PlaceholderStatesBase(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 96,
+            lineNumber: 88,
             columnNumber: 17
           }
         });
@@ -82,7 +80,7 @@ function _PlaceholderStatesBase(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 102,
+            lineNumber: 94,
             columnNumber: 17
           }
         });
@@ -91,7 +89,7 @@ function _PlaceholderStatesBase(props) {
   } else {
     child = children;
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, topNotification, child);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, child);
 }
 const PlaceholderStatesBase = exports.PlaceholderStatesBase = (0, _mobxReactLite.observer)(_PlaceholderStatesBase);
 //# sourceMappingURL=PlaceholderStatesBase.js.map

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","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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_ErrorState","_CollectionEmptyState","_CollectionNoResultsState","_jsxFileName","_PlaceholderStatesBase","props","state","emptyState","noResultsState","noResultsStateProp","renderError","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 { 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  loadingState?: ReactNode;\n  children?: ReactNode;\n}\n\nfunction _PlaceholderStatesBase(props: PlaceholderStatesBaseProps) {\n  const {\n    state,\n    emptyState,\n    noResultsState: noResultsStateProp,\n    renderError,\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 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 <>{child}</>;\n}\n\nexport const PlaceholderStatesBase = observer(_PlaceholderStatesBase);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PrimaryActions/PrimaryActions.js

@@ -10,14 +10,17 @@ var _react2 = require("@wix/bex-core/react");
 var _useSelector = require("../../useSelector");
 var _bi = require("@wix/bex-core/bi");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PrimaryActions/PrimaryActions.tsx";
-function PrimaryActions(props) {
-  var _props$subItems;
+function PrimaryActions({
+  subItems,
+  ...props
+}) {
   const {
     initTask,
     translate: t,
     reportBi
   } = (0, _react2.useWixPatternsContainer)();
   (0, _useSelector.useSelector)(() => initTask.status);
+  const subItemsGrouped = subItems ? Array.isArray(subItems == null ? void 0 : subItems[0]) ? subItems : [subItems] : subItems;
   return /*#__PURE__*/_react.default.createElement(_ActionControl.ActionControl, {
     onPopoverClick: () => {
       reportBi((0, _bi.cairoPageCtaClicked)({
@@ -32,14 +35,14 @@ function PrimaryActions(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 31,
+          lineNumber: 37,
           columnNumber: 21
         }
       }),
       label: t('cairo.page.primary.cta'),
       dataHook: 'primary-actions',
       ...props,
-      subItems: props == null || (_props$subItems = props.subItems) == null ? void 0 : _props$subItems.map(subItem => ({
+      subItems: subItemsGrouped == null ? void 0 : subItemsGrouped.map(subItems => subItems == null ? void 0 : subItems.map(subItem => ({
         ...subItem,
         onClick: () => {
           reportBi((0, _bi.cairoPageCtaClicked)({
@@ -50,7 +53,7 @@ function PrimaryActions(props) {
           }));
           subItem.onClick == null || subItem.onClick();
         }
-      })),
+      }))),
       onClick: () => {
         reportBi((0, _bi.cairoPageCtaClicked)({
           location: 'Collection Page Header',
@@ -64,7 +67,7 @@ function PrimaryActions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 25,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_wixUiIconsCommon","_react2","_useSelector","_bi","_jsxFileName","PrimaryActions","props","_props$subItems","initTask","translate","t","reportBi","useWixPatternsContainer","useSelector","status","default","createElement","ActionControl","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook","subItems","map","subItem","onClick"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions(props: ActionSubitem) {\n  const { initTask, translate: t, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  return (\n    <ActionControl\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'primary page dropdown',\n          }),\n        );\n      }}\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n        subItems: props?.subItems?.map((subItem) => ({\n          ...subItem,\n          onClick: () => {\n            reportBi(\n              cairoPageCtaClicked({\n                location: 'Collection Page Header',\n                pageType: 'Collection',\n                ctaName: subItem.biName ?? '',\n                ctaType: 'primary page option',\n              }),\n            );\n            subItem.onClick?.();\n          },\n        })),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'primary page button',\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AAAuD,IAAAM,YAAA;AAOhD,SAASC,cAAcA,CAACC,KAAoB,EAAE;EAAA,IAAAC,eAAA;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACtE,IAAAC,wBAAW,EAAC,MAAML,QAAQ,CAACM,MAAM,CAAC;EAElC,oBACElB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACjB,cAAA,CAAAkB,aAAa;IACZC,cAAc,EAAEA,CAAA,KAAM;MACpBP,QAAQ,CACN,IAAAQ,uBAAmB,EAAC;QAClBC,QAAQ,EAAE,wBAAwB;QAClCC,QAAQ,EAAE,YAAY;QACtBC,OAAO,EAAEhB,KAAK,CAACiB,MAAM,IAAI,EAAE;QAC3BC,OAAO,EAAE;MACX,CAAC,CACH,CAAC;IACH,CAAE;IACFC,UAAU,EAAE;MACVC,UAAU,eAAE9B,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAAChB,iBAAA,CAAA2B,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA1B,YAAA;UAAA2B,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MACnBC,KAAK,EAAEvB,CAAC,CAAC,wBAAwB,CAAC;MAClCwB,QAAQ,EAAE,iBAAiB;MAC3B,GAAG5B,KAAK;MACR6B,QAAQ,EAAE7B,KAAK,aAAAC,eAAA,GAALD,KAAK,CAAE6B,QAAQ,qBAAf5B,eAAA,CAAiB6B,GAAG,CAAEC,OAAO,KAAM;QAC3C,GAAGA,OAAO;QACVC,OAAO,EAAEA,CAAA,KAAM;UACb3B,QAAQ,CACN,IAAAQ,uBAAmB,EAAC;YAClBC,QAAQ,EAAE,wBAAwB;YAClCC,QAAQ,EAAE,YAAY;YACtBC,OAAO,EAAEe,OAAO,CAACd,MAAM,IAAI,EAAE;YAC7BC,OAAO,EAAE;UACX,CAAC,CACH,CAAC;UACDa,OAAO,CAACC,OAAO,YAAfD,OAAO,CAACC,OAAO,CAAG,CAAC;QACrB;MACF,CAAC,CAAC,CAAC;MACHA,OAAO,EAAEA,CAAA,KAAM;QACb3B,QAAQ,CACN,IAAAQ,uBAAmB,EAAC;UAClBC,QAAQ,EAAE,wBAAwB;UAClCC,QAAQ,EAAE,YAAY;UACtBC,OAAO,EAAEhB,KAAK,CAACiB,MAAM,IAAI,EAAE;UAC3BC,OAAO,EAAE;QACX,CAAC,CACH,CAAC;QACDlB,KAAK,CAACgC,OAAO,YAAbhC,KAAK,CAACgC,OAAO,CAAG,CAAC;MACnB;IACF,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_wixUiIconsCommon","_react2","_useSelector","_bi","_jsxFileName","PrimaryActions","subItems","props","initTask","translate","t","reportBi","useWixPatternsContainer","useSelector","status","subItemsGrouped","Array","isArray","default","createElement","ActionControl","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook","map","subItem","onClick"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions({ subItems, ...props }: ActionSubitem) {\n  const { initTask, translate: t, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  const subItemsGrouped = subItems\n    ? Array.isArray(subItems?.[0])\n      ? (subItems as ActionSubitem[][])\n      : [subItems as ActionSubitem[]]\n    : subItems;\n\n  return (\n    <ActionControl\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'primary page dropdown',\n          }),\n        );\n      }}\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n        subItems: subItemsGrouped?.map((subItems) =>\n          subItems?.map((subItem) => ({\n            ...subItem,\n            onClick: () => {\n              reportBi(\n                cairoPageCtaClicked({\n                  location: 'Collection Page Header',\n                  pageType: 'Collection',\n                  ctaName: subItem.biName ?? '',\n                  ctaType: 'primary page option',\n                }),\n              );\n              subItem.onClick?.();\n            },\n          })),\n        ),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'primary page button',\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,GAAA,GAAAL,OAAA;AAAuD,IAAAM,YAAA;AAOhD,SAASC,cAAcA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAqB,CAAC,EAAE;EACpE,MAAM;IAAEC,QAAQ;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EACtE,IAAAC,wBAAW,EAAC,MAAML,QAAQ,CAACM,MAAM,CAAC;EAElC,MAAMC,eAAe,GAAGT,QAAQ,GAC5BU,KAAK,CAACC,OAAO,CAACX,QAAQ,oBAARA,QAAQ,CAAG,CAAC,CAAC,CAAC,GACzBA,QAAQ,GACT,CAACA,QAAQ,CAAoB,GAC/BA,QAAQ;EAEZ,oBACEV,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,cAAA,CAAAqB,aAAa;IACZC,cAAc,EAAEA,CAAA,KAAM;MACpBV,QAAQ,CACN,IAAAW,uBAAmB,EAAC;QAClBC,QAAQ,EAAE,wBAAwB;QAClCC,QAAQ,EAAE,YAAY;QACtBC,OAAO,EAAElB,KAAK,CAACmB,MAAM,IAAI,EAAE;QAC3BC,OAAO,EAAE;MACX,CAAC,CACH,CAAC;IACH,CAAE;IACFC,UAAU,EAAE;MACVC,UAAU,eAAEjC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA8B,GAAG;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA7B,YAAA;UAAA8B,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MACnBC,KAAK,EAAE1B,CAAC,CAAC,wBAAwB,CAAC;MAClC2B,QAAQ,EAAE,iBAAiB;MAC3B,GAAG9B,KAAK;MACRD,QAAQ,EAAES,eAAe,oBAAfA,eAAe,CAAEuB,GAAG,CAAEhC,QAAQ,IACtCA,QAAQ,oBAARA,QAAQ,CAAEgC,GAAG,CAAEC,OAAO,KAAM;QAC1B,GAAGA,OAAO;QACVC,OAAO,EAAEA,CAAA,KAAM;UACb7B,QAAQ,CACN,IAAAW,uBAAmB,EAAC;YAClBC,QAAQ,EAAE,wBAAwB;YAClCC,QAAQ,EAAE,YAAY;YACtBC,OAAO,EAAEc,OAAO,CAACb,MAAM,IAAI,EAAE;YAC7BC,OAAO,EAAE;UACX,CAAC,CACH,CAAC;UACDY,OAAO,CAACC,OAAO,YAAfD,OAAO,CAACC,OAAO,CAAG,CAAC;QACrB;MACF,CAAC,CAAC,CACJ,CAAC;MACDA,OAAO,EAAEA,CAAA,KAAM;QACb7B,QAAQ,CACN,IAAAW,uBAAmB,EAAC;UAClBC,QAAQ,EAAE,wBAAwB;UAClCC,QAAQ,EAAE,YAAY;UACtBC,OAAO,EAAElB,KAAK,CAACmB,MAAM,IAAI,EAAE;UAC3BC,OAAO,EAAE;QACX,CAAC,CACH,CAAC;QACDpB,KAAK,CAACiC,OAAO,YAAbjC,KAAK,CAACiC,OAAO,CAAG,CAAC;MACnB;IACF,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN","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_ = "ScrollableContent2132287796";
+var _namespace_ = "ScrollableContent4022330979";
 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": "ScrollableContent2132287796__root"
+  "root": "ScrollableContent4022330979__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_ = \"ScrollableContent2132287796\";\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\":\"ScrollableContent2132287796__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_ = \"ScrollableContent4022330979\";\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\":\"ScrollableContent4022330979__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/SecondaryActions/SecondaryActions.js

@@ -9,13 +9,16 @@ var _react2 = require("@wix/bex-core/react");
 var _useSelector = require("../../useSelector");
 var _bi = require("@wix/bex-core/bi");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/SecondaryActions/SecondaryActions.tsx";
-function SecondaryActions(props) {
-  var _props$subItems;
+function SecondaryActions({
+  subItems,
+  ...props
+}) {
   const {
     initTask,
     reportBi
   } = (0, _react2.useWixPatternsContainer)();
   (0, _useSelector.useSelector)(() => initTask.status);
+  const subItemsGrouped = subItems ? Array.isArray(subItems == null ? void 0 : subItems[0]) ? subItems : [subItems] : subItems;
   return /*#__PURE__*/_react.default.createElement(_ActionControl.ActionControl, {
     priority: "secondary",
     onPopoverClick: () => {
@@ -29,7 +32,7 @@ function SecondaryActions(props) {
     actionItem: {
       dataHook: 'secondary-actions',
       ...props,
-      subItems: props == null || (_props$subItems = props.subItems) == null ? void 0 : _props$subItems.map(subItem => ({
+      subItems: subItemsGrouped == null ? void 0 : subItemsGrouped.map(subItems => subItems == null ? void 0 : subItems.map(subItem => ({
         ...subItem,
         onClick: () => {
           reportBi((0, _bi.cairoPageCtaClicked)({
@@ -40,7 +43,7 @@ function SecondaryActions(props) {
           }));
           subItem.onClick == null || subItem.onClick();
         }
-      })),
+      }))),
       onClick: () => {
         reportBi((0, _bi.cairoPageCtaClicked)({
           location: 'Collection Page Header',
@@ -54,7 +57,7 @@ function SecondaryActions(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 24,
       columnNumber: 5
     }
   });