@wix/patterns 1.161.0 → 1.162.0

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface ToolbarBaseProps {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T, F>;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_assertComponentType","_CollectionToolbars","_checkConflictingToolbarProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ToolbarCollection","props","state","filters","title","tabs","views","extraToolbar","selectionToolbar","dragAndDropReorderModeToolbar","sticky","stickyProp","search","children","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","summaryBar","topNotification","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","query","collection","result","originQuery","titleBar","Box","width","borderTopColor","borderTopWidth","borderTopStyle","boxSizing","__self","__source","fileName","lineNumber","columnNumber","dataHook","direction","minHeight","flex","verticalAlign"],"sources":["../../../../src/components/ToolbarCollection/ToolbarCollection.tsx"],"sourcesContent":["import { Box, CardProps, usePageScrollContext } from '@wix/design-system';\nimport React, {\n  CSSProperties,\n  ReactElement,\n  ReactNode,\n  useEffect,\n  useState,\n} from 'react';\nimport { CollectionToolbarProps, FilterElement, TabsFilterProps } from '../..';\nimport { ComputedQuery, FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport {\n  assertComponentType,\n  CollectionSearchElement,\n  CollectionToolbarFiltersElement,\n  CollectionViewsDropdownElement,\n  CustomColumnsElement,\n  PrimaryActionButtonElement,\n  ReorderModeToolbarElement,\n  TabsFilterElement,\n  ToolbarTitleElement,\n  TopNotificationElement,\n  ToolbarSecondaryActionsElement,\n} from '../assertComponentType';\nimport { CollectionToolbars } from '../CollectionToolbars';\nimport {\n  DragAndDropBulkSubmit,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { TableGridSwitchButtonProps } from '../TableGridSwitchButton';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport type { AddApplyFiltersButtonType } from '../FiltersPanel/AddApplyFiltersButton';\nimport type { TagsElement } from '../Tags';\nimport type { ExtensionMenuItemsType } from '../ExtensionMenuItems';\nimport { TablePlaceholderStatesProps } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\nimport { MoreActionsElement } from '../MoreActions';\n\nexport interface ToolbarBaseProps {\n  /**\n   * Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component.\n   * @overrideType [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle)\n   * @external\n   */\n  title?: ToolbarTitleElement;\n  /**\n   * Displays a search input on the right side of the table toolbar.<br> <br>\n   * Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed.\n   * @default true\n   * @external\n   */\n  search?: boolean | FilterElement | CollectionSearchElement;\n\n  /**\n   * Indicates whether to show Table Title Bar or not.\n   * Note: if you pass `showTitleBar = false` title bar is not removed from the DOM. For better accessibility column titles should be defined as well.\n   * @default true\n   * @external\n   */\n  showTitleBar?: boolean;\n  /**\n   * A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * A [`<ExportModal />`](./?path=/story/features-export--exportto#CTA_is_out_of_the_table) react element to be rendered in table's context.\n   */\n  exportModal?: ReactElement;\n}\n\nexport interface ToolbarCollectionBaseProps<T, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    DragAndDropCategoriesProps<F> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds view options to the table headers.\n   * Accepts a [Views](./?path=/story/features-display-views--views) component.\n   * @overrideType [Views](./?path=/story/features-display-views--views)\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * Accepts a `ToolbarFilters` component, which must have the `panelTitle` prop defined.\n   * @overrideType [ToolbarFilters](./?path=%2Fstory%2Ffeatures-filter-components--toolbarfilters)\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.\n   * Accepts a [TabsFilter](./?path=/story/features-filter-components--tabsfilter) component.\n   * @overrideType [TabsFilter](./?path=/story/features-filter-components--tabsfilter)\n   * @external\n   */\n  tabs?: TabsFilterElement<TabsFilterProps<T>>;\n\n  selectionToolbar?: ReactElement;\n\n  sticky?: boolean;\n  /**\n   * Minimum height for a card's container when showing:<br>\n   * - A loader<br>\n   * - Empty state<br>\n   * - Error state\n   * <br><br>\n   * If no unit is specified, `px` is used.\n   * @default 300px\n   * @external\n   */\n  minCardHeight?: CSSProperties['minHeight'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A render function to be rendered when there's an error fetching data from the server.<br>\n   * The function accepts the following parameters <br>\n   *   * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br>\n   *   * `isOnline`: Indicates whether internet connection is available <br>\n   *   * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br>\n   * Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component.\n   * @external\n   */\n  errorState?: TablePlaceholderStatesProps['errorState'];\n\n  /**\n   * Renders when there are no items to display. Accepts a [`CollectionEmptyState`](./?path=/story/features-display-empty-states--collectionemptystate) component.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/features-display-empty-states--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component,\n   * or a function that accepts the following parameters:\n   * - `hasAvailableItems`: Indicates whether other items may be shown using other filter or search parameters.\n   * - `query`: An instance of [`ComputedQuery`](./?path=/story/common-models--computedquery) representing the query that resulted in the empty state.\n   * The function should return [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate).\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/features-display-empty-states--collectionnoresultsstate)\n   */\n  noResultsState?:\n    | ReactNode\n    | ((params: {\n        hasAvailableItems: boolean;\n        query: ComputedQuery<F>;\n      }) => ReactNode);\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   * @external\n   */\n  topNotification?:\n    | TopNotificationElement\n    | ((params: {\n        query: ComputedQuery<F>;\n      }) => TopNotificationElement | boolean | null | undefined)\n    | boolean\n    | null\n    | undefined;\n\n  extraToolbar?: ReactNode;\n\n  /**\n   * Display a summary bar below the toolbar.\n   * Accepts a [`SummaryBar`](./?path=/story/features-display-toolbar--summarybar) component.\n   * @overrideType [SummaryBar](./?path=/story/features-display-toolbar--summarybar)\n   * @external\n   */\n  summaryBar?: ReactNode;\n  tableGridSwitchButton?: ReactElement<TableGridSwitchButtonProps>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * The parameter is an event object containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; iindex: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits an array of drop events to the server. <br> <br>\n   * The parameter is an array of event objects containing the following details: <br>\n   * -`from: {item: T; index: number}`: The dragged item. <br>\n   * -`after: null | [item: T; index: number}`: The previous dropped item. If this is the first item to be dropped, this argument is `null`. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) filters. <br>\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n\n  /**\n   * A function that cancels a drop event. <br>\n   * Supported arguments: <br>\n   * - `from: {item: T; index: number}`: The dragged item.\n   * - `after: null | {item: T; index: number}`: The item that the dragged item was dropped after. If dropped at the head of the collection, this argument will be `null`.\n   * - `filters`: Currently applied filters. Used in cases where your server holds a unique ordering per filtering. See the `dragAndDropCategories` prop.\n   *\n   * If the move is cancelled, the function returns a toast config object with a message. Otherwise, the function will return a null value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * @deprecated It doesn't need to be passed implicitly anymore.\n   */\n  extensionMenuItems?: ExtensionMenuItemsType;\n\n  /**\n   * Drag and drop reorder mode toolbar. This prop accepts a `ReorderModeToolbar` component.<br>\n   * The `ReorderModeToolbar` component accepts the following props:<br>\n   *  + `learnMoreUrl`: [string] A URL in the toolbar.<br>\n   *  + `reorderModeTitle`: [string] A title in the toolbar.\n   * @external\n   */\n  dragAndDropReorderModeToolbar?: ReorderModeToolbarElement | null;\n\n  /**\n   * Adds functionality to allow visitors to create choose which columns to display and in what order. Accepts a [CustomColumns](./?path=/story/features-display--customcolumns) component.\n   * @overrideType [CustomColumns](./?path=/story/features-display--customcolumns)\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.\n   * Accepts a [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting) component.\n   * @overrideType [MultiLevelSorting](./?path=/story/features-sort-sortable-columns-multilevelsorting--multilevelsorting)\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.\n   * Accepts a [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton) component.\n   * @external\n   * @overrideType [PrimaryActionButton](./?path=/story/features-actions-primaryactionbutton--primaryactionbutton)\n   */\n  primaryActionButton?: PrimaryActionButtonElement;\n\n  /**\n   * Secondary buttons w/o PopoverMenu component to be rendered on the toolbar.\n   * @overrideType [ToolbarSecondaryActions](./?path=/story/wip-toolbarsecondaryactions--toolbarsecondaryactions)\n   * @external\n   */\n  secondaryActions?: ToolbarSecondaryActionsElement;\n\n  /**\n   * A [`MoreActions`](./?path=/story/features-actions-more-actions--more-actions) component to be rendered on the header.\n   * @overrideType [MoreActions](./?path=/story/features-actions-more-actions--more-actions)\n   * @external\n   */\n  moreActions?: MoreActionsElement;\n\n  /**\n   * Apply filter button implementation: `import { AddApplyFiltersButton } from '@wix/patterns';`\n   * <br>\n   * Add `Apply` button to the filters panel footer. Panel filters will be applied only after the button is clicked.\n   */\n  AddApplyFiltersButton?: AddApplyFiltersButtonType;\n\n  /**\n   * Limits the amount of rows a visitor can select.\n   * @external\n   */\n  maxSelection?: number;\n\n  /**\n   * Indicates whether the table should have an [internal scroll](./?path=/story/features-display-internal-scroll--internal-scroll) instead of the default page scroll.\n   * @external\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   * @overrideType [TagsElement](./?path=/story/features-enrich-tags--tags)\n   */\n  tags?: TagsElement<T, F>;\n}\n\nexport interface ToolbarCollectionProps<T, F extends FiltersMap>\n  extends ToolbarCollectionBaseProps<T, F> {\n  state: ToolbarCollectionState<T, F>;\n}\n\nexport function ToolbarCollection<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F>,\n) {\n  const {\n    state,\n    filters,\n    title,\n    tabs,\n    views,\n    extraToolbar,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    sticky: stickyProp,\n    search,\n    children,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    summaryBar,\n    topNotification,\n  } = props;\n  assertComponentType(views, 'CollectionViewsDropdown', 'views');\n  checkConflictingToolbarProps(props);\n\n  const { scrollableContentRef: scrollablePageRef } = usePageScrollContext();\n\n  const [sticky, setSticky] = useState(\n    stickyProp ?? scrollablePageRef?.current != null,\n  );\n\n  useEffect(() => {\n    setSticky(stickyProp ?? scrollablePageRef?.current != null);\n  }, [stickyProp]);\n\n  return (\n    <>\n      <CollectionToolbars\n        sticky={sticky}\n        state={state}\n        search={search}\n        views={views}\n        title={title}\n        tabs={tabs}\n        filters={filters}\n        selectionToolbar={selectionToolbar}\n        dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n        extraToolbar={extraToolbar}\n        tableGridSwitchButton={tableGridSwitchButton}\n        exportButton={exportButton}\n        primaryActionButton={primaryActionButton}\n        secondaryActions={secondaryActions}\n        moreActions={moreActions}\n        summaryBar={summaryBar}\n        topNotification={\n          typeof topNotification === 'function'\n            ? () =>\n                topNotification({ query: state.collection.result.originQuery })\n            : topNotification\n        }\n        titleBar={\n          <Box\n            width=\"100%\"\n            borderTopColor=\"D60\"\n            borderTopWidth=\"1px\"\n            borderTopStyle=\"solid\"\n            boxSizing=\"border-box\"\n          />\n        }\n      />\n      <Box\n        dataHook=\"toolbar-collection-content\"\n        width=\"100%\"\n        direction=\"vertical\"\n        minHeight={0}\n        flex={1}\n        verticalAlign=\"middle\"\n      >\n        {children}\n      </Box>\n    </>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js

@@ -23,7 +23,9 @@ function useToolbarCollectionSyncProps(props) {
     isUsingHorizontalScroll,
     isUsingFolders,
     isUsingTableVirtualization,
-    summaryBar
+    summaryBar,
+    secondaryActions,
+    moreActions
   } = props;
   (0, _checkConflictingToolbarProps.checkConflictingToolbarProps)(props);
   state.internalScroll = props.internalScroll;
@@ -104,7 +106,9 @@ function useToolbarCollectionSyncProps(props) {
       isUsingTableVirtualization,
       isUsingTags: !!props.tags,
       isUsingTabs: !!tabs,
-      isUsingSummaryRow: !!summaryBar
+      isUsingSummaryRow: !!summaryBar,
+      isUsingSecondaryActions: !!secondaryActions,
+      isUsingMoreActions: !!moreActions
     };
     state.additionalFeaturesAvailability = {
       isUsingTableSubtitle: !!((_props$title = props.title) != null && _props$title.props.subtitle),

package/dist/cjs/components/ToolbarCollection/useToolbarCollectionSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = props.internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,6BAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAEO,SAASM,6BAA6BA,CAC3CC,KAMC,EACD;EACA,MAAM;IACJC,KAAK;IACLC,KAAK;IACLC,IAAI;IACJC,YAAY;IACZC,qBAAqB;IACrBC,YAAY;IACZC,MAAM;IACNC,OAAO;IACPC,kBAAkB;IAClBC,yBAAyB;IACzBC,uBAAuB;IACvBC,cAAc;IACdC,0BAA0B;IAC1BC,UAAU;IACVC,gBAAgB;IAChBC;EACF,CAAC,GAAGhB,KAAK;EAET,IAAAiB,0DAA4B,EAACjB,KAAK,CAAC;EAEnCC,KAAK,CAACiB,cAAc,GAAGlB,KAAK,CAACkB,cAAc;EAE3C,MAAMC,SAAS,GAAG,IAAAC,mCAAwB,EAAC,CAAC;EAC5C,MAAMC,MAAM,GAAG,IAAAC,+CAAoB,EAAC,CAAC;EAErC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAAC,cAAQ,EACN,OAAO;MACLC,SAAS,EAAExB,KAAK,CAACyB,sBAAsB;MACvCC,WAAW,EAAEN,MAAM,oBAANA,MAAM,CAAEO;IACvB,CAAC,CAAC,EACF,CAAC;MAAEH,SAAS;MAAEE;IAAY,CAAC,KAAK;MAC9BR,SAAS,CAACO,sBAAsB,GAAGC,WAAW,YAAXA,WAAW,CAAEE,cAAc,GAC1D,CAAC,GACDJ,SAAS;IACf,CAAC,EACD;MAAEK,eAAe,EAAE;IAAK,CAC1B,CAAC;IAED,OAAO,MAAM;MAAA,IAAAC,qBAAA;MACX,MAAMN,SAAS,IAAAM,qBAAA,GACbZ,SAAS,CAACA,SAAS,CAACa,oBAAoB,CAACC,OAAO,qBAAhDF,qBAAA,CAAkDN,SAAS;MAC7D,IAAIA,SAAS,KAAKS,SAAS,EAAE;QAC3BjC,KAAK,CAACyB,sBAAsB,GAAGD,SAAS;MAC1C;IACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMU,sBAAsB,GAAGA,CAAA,KAC7B,CAAC;EACC;;EAEEjC,KAAK;EACL;EACC,CAACA,KAAK,CAACF,KAAK;EACX;EACA;EACA,CAACE,KAAK,CAACF,KAAK,CAACoC,iBAAiB;EAC9B;EACA,CAAClC,KAAK,CAACF,KAAK,CAACoC,iBAAiB,CAACC,MAAM,CAAC,CAE3C;EAEH,IAAAd,gBAAS,EAAC,MAAM;IACd,IAAInB,YAAY,EAAE;MAChBH,KAAK,CAACqC,kBAAkB,CAAClC,YAAY,CAACmC,GAAG,CAACnC,YAAY,CAAC;IACzD;IAEA,OAAO,MAAM;MACXH,KAAK,CAACqC,kBAAkB,CAAClC,YAAY,CAACmC,GAAG,CAAC,IAAI,CAAC;IACjD,CAAC;EACH,CAAC,EAAE,CAACnC,YAAY,CAAC,CAAC;EAElB,MAAMoC,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,OAAOtC,IAAI,YAAJA,IAAI,CAAEH,KAAK,GACd;MACE0C,MAAM,EAAEvC,IAAI,CAACH,KAAK,CAAC0C;IACrB,CAAC,GACDR,SAAS;EACf,CAAC,EAAE,CAAC/B,IAAI,CAAC,CAAC;EAEV,IAAAoB,gBAAS,EACP,MACE,IAAAC,cAAQ,EACN,MAAML,SAAS,CAACwB,SAAS,EACxBA,SAAS,IAAK;IACb,IAAIA,SAAS,EAAE;MACb1C,KAAK,CAAC2C,qBAAqB,GAAG,EAAE;IAClC;EACF,CAAC,EACD;IACEd,eAAe,EAAE;EACnB,CACF,CAAC,EACH,EACF,CAAC;EAED,IAAAe,0BAAY,EAAC5C,KAAK,CAAC6C,UAAU,CAAC;EAE9B,IAAAvB,gBAAS,EAAC,MAAM;IACd,IAAAwB,iBAAW,EAAC,MAAM;MAChB9C,KAAK,CAACI,qBAAqB,GAAGA,qBAAqB;IACrD,CAAC,CAAC;IACF;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAA2C,eAAQ,EAAC,MAAM9C,KAAK,oBAALA,KAAK,CAAE+C,IAAI,CAACC,aAAa,CAACjD,KAAK,EAAEC,KAAK,oBAALA,KAAK,CAAEF,KAAK,CAAC,CAAC;EAE9D,IAAAuB,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACXlD,KAAK,CAACmD,UAAU,GAAGlD,KAAK,oBAALA,KAAK,CAAEF,KAAK;EACjC,CAAC,CAAC,EACF,CAACE,KAAK,CACR,CAAC;EAED,IAAA8C,eAAQ,EAAC,MAAM;IAAA,IAAAK,qBAAA,EAAAC,YAAA,EAAAC,aAAA;IACb,CAAAF,qBAAA,GAAArD,KAAK,CAACwD,qBAAqB,aAA3BH,qBAAA,CAA6BI,cAAc,CAACxD,KAAK,CAAC;IAElDA,KAAK,CAACyD,oBAAoB,GAAG;MAC3BC,iBAAiB,EAAEpD,MAAM,KAAK,KAAK;MACnCqD,cAAc,EAAE,CAAC,CAACpD,OAAO;MACzBC,kBAAkB;MAClBC,yBAAyB;MACzBC,uBAAuB;MACvBC,cAAc;MACdC,0BAA0B;MAC1BgD,WAAW,EAAE,CAAC,CAAC7D,KAAK,CAAC8D,IAAI;MACzBC,WAAW,EAAE,CAAC,CAAC5D,IAAI;MACnB6D,iBAAiB,EAAE,CAAC,CAAClD,UAAU;MAC/BmD,uBAAuB,EAAE,CAAC,CAAClD,gBAAgB;MAC3CmD,kBAAkB,EAAE,CAAC,CAAClD;IACxB,CAAC;IAEDf,KAAK,CAACkE,8BAA8B,GAAG;MACrCC,oBAAoB,EAAE,CAAC,GAAAd,YAAA,GAACtD,KAAK,CAACqE,KAAK,aAAXf,YAAA,CAAatD,KAAK,CAACsE,QAAQ;MACnDC,sBAAsB,EAAE,CAAC,GAAAhB,aAAA,GAACvD,KAAK,CAACqE,KAAK,aAAXd,aAAA,CAAavD,KAAK,CAACwE,SAAS;MACtDC,0BAA0B,EAAE,CAAC,CAACzE,KAAK,CAACM,YAAY;MAChDoE,mBAAmB,EAAE,CAAC,EAAE1E,KAAK,CAAC2E,UAAU,IAAI3E,KAAK,CAAC4E,WAAW,CAAC;MAC9DC,mBAAmB,EAAE1C,sBAAsB,CAAC,CAAC;MAC7C2C,uBAAuB,EAAE,CAAC,CAAC9E,KAAK,CAAC+E,UAAU;MAC3CC,2BAA2B,EAAE,CAAC,CAAChF,KAAK,CAACiF,cAAc;MACnDC,uBAAuB,EAAE,CAAC,CAAClF,KAAK,CAACmF;IACnC,CAAC;EACH,CAAC,CAAC;EAEF,IAAA5D,gBAAS,EACP,IAAA4B,YAAM,EAAC,MAAM;IACX,IAAIX,eAAe,YAAfA,eAAe,CAAEE,MAAM,EAAE;MAC3BzC,KAAK,CAACuC,eAAe,GAAGA,eAAe;MACvCA,eAAe,CAACE,MAAM,CAAC0C,UAAU,GAAG,IAAI;IAC1C;EACF,CAAC,CAAC,EACF,CAAC5C,eAAe,CAClB,CAAC;EAED,IAAAjB,gBAAS,EAAC,MAAM;IACd,IAAAwB,iBAAW,EAAC,MAAM;MAChB9C,KAAK,CAACoF,IAAI,CAAC/E,YAAY,GAAGA,YAAY;IACxC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,OAAOL,KAAK;AACd","ignoreList":[]}

package/dist/cjs/components/ToolbarItem/ToolbarItem.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_ = "ToolbarItem1023334105";
+var _namespace_ = "ToolbarItem3201265096";
 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": "ToolbarItem1023334105__root"
+  "root": "ToolbarItem3201265096__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItem/ToolbarItem.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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1023334105\";\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\":\"ToolbarItem1023334105__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem3201265096\";\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\":\"ToolbarItem3201265096__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItemBox/ToolbarItemBox.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_ = "ToolbarItemBox4052996124";
+var _namespace_ = "ToolbarItemBox1042076452";
 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": "ToolbarItemBox4052996124__root"
+  "root": "ToolbarItemBox1042076452__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox4052996124\";\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\":\"ToolbarItemBox4052996124__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox1042076452\";\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\":\"ToolbarItemBox1042076452__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/assertComponentType.js.map

@@ -1 +1 @@
-{"version":3,"names":["assertComponentType","element","displayName","propName","type","Error"],"sources":["../../../src/components/assertComponentType.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { CustomColumns, CustomColumnsProps } from './CustomColumns';\nimport type { MultiLevelSorting } from './MultiLevelSorting';\nimport type {\n  CollectionViewsDropdown,\n  CollectionViewsDropdownProps,\n} from './CollectionViewsDropdown';\nimport type { FiltersMap } from '@wix/bex-core';\nimport {\n  PrimaryActionButtonProps,\n  ReorderModeToolbar,\n  ReorderModeToolbarBaseProps,\n} from './CollectionToolbar';\nimport { CollectionSearch, CollectionSearchProps } from './CollectionSearch';\nimport { TabsFilterProps } from './TabsFilter';\nimport { TableTopNotificationProps } from './TableTopNotification';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n} from './CollectionToolbarFilters';\nimport { ToolbarTitleProps } from './ToolbarTitle';\n\nexport type CustomColumnsElement = ReactElement<\n  CustomColumnsProps,\n  typeof CustomColumns\n>;\n\nexport type MultiLevelSortingElement = ReactElement<\n  {},\n  typeof MultiLevelSorting\n>;\n\nexport type CollectionViewsDropdownElement<F extends FiltersMap> = ReactElement<\n  CollectionViewsDropdownProps<F>,\n  typeof CollectionViewsDropdown\n>;\n\nexport type ReorderModeToolbarElement = ReactElement<\n  ReorderModeToolbarBaseProps,\n  typeof ReorderModeToolbar\n>;\n\nexport type CollectionSearchElement = ReactElement<\n  CollectionSearchProps,\n  typeof CollectionSearch\n>;\n\nexport type TabsFilterElement<V> = ReactElement<TabsFilterProps<V>>;\n\nexport type TopNotificationElement = ReactElement<TableTopNotificationProps>;\n\nexport type PrimaryActionButtonElement = ReactElement<PrimaryActionButtonProps>;\n\nexport type CollectionToolbarFiltersElement = ReactElement<\n  CollectionToolbarFiltersProps,\n  typeof CollectionToolbarFilters\n>;\n\nexport type ToolbarTitleElement = ReactElement<ToolbarTitleProps>;\n\nexport function assertComponentType(\n  element: ReactElement | null | undefined | boolean,\n  displayName: string,\n  propName: string,\n) {\n  if (\n    element === true ||\n    (element &&\n      (element.type as { displayName?: string }).displayName !== displayName)\n  ) {\n    throw new Error(`Prop \"${propName}\" must be a <${displayName} /> element`);\n  }\n}\n"],"mappings":";;;;AA4DO,SAASA,mBAAmBA,CACjCC,OAAkD,EAClDC,WAAmB,EACnBC,QAAgB,EAChB;EACA,IACEF,OAAO,KAAK,IAAI,IACfA,OAAO,IACLA,OAAO,CAACG,IAAI,CAA8BF,WAAW,KAAKA,WAAY,EACzE;IACA,MAAM,IAAIG,KAAK,CAAC,SAASF,QAAQ,gBAAgBD,WAAW,aAAa,CAAC;EAC5E;AACF","ignoreList":[]}
+{"version":3,"names":["assertComponentType","element","displayName","propName","type","Error"],"sources":["../../../src/components/assertComponentType.ts"],"sourcesContent":["import type { ReactElement } from 'react';\nimport type { CustomColumns, CustomColumnsProps } from './CustomColumns';\nimport type { MultiLevelSorting } from './MultiLevelSorting';\nimport type {\n  CollectionViewsDropdown,\n  CollectionViewsDropdownProps,\n} from './CollectionViewsDropdown';\nimport type { FiltersMap } from '@wix/bex-core';\nimport {\n  PrimaryActionButtonProps,\n  ReorderModeToolbar,\n  ReorderModeToolbarBaseProps,\n  ToolbarSecondaryActionsProps,\n} from './CollectionToolbar';\nimport { CollectionSearch, CollectionSearchProps } from './CollectionSearch';\nimport { TabsFilterProps } from './TabsFilter';\nimport { TableTopNotificationProps } from './TableTopNotification';\nimport {\n  CollectionToolbarFilters,\n  CollectionToolbarFiltersProps,\n} from './CollectionToolbarFilters';\nimport { ToolbarTitleProps } from './ToolbarTitle';\n\nexport type CustomColumnsElement = ReactElement<\n  CustomColumnsProps,\n  typeof CustomColumns\n>;\n\nexport type MultiLevelSortingElement = ReactElement<\n  {},\n  typeof MultiLevelSorting\n>;\n\nexport type CollectionViewsDropdownElement<F extends FiltersMap> = ReactElement<\n  CollectionViewsDropdownProps<F>,\n  typeof CollectionViewsDropdown\n>;\n\nexport type ReorderModeToolbarElement = ReactElement<\n  ReorderModeToolbarBaseProps,\n  typeof ReorderModeToolbar\n>;\n\nexport type CollectionSearchElement = ReactElement<\n  CollectionSearchProps,\n  typeof CollectionSearch\n>;\n\nexport type TabsFilterElement<V> = ReactElement<TabsFilterProps<V>>;\n\nexport type TopNotificationElement = ReactElement<TableTopNotificationProps>;\n\nexport type PrimaryActionButtonElement = ReactElement<PrimaryActionButtonProps>;\n\nexport type ToolbarSecondaryActionsElement =\n  ReactElement<ToolbarSecondaryActionsProps>;\n\nexport type CollectionToolbarFiltersElement = ReactElement<\n  CollectionToolbarFiltersProps,\n  typeof CollectionToolbarFilters\n>;\n\nexport type ToolbarTitleElement = ReactElement<ToolbarTitleProps>;\n\nexport function assertComponentType(\n  element: ReactElement | null | undefined | boolean,\n  displayName: string,\n  propName: string,\n) {\n  if (\n    element === true ||\n    (element &&\n      (element.type as { displayName?: string }).displayName !== displayName)\n  ) {\n    throw new Error(`Prop \"${propName}\" must be a <${displayName} /> element`);\n  }\n}\n"],"mappings":";;;;AAgEO,SAASA,mBAAmBA,CACjCC,OAAkD,EAClDC,WAAmB,EACnBC,QAAgB,EAChB;EACA,IACEF,OAAO,KAAK,IAAI,IACfA,OAAO,IACLA,OAAO,CAACG,IAAI,CAA8BF,WAAW,KAAKA,WAAY,EACzE;IACA,MAAM,IAAIG,KAAK,CAAC,SAASF,QAAQ,gBAAgBD,WAAW,aAAa,CAAC;EAC5E;AACF","ignoreList":[]}

package/dist/cjs/components/common.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_ = "common1627429939";
+var _namespace_ = "common4289447420";
 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": "common1627429939__root",
-  "column": "common1627429939__column",
-  "fullHeight": "common1627429939__fullHeight"
+  "root": "common4289447420__root",
+  "column": "common4289447420__column",
+  "fullHeight": "common4289447420__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1627429939\";\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\":\"common1627429939__root\",\"column\":\"common1627429939__column\",\"fullHeight\":\"common1627429939__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common4289447420\";\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\":\"common4289447420__root\",\"column\":\"common4289447420__column\",\"fullHeight\":\"common4289447420__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/usePageButtonBiParams.js

@@ -4,9 +4,17 @@ exports.__esModule = true;
 exports.usePageButtonBiParams = void 0;
 var _react = require("react");
 var _providers = require("../providers");
+var _ToolbarCollectionContext = require("./ToolbarCollectionContext");
 const usePageButtonBiParams = () => {
   const entityContext = (0, _react.useContext)(_providers.entityPageContext);
   const collectionContext = (0, _react.useContext)(_providers.collectionPageContext);
+  const toolbarContext = (0, _react.useContext)(_ToolbarCollectionContext.ToolbarCollectionContext);
+  if (toolbarContext) {
+    return {
+      pageType: 'Collection',
+      location: 'Patterns toolbar'
+    };
+  }
   if (entityContext) {
     return {
       pageType: 'Entity',

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_providers","usePageButtonBiParams","entityContext","useContext","entityPageContext","collectionContext","collectionPageContext","pageType","location","undefined","exports"],"sources":["../../../src/components/usePageButtonBiParams.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { collectionPageContext, entityPageContext } from '../providers';\n\nexport const usePageButtonBiParams = (): {\n  pageType: 'Entity' | 'Collection' | undefined;\n  location: 'Entity Page Header' | 'Collection Page Header' | undefined;\n} => {\n  const entityContext = useContext(entityPageContext);\n  const collectionContext = useContext(collectionPageContext);\n\n  if (entityContext) {\n    return { pageType: 'Entity', location: 'Entity Page Header' };\n  }\n\n  if (collectionContext) {\n    return { pageType: 'Collection', location: 'Collection Page Header' };\n  }\n\n  return { pageType: undefined, location: undefined };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,MAAME,qBAAqB,GAAGA,CAAA,KAGhC;EACH,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,4BAAiB,CAAC;EACnD,MAAMC,iBAAiB,GAAG,IAAAF,iBAAU,EAACG,gCAAqB,CAAC;EAE3D,IAAIJ,aAAa,EAAE;IACjB,OAAO;MAAEK,QAAQ,EAAE,QAAQ;MAAEC,QAAQ,EAAE;IAAqB,CAAC;EAC/D;EAEA,IAAIH,iBAAiB,EAAE;IACrB,OAAO;MAAEE,QAAQ,EAAE,YAAY;MAAEC,QAAQ,EAAE;IAAyB,CAAC;EACvE;EAEA,OAAO;IAAED,QAAQ,EAAEE,SAAS;IAAED,QAAQ,EAAEC;EAAU,CAAC;AACrD,CAAC;AAACC,OAAA,CAAAT,qBAAA,GAAAA,qBAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_providers","_ToolbarCollectionContext","usePageButtonBiParams","entityContext","useContext","entityPageContext","collectionContext","collectionPageContext","toolbarContext","ToolbarCollectionContext","pageType","location","undefined","exports"],"sources":["../../../src/components/usePageButtonBiParams.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { collectionPageContext, entityPageContext } from '../providers';\nimport { ToolbarCollectionContext } from './ToolbarCollectionContext';\n\nexport const usePageButtonBiParams = (): {\n  pageType: 'Entity' | 'Collection' | undefined;\n  location:\n    | 'Entity Page Header'\n    | 'Collection Page Header'\n    | 'Patterns toolbar'\n    | undefined;\n} => {\n  const entityContext = useContext(entityPageContext);\n  const collectionContext = useContext(collectionPageContext);\n  const toolbarContext = useContext(ToolbarCollectionContext);\n\n  if (toolbarContext) {\n    return { pageType: 'Collection', location: 'Patterns toolbar' };\n  }\n  if (entityContext) {\n    return { pageType: 'Entity', location: 'Entity Page Header' };\n  }\n\n  if (collectionContext) {\n    return { pageType: 'Collection', location: 'Collection Page Header' };\n  }\n\n  return { pageType: undefined, location: undefined };\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,yBAAA,GAAAF,OAAA;AAEO,MAAMG,qBAAqB,GAAGA,CAAA,KAOhC;EACH,MAAMC,aAAa,GAAG,IAAAC,iBAAU,EAACC,4BAAiB,CAAC;EACnD,MAAMC,iBAAiB,GAAG,IAAAF,iBAAU,EAACG,gCAAqB,CAAC;EAC3D,MAAMC,cAAc,GAAG,IAAAJ,iBAAU,EAACK,kDAAwB,CAAC;EAE3D,IAAID,cAAc,EAAE;IAClB,OAAO;MAAEE,QAAQ,EAAE,YAAY;MAAEC,QAAQ,EAAE;IAAmB,CAAC;EACjE;EACA,IAAIR,aAAa,EAAE;IACjB,OAAO;MAAEO,QAAQ,EAAE,QAAQ;MAAEC,QAAQ,EAAE;IAAqB,CAAC;EAC/D;EAEA,IAAIL,iBAAiB,EAAE;IACrB,OAAO;MAAEI,QAAQ,EAAE,YAAY;MAAEC,QAAQ,EAAE;IAAyB,CAAC;EACvE;EAEA,OAAO;IAAED,QAAQ,EAAEE,SAAS;IAAED,QAAQ,EAAEC;EAAU,CAAC;AACrD,CAAC;AAACC,OAAA,CAAAX,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/dist/cjs/state/FeaturesAvailabilityBIParams.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/state/FeaturesAvailabilityBIParams.ts"],"sourcesContent":["export interface FeaturesAvailabilityBIParams {\n  isUsingDragAndDrop?: boolean | null;\n  isDisablingSearch?: boolean | null;\n  isUsingBulkActionsToolbar?: boolean | null;\n  isUsingFilters?: boolean | null;\n  isUsingHorizontalScroll?: boolean | null;\n  isUsingFolders?: boolean | null;\n  isUsingCounterInHeader?: boolean | null;\n  isUsingTableVirtualization?: boolean | null;\n  isUsingTabs?: boolean | null;\n  isUsingTags?: boolean | null;\n  isUsingSummaryRow?: boolean | null;\n}\n\nexport interface AdditionalFeaturesAvailabilityBIParams {\n  isUsingTableSubtitle?: boolean | null;\n  isUsingCounterInHeader?: boolean | null;\n  isUsingSelectAllLimitation?: boolean | null;\n  isUsingErrorMessage?: boolean | null;\n  isUsingAllItemsView?: boolean | null;\n  isUsingCustomEmptyState?: boolean | null;\n  isUsingCustomNoResultsState?: boolean | null;\n  isUsingPrimaryActionCta?: boolean | null;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../src/state/FeaturesAvailabilityBIParams.ts"],"sourcesContent":["export interface FeaturesAvailabilityBIParams {\n  isUsingDragAndDrop?: boolean | null;\n  isDisablingSearch?: boolean | null;\n  isUsingBulkActionsToolbar?: boolean | null;\n  isUsingFilters?: boolean | null;\n  isUsingHorizontalScroll?: boolean | null;\n  isUsingFolders?: boolean | null;\n  isUsingCounterInHeader?: boolean | null;\n  isUsingTableVirtualization?: boolean | null;\n  isUsingTabs?: boolean | null;\n  isUsingTags?: boolean | null;\n  isUsingSummaryRow?: boolean | null;\n  isUsingSecondaryActions?: boolean | null;\n  isUsingMoreActions?: boolean | null;\n}\n\nexport interface AdditionalFeaturesAvailabilityBIParams {\n  isUsingTableSubtitle?: boolean | null;\n  isUsingCounterInHeader?: boolean | null;\n  isUsingSelectAllLimitation?: boolean | null;\n  isUsingErrorMessage?: boolean | null;\n  isUsingAllItemsView?: boolean | null;\n  isUsingCustomEmptyState?: boolean | null;\n  isUsingCustomNoResultsState?: boolean | null;\n  isUsingPrimaryActionCta?: boolean | null;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/state/NestedTableState/NestedTableState.js

@@ -160,6 +160,7 @@ class NestedTableState {
       });
       await fetchAll.initTask.status.promise;
       await (this.isFlatMode ? this.flatMode._refreshAll() : this.nestedMode.root._refreshAll());
+      this.rootNodeCollection.collection.query.events.emit('refresh');
     });
   }
   get isFlatMode() {

package/dist/cjs/state/NestedTableState/NestedTableState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_ToolbarCollectionState","_TableState","_NestedTableNestedModeState","_NestedTableFlatModeState","_NestedCollectionFetchAllState","_mobx","_createNestedOptimisticActions","NestedTableState","constructor","params","_defineProperty2","default","TaskState","Map","container","query","QueryState","filters","levels","map","level","i","depth","fetchAllLimit","fetchAllThreshold","options","expandAllThreshold","mainColumn","rootLevelDescriptor","Error","nestedOptimisticActionsState","parentId","sequences","levelDescriptor","rootNodeCollection","createCollection","createNestedOptimisticActions","collection","syncWithSharedQuery","reportBi","reportProps","isFetchAllAborted","componentStatus","toolbar","ToolbarCollectionState","componentType","setNewColumns","columns","column","render","tableState","TableState","nested","NestedTableNestedModeState","wrapper","flat","NestedTableFlatModeState","nestedMode","flatMode","getNode","key","getRootNode","root","getAllNodes","expandAll","nestedCollection","_attemptFetchAllAndPopulateCache","initTask","init","invalidate","runOnce","fetchAllState","NestedCollectionFetchAllState","nestedCollectionState","disposers","status","promise","forEach","d","refreshAll","isFlatMode","reset","fetchAll","_refreshAll","search","value","_addFilterListeners","Object","values","filtersEntries","_","filter","addEventListener","events","skipFilterListeners","reaction","_fields","add","delete","fireImmediately","featuresInitializers","exports"],"sources":["../../../../src/state/NestedTableState/NestedTableState.ts"],"sourcesContent":["import {\n  addEventListener,\n  CollectionOptimisticSequenceExecutor,\n  FiltersMap,\n  OptionalFiltersMap,\n  QueryState,\n  ReportBI,\n  syncWithSharedQuery,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { TableColumn } from '../../model';\nimport { NestedTableColumn } from './NestedTableColumn';\nimport { NestedTableNestedModeState } from './NestedTableNestedModeState';\nimport { NestedTableFlatModeState } from './NestedTableFlatModeState';\nimport { NestedCollectionFetchAllState } from './NestedCollectionFetchAllState';\nimport { NestedTableLevelDescriptor } from './NestedTableLevelDescriptor';\nimport { EagerLazyModeOptions } from './types';\nimport { reaction } from 'mobx';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { NestedTableNodeStatePublicAPI } from './NestedTableNodeStatePublicAPI';\nimport { createNestedOptimisticActions } from './createNestedOptimisticActions';\n\nexport interface NestedTableStateBaseParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  /**\n   * If the total items in the server are less or equal to this threshold, all items will be fetched and rendered at once, in expanded state (referred to as \"Eager\" mode).\n   * @default 1000\n   */\n  fetchAllLimit?: number;\n  /**\n   * @deprecated Use `fetchAllLimit` instead.\n   */\n  fetchAllThreshold?: number;\n  /**\n   * In \"Eager\" mode, items will be in expanded state. This threshold allows to use collapsed state if the total items in the server are greater than this threshold.\n   * @default `fetchAllThreshold`\n   */\n  expandAllThreshold?: number;\n  /**\n   * Columns to be rendered in the nested table. Same as [TableColumn](./?path=/story/common-types--tablecolumn) - just without rendering logic of cells (`render` prop will be defined for each level individually in the `levels` prop).\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   */\n  columns: NestedTableColumn<C>[];\n  /**\n   * Main column of the nested table.\n   * An object with the following properties:\n   *  - `title`: The title of the column. @default ''\n   *  - `width`: The width of the column. Can be a number (in pixels) or a string (percentage). @default '326px'\n   */\n  mainColumn?: {\n    title?: string;\n    width?: number | string;\n  };\n  /**\n   * Configuration of the nested table levels. Use one of the helper function to create the levels configuration:\n   * - [createNestedTableLevel](./?path=/story/base-components-collections-nestedtable--createnestedtablelevel) - for cases where each level if of a different entity type.\n   * - [createNestedTableSingleEntityLevels](./?path=/story/base-components-collections-nestedtable--createnestedtablesingleentitylevels) - for cases where all levels are of the same entity type.\n   * @overrideType [NestedTableLevel](./?path=/story/base-components-collections-nestedtable--nestedtablelevel)[]\n   */\n  levels: Omit<NestedTableLevelDescriptor<C, any, any>, 'depth'>[];\n\n  filters?: F;\n}\n\nexport interface NestedTableStateParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends NestedTableStateBaseParams<C, F> {\n  container: WixPatternsContainer;\n}\n\nexport interface NestedTableStatePublicAPI<C extends string> {\n  /**\n   * Underlying [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate) instance\n   * @overrideType [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate)\n   */\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n  /**\n   * Underlying [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate) instance\n   * @overrideType [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate)\n   */\n  readonly tableState: TableState<unknown, {}>;\n\n  /**\n   * Get the node this item is the parent of. i.e. this node's collection items' parent id is the `key`\n   * @param key\n   * @overrideType (key: string) => [NestedTableNodeState](./?path=/story/base-components-collections-nestedtable--nestedtablenodestate) | undefined\n   */\n  getNode<TD, FD extends FiltersMap>(\n    key: string,\n  ): NestedTableNodeStatePublicAPI<C, TD, FD> | undefined;\n\n  /**\n   * Get the root node of the nested table, this node's collection items' parent id is `null`, the items are the top level items\n   */\n  getRootNode<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  >;\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  >[];\n\n  /**\n   * An API to refresh all items in the nested table.\n   */\n  readonly refreshAll: () => void;\n}\n\nexport class NestedTableState<\n  C extends string = string,\n  F extends FiltersMap = OptionalFiltersMap,\n> implements ICollectionComponentState, NestedTableStatePublicAPI<C>\n{\n  readonly container;\n  readonly reportBi: ReportBI;\n  readonly toolbar;\n  readonly tableState;\n  readonly mainColumn;\n  readonly options: EagerLazyModeOptions;\n\n  readonly initTask = new TaskState();\n\n  readonly levels: NestedTableLevelDescriptor<C, any, any>[];\n\n  readonly rootNodeCollection;\n  readonly query;\n\n  readonly nested: NestedTableNestedModeState<C>;\n  readonly flat: NestedTableFlatModeState<C>;\n\n  readonly sequences = new Map<string, CollectionOptimisticSequenceExecutor>();\n\n  constructor(params: NestedTableStateParams<C, F>) {\n    this.container = params.container;\n\n    this.query = new QueryState({\n      filters: params.filters || {},\n    });\n\n    this.levels = params.levels.map((level, i) => ({\n      ...level,\n      depth: i,\n    }));\n\n    const fetchAllLimit = params.fetchAllLimit ?? params.fetchAllThreshold;\n\n    this.options = {\n      fetchAllThreshold: fetchAllLimit ?? 1000,\n      expandAllThreshold: params.expandAllThreshold ?? fetchAllLimit ?? 1000,\n    };\n\n    this.mainColumn = params.mainColumn;\n    const rootLevelDescriptor = this.levels[0];\n\n    if (rootLevelDescriptor == null) {\n      throw new Error('NestedTableState must have at least one level');\n    }\n\n    const nestedOptimisticActionsState = {\n      parentId: 'null',\n      sequences: this.sequences,\n      query: this.query,\n      levelDescriptor: rootLevelDescriptor,\n    };\n\n    this.rootNodeCollection = rootLevelDescriptor.createCollection(\n      nestedOptimisticActionsState,\n    );\n\n    createNestedOptimisticActions(\n      this.container,\n      this.rootNodeCollection.collection,\n      nestedOptimisticActionsState,\n    );\n\n    const { collection } = this.rootNodeCollection;\n\n    syncWithSharedQuery(collection.query, this.query);\n\n    this.reportBi = (reportProps) => {\n      const { isFetchAllAborted } = this;\n      this.container.reportBi({\n        ...reportProps,\n        params: {\n          ...reportProps.params,\n          ...(isFetchAllAborted != null && {\n            componentStatus: isFetchAllAborted\n              ? 'All items collapsed'\n              : 'All items expanded',\n          }),\n        },\n      });\n    };\n\n    this.toolbar = new ToolbarCollectionState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      componentType: 'NestedTable',\n      reportBi: this.reportBi,\n    });\n\n    this.toolbar.setNewColumns(\n      params.columns.map((column) => ({\n        ...column,\n        render: () => null,\n      })) as TableColumn<unknown>[],\n    );\n\n    this.tableState = new TableState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.nested = new NestedTableNestedModeState({\n      wrapper: this,\n      reportBi: this.reportBi,\n    });\n\n    this.flat = new NestedTableFlatModeState({\n      wrapper: this,\n    });\n  }\n\n  get nestedMode() {\n    return this.nested;\n  }\n\n  get flatMode() {\n    return this.flat;\n  }\n\n  getNode<TD, FD extends FiltersMap>(key: string) {\n    return this.nested.getNode<TD, FD>(key);\n  }\n\n  getRootNode<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  > {\n    return this.nested.root;\n  }\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>() {\n    return this.nested.getAllNodes<TD, FD>();\n  }\n\n  get isFetchAllAborted() {\n    return this.nested.isFetchAllAborted;\n  }\n\n  get expandAll() {\n    return this.nested.expandAll;\n  }\n\n  get nestedCollection() {\n    return this.nested.nestedCollection;\n  }\n\n  _attemptFetchAllAndPopulateCache() {\n    const initTask = new TaskState();\n    return {\n      initTask,\n      init: (\n        { invalidate }: { invalidate: boolean } = { invalidate: false },\n      ) => {\n        initTask.runOnce(async () => {\n          const fetchAllState = new NestedCollectionFetchAllState({\n            options: this.options,\n            query: this.nested.query,\n            nestedCollectionState: this.nested.nestedCollection,\n          });\n\n          const disposers = [fetchAllState.init({ invalidate })];\n\n          try {\n            await fetchAllState.initTask.status.promise;\n          } finally {\n            disposers.forEach((d) => d());\n          }\n        });\n\n        return () => {};\n      },\n    };\n  }\n\n  refreshAll() {\n    const initTask = this.isFlatMode\n      ? this.flat.initTask\n      : this.nested.initTask;\n    initTask.reset();\n    initTask.runOnce(async () => {\n      const fetchAll = this._attemptFetchAllAndPopulateCache();\n      fetchAll.init({ invalidate: true });\n      await fetchAll.initTask.status.promise;\n\n      await (this.isFlatMode\n        ? this.flatMode._refreshAll()\n        : this.nestedMode.root._refreshAll());\n    });\n  }\n\n  get isFlatMode() {\n    return !!this.query.search.value;\n  }\n\n  _addFilterListeners() {\n    return Object.values(this.query.filtersEntries).map(([_, filter]) => {\n      return addEventListener(filter.events, 'refresh', () => {\n        this.refreshAll();\n      });\n    });\n  }\n\n  init() {\n    const { initTask, tableState, query } = this;\n\n    const disposers = [\n      query.init({ skipFilterListeners: true }),\n      ...this._addFilterListeners(),\n      reaction(\n        () => this.isFlatMode,\n        (isFlatMode) => {\n          const {\n            query: { _fields },\n          } = this;\n          if (isFlatMode) {\n            _fields.add('breadcrumbs');\n          } else {\n            _fields.delete('breadcrumbs');\n          }\n        },\n        { fireImmediately: true },\n      ),\n      tableState.init({\n        featuresInitializers: [],\n        skipFilterListeners: true,\n      }),\n    ];\n\n    initTask.runOnce(async () => {\n      tableState.initTask.runOnce();\n      await tableState.initTask.status.promise;\n    });\n\n    return () => {\n      initTask.reset();\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_ToolbarCollectionState","_TableState","_NestedTableNestedModeState","_NestedTableFlatModeState","_NestedCollectionFetchAllState","_mobx","_createNestedOptimisticActions","NestedTableState","constructor","params","_defineProperty2","default","TaskState","Map","container","query","QueryState","filters","levels","map","level","i","depth","fetchAllLimit","fetchAllThreshold","options","expandAllThreshold","mainColumn","rootLevelDescriptor","Error","nestedOptimisticActionsState","parentId","sequences","levelDescriptor","rootNodeCollection","createCollection","createNestedOptimisticActions","collection","syncWithSharedQuery","reportBi","reportProps","isFetchAllAborted","componentStatus","toolbar","ToolbarCollectionState","componentType","setNewColumns","columns","column","render","tableState","TableState","nested","NestedTableNestedModeState","wrapper","flat","NestedTableFlatModeState","nestedMode","flatMode","getNode","key","getRootNode","root","getAllNodes","expandAll","nestedCollection","_attemptFetchAllAndPopulateCache","initTask","init","invalidate","runOnce","fetchAllState","NestedCollectionFetchAllState","nestedCollectionState","disposers","status","promise","forEach","d","refreshAll","isFlatMode","reset","fetchAll","_refreshAll","events","emit","search","value","_addFilterListeners","Object","values","filtersEntries","_","filter","addEventListener","skipFilterListeners","reaction","_fields","add","delete","fireImmediately","featuresInitializers","exports"],"sources":["../../../../src/state/NestedTableState/NestedTableState.ts"],"sourcesContent":["import {\n  addEventListener,\n  CollectionOptimisticSequenceExecutor,\n  FiltersMap,\n  OptionalFiltersMap,\n  QueryState,\n  ReportBI,\n  syncWithSharedQuery,\n  TaskState,\n  WixPatternsContainer,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { TableState } from '../TableState';\nimport { TableColumn } from '../../model';\nimport { NestedTableColumn } from './NestedTableColumn';\nimport { NestedTableNestedModeState } from './NestedTableNestedModeState';\nimport { NestedTableFlatModeState } from './NestedTableFlatModeState';\nimport { NestedCollectionFetchAllState } from './NestedCollectionFetchAllState';\nimport { NestedTableLevelDescriptor } from './NestedTableLevelDescriptor';\nimport { EagerLazyModeOptions } from './types';\nimport { reaction } from 'mobx';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { NestedTableNodeStatePublicAPI } from './NestedTableNodeStatePublicAPI';\nimport { createNestedOptimisticActions } from './createNestedOptimisticActions';\n\nexport interface NestedTableStateBaseParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  /**\n   * If the total items in the server are less or equal to this threshold, all items will be fetched and rendered at once, in expanded state (referred to as \"Eager\" mode).\n   * @default 1000\n   */\n  fetchAllLimit?: number;\n  /**\n   * @deprecated Use `fetchAllLimit` instead.\n   */\n  fetchAllThreshold?: number;\n  /**\n   * In \"Eager\" mode, items will be in expanded state. This threshold allows to use collapsed state if the total items in the server are greater than this threshold.\n   * @default `fetchAllThreshold`\n   */\n  expandAllThreshold?: number;\n  /**\n   * Columns to be rendered in the nested table. Same as [TableColumn](./?path=/story/common-types--tablecolumn) - just without rendering logic of cells (`render` prop will be defined for each level individually in the `levels` prop).\n   * @overrideType [TableColumn](./?path=/story/common-types--tablecolumn)[]\n   */\n  columns: NestedTableColumn<C>[];\n  /**\n   * Main column of the nested table.\n   * An object with the following properties:\n   *  - `title`: The title of the column. @default ''\n   *  - `width`: The width of the column. Can be a number (in pixels) or a string (percentage). @default '326px'\n   */\n  mainColumn?: {\n    title?: string;\n    width?: number | string;\n  };\n  /**\n   * Configuration of the nested table levels. Use one of the helper function to create the levels configuration:\n   * - [createNestedTableLevel](./?path=/story/base-components-collections-nestedtable--createnestedtablelevel) - for cases where each level if of a different entity type.\n   * - [createNestedTableSingleEntityLevels](./?path=/story/base-components-collections-nestedtable--createnestedtablesingleentitylevels) - for cases where all levels are of the same entity type.\n   * @overrideType [NestedTableLevel](./?path=/story/base-components-collections-nestedtable--nestedtablelevel)[]\n   */\n  levels: Omit<NestedTableLevelDescriptor<C, any, any>, 'depth'>[];\n\n  filters?: F;\n}\n\nexport interface NestedTableStateParams<\n  C extends string,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends NestedTableStateBaseParams<C, F> {\n  container: WixPatternsContainer;\n}\n\nexport interface NestedTableStatePublicAPI<C extends string> {\n  /**\n   * Underlying [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate) instance\n   * @overrideType [ToolbarCollectionState](./?path=/story/common-state--toolbarcollectionstate)\n   */\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n  /**\n   * Underlying [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate) instance\n   * @overrideType [TableState](./?path=/story/base-components-collections-table-tablestate--tablestate)\n   */\n  readonly tableState: TableState<unknown, {}>;\n\n  /**\n   * Get the node this item is the parent of. i.e. this node's collection items' parent id is the `key`\n   * @param key\n   * @overrideType (key: string) => [NestedTableNodeState](./?path=/story/base-components-collections-nestedtable--nestedtablenodestate) | undefined\n   */\n  getNode<TD, FD extends FiltersMap>(\n    key: string,\n  ): NestedTableNodeStatePublicAPI<C, TD, FD> | undefined;\n\n  /**\n   * Get the root node of the nested table, this node's collection items' parent id is `null`, the items are the top level items\n   */\n  getRootNode<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  >;\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  >[];\n\n  /**\n   * An API to refresh all items in the nested table.\n   */\n  readonly refreshAll: () => void;\n}\n\nexport class NestedTableState<\n  C extends string = string,\n  F extends FiltersMap = OptionalFiltersMap,\n> implements ICollectionComponentState, NestedTableStatePublicAPI<C>\n{\n  readonly container;\n  readonly reportBi: ReportBI;\n  readonly toolbar;\n  readonly tableState;\n  readonly mainColumn;\n  readonly options: EagerLazyModeOptions;\n\n  readonly initTask = new TaskState();\n\n  readonly levels: NestedTableLevelDescriptor<C, any, any>[];\n\n  readonly rootNodeCollection;\n  readonly query;\n\n  readonly nested: NestedTableNestedModeState<C>;\n  readonly flat: NestedTableFlatModeState<C>;\n\n  readonly sequences = new Map<string, CollectionOptimisticSequenceExecutor>();\n\n  constructor(params: NestedTableStateParams<C, F>) {\n    this.container = params.container;\n\n    this.query = new QueryState({\n      filters: params.filters || {},\n    });\n\n    this.levels = params.levels.map((level, i) => ({\n      ...level,\n      depth: i,\n    }));\n\n    const fetchAllLimit = params.fetchAllLimit ?? params.fetchAllThreshold;\n\n    this.options = {\n      fetchAllThreshold: fetchAllLimit ?? 1000,\n      expandAllThreshold: params.expandAllThreshold ?? fetchAllLimit ?? 1000,\n    };\n\n    this.mainColumn = params.mainColumn;\n    const rootLevelDescriptor = this.levels[0];\n\n    if (rootLevelDescriptor == null) {\n      throw new Error('NestedTableState must have at least one level');\n    }\n\n    const nestedOptimisticActionsState = {\n      parentId: 'null',\n      sequences: this.sequences,\n      query: this.query,\n      levelDescriptor: rootLevelDescriptor,\n    };\n\n    this.rootNodeCollection = rootLevelDescriptor.createCollection(\n      nestedOptimisticActionsState,\n    );\n\n    createNestedOptimisticActions(\n      this.container,\n      this.rootNodeCollection.collection,\n      nestedOptimisticActionsState,\n    );\n\n    const { collection } = this.rootNodeCollection;\n\n    syncWithSharedQuery(collection.query, this.query);\n\n    this.reportBi = (reportProps) => {\n      const { isFetchAllAborted } = this;\n      this.container.reportBi({\n        ...reportProps,\n        params: {\n          ...reportProps.params,\n          ...(isFetchAllAborted != null && {\n            componentStatus: isFetchAllAborted\n              ? 'All items collapsed'\n              : 'All items expanded',\n          }),\n        },\n      });\n    };\n\n    this.toolbar = new ToolbarCollectionState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      componentType: 'NestedTable',\n      reportBi: this.reportBi,\n    });\n\n    this.toolbar.setNewColumns(\n      params.columns.map((column) => ({\n        ...column,\n        render: () => null,\n      })) as TableColumn<unknown>[],\n    );\n\n    this.tableState = new TableState({\n      collection: this.rootNodeCollection.collection,\n      container: params.container,\n      toolbar: this.toolbar,\n    });\n\n    this.nested = new NestedTableNestedModeState({\n      wrapper: this,\n      reportBi: this.reportBi,\n    });\n\n    this.flat = new NestedTableFlatModeState({\n      wrapper: this,\n    });\n  }\n\n  get nestedMode() {\n    return this.nested;\n  }\n\n  get flatMode() {\n    return this.flat;\n  }\n\n  getNode<TD, FD extends FiltersMap>(key: string) {\n    return this.nested.getNode<TD, FD>(key);\n  }\n\n  getRootNode<TD, FD extends FiltersMap>(): NestedTableNodeStatePublicAPI<\n    C,\n    TD,\n    FD\n  > {\n    return this.nested.root;\n  }\n\n  /**\n   * Get all the nodes in the table\n   */\n  getAllNodes<TD, FD extends FiltersMap>() {\n    return this.nested.getAllNodes<TD, FD>();\n  }\n\n  get isFetchAllAborted() {\n    return this.nested.isFetchAllAborted;\n  }\n\n  get expandAll() {\n    return this.nested.expandAll;\n  }\n\n  get nestedCollection() {\n    return this.nested.nestedCollection;\n  }\n\n  _attemptFetchAllAndPopulateCache() {\n    const initTask = new TaskState();\n    return {\n      initTask,\n      init: (\n        { invalidate }: { invalidate: boolean } = { invalidate: false },\n      ) => {\n        initTask.runOnce(async () => {\n          const fetchAllState = new NestedCollectionFetchAllState({\n            options: this.options,\n            query: this.nested.query,\n            nestedCollectionState: this.nested.nestedCollection,\n          });\n\n          const disposers = [fetchAllState.init({ invalidate })];\n\n          try {\n            await fetchAllState.initTask.status.promise;\n          } finally {\n            disposers.forEach((d) => d());\n          }\n        });\n\n        return () => {};\n      },\n    };\n  }\n\n  refreshAll() {\n    const initTask = this.isFlatMode\n      ? this.flat.initTask\n      : this.nested.initTask;\n    initTask.reset();\n    initTask.runOnce(async () => {\n      const fetchAll = this._attemptFetchAllAndPopulateCache();\n      fetchAll.init({ invalidate: true });\n      await fetchAll.initTask.status.promise;\n\n      await (this.isFlatMode\n        ? this.flatMode._refreshAll()\n        : this.nestedMode.root._refreshAll());\n      this.rootNodeCollection.collection.query.events.emit('refresh');\n    });\n  }\n\n  get isFlatMode() {\n    return !!this.query.search.value;\n  }\n\n  _addFilterListeners() {\n    return Object.values(this.query.filtersEntries).map(([_, filter]) => {\n      return addEventListener(filter.events, 'refresh', () => {\n        this.refreshAll();\n      });\n    });\n  }\n\n  init() {\n    const { initTask, tableState, query } = this;\n\n    const disposers = [\n      query.init({ skipFilterListeners: true }),\n      ...this._addFilterListeners(),\n      reaction(\n        () => this.isFlatMode,\n        (isFlatMode) => {\n          const {\n            query: { _fields },\n          } = this;\n          if (isFlatMode) {\n            _fields.add('breadcrumbs');\n          } else {\n            _fields.delete('breadcrumbs');\n          }\n        },\n        { fireImmediately: true },\n      ),\n      tableState.init({\n        featuresInitializers: [],\n        skipFilterListeners: true,\n      }),\n    ];\n\n    initTask.runOnce(async () => {\n      tableState.initTask.runOnce();\n      await tableState.initTask.status.promise;\n    });\n\n    return () => {\n      initTask.reset();\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.Collapse3396991173__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3396991173__exit{height:0}.CollectionToolbar3262689570__left{min-width:0}.CollectionToolbar3262689570__root.CollectionToolbar3262689570--views .CollectionToolbar3262689570__left{flex-shrink:1;flex-grow:0}.CollectionToolbar3262689570__left.CollectionToolbar3262689570--expandable{flex:auto}.CollectionToolbar3262689570__root .CollectionToolbar3262689570__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3262689570__root.CollectionToolbar3262689570--views .CollectionToolbar3262689570__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3262689570__root .CollectionToolbar3262689570__right.CollectionToolbar3262689570__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter3720843308__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly3299673514__root.AutoCompleteReadonly3299673514--disableEditing{cursor:pointer}.AutoCompleteReadonly3299673514__root.AutoCompleteReadonly3299673514--disableEditing input{cursor:pointer}.ViewsDropdown4022014931__root{width:200px}.DragHandle3352637897__root{display:flex;align-items:center}.DragHandle3352637897__root:not(.DragHandle3352637897--disabled){cursor:grab;color:#a8caff}.DragHandle3352637897__root.DragHandle3352637897--disabled{color:#acafc4}.DragHandle3352637897__root:focus-visible:not(.DragHandle3352637897--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3352637897__root.DragHandle3352637897--disabled{pointer-events:none}.DragHandle3352637897__root.DragHandle3352637897--dragging:not(.DragHandle3352637897--disabled){cursor:grabbing}.Fade2741685943__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2741685943__root.Fade2741685943--exit{opacity:0}.Heading900841780__root{visibility:visible}.Heading900841780__root.Heading900841780--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1479823349__root.InputOverflow1479823349--selected:not(.InputOverflow1479823349--focused) input::placeholder{color:#000624}@keyframes LoadingRow4015380534__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow4015380534__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow4015380534__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3501963403__root{opacity:1}.MaxHeightText3501963403__root.MaxHeightText3501963403--height24{line-height:24px}.MaxLines326589366__root{overflow:hidden}.MaxLines326589366__root.MaxLines326589366--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1591661177__root{min-width:0}.NestedTablePlaceholderStatesRow3379672958__root td{padding:0!important;width:100%}.NestedTableRow4076016740__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4076016740__root:hover{background-color:#e7f0ff}.NestedTableRow4076016740__root.NestedTableRow4076016740--expandable{cursor:pointer}.NestedTableRow4076016740__placeholder td{padding:0!important;width:100%}.NestedTableRow4076016740__root:hover td:first-of-type::before,.NestedTableRow4076016740__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3013163161__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow991128247__root.NestedTableDragAndDropRow991128247--draggingInto td{background-color:#e7f0ff!important}.PickerContent1358353354__root{display:flex}.PickerContentAdditionalStep2603132200__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2603132200__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1071631416__root{box-sizing:border-box}.ScrollableContent1484864181__root.ScrollableContent1484864181--overflowY{overflow-y:auto}.ScrollableContent1484864181__root.ScrollableContent1484864181--overflowX{overflow-x:auto}.ScrollableContent1484864181__root.ScrollableContent1484864181--smooth{scroll-behavior:smooth}.SkeletonCard809665651__headerLoading{display:block!important}.SlidingModal4207738486__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4207738486__root:not(.SlidingModal4207738486--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2910645289__root .TabsFilter2910645289__title{color:inherit!important}.ManageTagsModal2853060627__root{display:flex}.ToolbarItem1023334105__root{min-width:0}.ToolbarItemBox4052996124__root{min-width:0}.ToolbarItemBox4052996124__root.ToolbarItemBox4052996124--removeStartPadding{margin-left:-24px}.ToolbarItemBox4052996124__root.ToolbarItemBox4052996124--expandable{flex:1 0}.common1627429939__column{display:flex;flex-direction:column}.common1627429939__fullHeight{height:100%;min-height:0}
+.Collapse2506020103__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2506020103__exit{height:0}.CollectionToolbar2976250986__left{min-width:0}.CollectionToolbar2976250986__root.CollectionToolbar2976250986--views .CollectionToolbar2976250986__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2976250986__left.CollectionToolbar2976250986--expandable{flex:auto}.CollectionToolbar2976250986__root .CollectionToolbar2976250986__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2976250986__root.CollectionToolbar2976250986--views .CollectionToolbar2976250986__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2976250986__root .CollectionToolbar2976250986__right.CollectionToolbar2976250986__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter4243553281__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly2245716664__root.AutoCompleteReadonly2245716664--disableEditing{cursor:pointer}.AutoCompleteReadonly2245716664__root.AutoCompleteReadonly2245716664--disableEditing input{cursor:pointer}.ViewsDropdown3271173767__root{width:200px}.DragHandle2432874022__root{display:flex;align-items:center}.DragHandle2432874022__root:not(.DragHandle2432874022--disabled){cursor:grab;color:#a8caff}.DragHandle2432874022__root.DragHandle2432874022--disabled{color:#acafc4}.DragHandle2432874022__root:focus-visible:not(.DragHandle2432874022--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle2432874022__root.DragHandle2432874022--disabled{pointer-events:none}.DragHandle2432874022__root.DragHandle2432874022--dragging:not(.DragHandle2432874022--disabled){cursor:grabbing}.Fade2015962078__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2015962078__root.Fade2015962078--exit{opacity:0}.Heading4112279489__root{visibility:visible}.Heading4112279489__root.Heading4112279489--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow1424067229__root.InputOverflow1424067229--selected:not(.InputOverflow1424067229--focused) input::placeholder{color:#000624}@keyframes LoadingRow1604531459__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1604531459__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1604531459__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3962747381__root{opacity:1}.MaxHeightText3962747381__root.MaxHeightText3962747381--height24{line-height:24px}.MaxLines2075524146__root{overflow:hidden}.MaxLines2075524146__root.MaxLines2075524146--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3096051203__root{min-width:0}.NestedTablePlaceholderStatesRow1440559706__root td{padding:0!important;width:100%}.NestedTableRow2591405358__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2591405358__root:hover{background-color:#e7f0ff}.NestedTableRow2591405358__root.NestedTableRow2591405358--expandable{cursor:pointer}.NestedTableRow2591405358__placeholder td{padding:0!important;width:100%}.NestedTableRow2591405358__root:hover td:first-of-type::before,.NestedTableRow2591405358__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3738967009__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2709159886__root.NestedTableDragAndDropRow2709159886--draggingInto td{background-color:#e7f0ff!important}.PickerContent4245246335__root{display:flex}.PickerContentAdditionalStep720775529__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep720775529__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3589151451__root{box-sizing:border-box}.ScrollableContent1076814205__root.ScrollableContent1076814205--overflowY{overflow-y:auto}.ScrollableContent1076814205__root.ScrollableContent1076814205--overflowX{overflow-x:auto}.ScrollableContent1076814205__root.ScrollableContent1076814205--smooth{scroll-behavior:smooth}.SkeletonCard2452800788__headerLoading{display:block!important}.SlidingModal339678210__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal339678210__root:not(.SlidingModal339678210--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2490700882__root .TabsFilter2490700882__title{color:inherit!important}.ManageTagsModal1295604406__root{display:flex}.ToolbarItem3201265096__root{min-width:0}.ToolbarItemBox1042076452__root{min-width:0}.ToolbarItemBox1042076452__root.ToolbarItemBox1042076452--removeStartPadding{margin-left:-24px}.ToolbarItemBox1042076452__root.ToolbarItemBox1042076452--expandable{flex:1 0}.common4289447420__column{display:flex;flex-direction:column}.common4289447420__fullHeight{height:100%;min-height:0}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.161.0';
+const version = exports.version = 'patterns@1.162.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.161.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.162.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/ActionControl/ActionControl.uni.driver.js

@@ -0,0 +1,22 @@
+import { ButtonUniDriver, PopoverMenuUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+export const ActionControlUniDriver = (base, body) => {
+    const getActionControl = (dataHook) => {
+        return {
+            getButton: () => ButtonUniDriver(base.$(`[data-hook="${dataHook}"]`), body),
+            getPopover: () => {
+                const popover = PopoverMenuUniDriver(base.$(`[data-hook="${dataHook}-popover"]`), body);
+                return {
+                    ...popover,
+                    open: () => popover.getTriggerElement(dataHook).click(),
+                    getTriggerElement() {
+                        return popover.getTriggerElement(dataHook);
+                    },
+                };
+            },
+        };
+    };
+    return {
+        getActionControl,
+    };
+};
+//# sourceMappingURL=ActionControl.uni.driver.js.map

package/dist/esm/components/ActionControl/ActionControl.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionControl.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/ActionControl/ActionControl.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EACL,eAAe,EACf,oBAAoB,GACrB,MAAM,2CAA2C,CAAC;AAEnD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,IAAe,EAAE,IAAe,EAAE,EAAE;IACzE,MAAM,gBAAgB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC5C,OAAO;YACL,SAAS,EAAE,GAAG,EAAE,CACd,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,EAAE,IAAI,CAAC;YAC5D,UAAU,EAAE,GAAG,EAAE;gBACf,MAAM,OAAO,GAAG,oBAAoB,CAClC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,YAAY,CAAC,EAC3C,IAAI,CACL,CAAC;gBACF,OAAO;oBACL,GAAG,OAAO;oBACV,IAAI,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;oBACvD,iBAAiB;wBACf,OAAO,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;oBAC7C,CAAC;iBACF,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC,CAAC;IACF,OAAO;QACL,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3396991173";
+var _namespace_ = "Collapse2506020103";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse3396991173__root", "exit": "Collapse3396991173__exit" };
+export var classes = { "root": "Collapse2506020103__root", "exit": "Collapse2506020103__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.uni.driver.js

@@ -1,44 +1,21 @@
 import { baseUniDriverFactory } from '../../unidriver';
-import { PageHeaderUniDriver, ButtonUniDriver, PopoverMenuUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
+import { PageHeaderUniDriver, ButtonUniDriver, } from '@wix/design-system/dist/testkit/unidriver';
 import SubTitleUniDriver from '../PageSubTitle/PageSubTitle.uni.driver';
+import { MoreActionsUniDriver } from '../MoreActions/MoreActions.uni.driver';
+import { ActionControlUniDriver } from '../ActionControl/ActionControl.uni.driver';
 export default (base, body) => {
-    const moreActionsPopoverDriver = (dataHook) => PopoverMenuUniDriver(base.$(`[data-hook="${dataHook}"]`), body);
     return {
         /**
          * @deprecated Use `getPrimaryActions` instead. Works with `PrimaryActions` component.
          * Returns primary action button driver
          */
         getPrimaryAction: (dataHook) => ButtonUniDriver(base.$(`[data-hook="${dataHook}"]`), body),
+        /** Returns primary actions drivers */
+        getPrimaryActions: (dataHook = 'primary-actions') => ActionControlUniDriver(base, body).getActionControl(dataHook),
         /** Returns secondary actions drivers */
-        getPrimaryActions: (dataHook = 'primary-actions') => ({
-            getButton: () => ButtonUniDriver(base.$(`[data-hook="${dataHook}"]`), body),
-            getPopover: () => PopoverMenuUniDriver(base.$(`[data-hook="${dataHook}-popover"]`), body),
-        }),
-        /** Returns secondary actions drivers */
-        getSecondaryActions: (dataHook = 'secondary-actions') => ({
-            getButton: () => ButtonUniDriver(base.$(`[data-hook="${dataHook}"]`), body),
-            getPopover: () => PopoverMenuUniDriver(base.$(`[data-hook="${dataHook}-popover"]`), body),
-        }),
+        getSecondaryActions: (dataHook = 'secondary-actions') => ActionControlUniDriver(base, body).getActionControl(dataHook),
         /** Returns more actions button driver */
-        getMoreActions: (dataHook = 'more-actions') => ({
-            exists: () => moreActionsPopoverDriver(dataHook).exists(),
-            /** Gets trigger element of more Actions */
-            getTriggerElement: () => moreActionsPopoverDriver(dataHook).getTriggerElement('more-actions-popover-button'),
-            /** Opens the more actions popover */
-            open: () => moreActionsPopoverDriver(dataHook)
-                .getTriggerElement('more-actions-popover-button')
-                .click(),
-            /** Indicates whether the more actions popover is open */
-            isOpen: () => moreActionsPopoverDriver(dataHook).isMenuOpen(),
-            /** Clicks at child by data-hook */
-            clickAtChildByDataHook: (childDataHook) => moreActionsPopoverDriver(dataHook).clickAtChildByDataHook(childDataHook),
-            /** Clicks at child by index */
-            clickAtChildByIndex: (index) => moreActionsPopoverDriver(dataHook).clickAtChild(index),
-            /** Gets content at index */
-            childContentAt: (index) => moreActionsPopoverDriver(dataHook).itemContentAt(index),
-            /** Gets children count */
-            childrenCount: () => moreActionsPopoverDriver(dataHook).childrenCount(),
-        }),
+        getMoreActions: (dataHook = 'more-actions') => MoreActionsUniDriver(base, body).getMoreActions(dataHook),
         getPageHeader: () => PageHeaderUniDriver(base.$(`[data-hook="collection-page-header"]`), body),
         getTotal: async () => Number(await base.$('[data-hook="page-header-total-count"]').text()),
         subTitleDriver: SubTitleUniDriver(base, body),