@wix/patterns 1.12.0 → 1.13.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","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","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';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Displays a title at the left of a toolbar.<br> <br>\n   * This prop accepts a [ToolbarTitle](./?path=%2Fstory%2Fcomponents-collection-features--toolbartitle) component.\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/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/components-collection-features--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<T> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds a [Views](./?path=/story/components-collection-features--views)to the table headers.<br> <br>\n   * This prop accepts a Views component.\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * <br><br>\n   * The prop accepts a ToolbarFilters component that must have the `panelTitle` prop passed to it..\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.<br> <br>\n   * This prop accepts a [Tabs Filter](./?path=%2Fstory%2Fcomponents-collection-features--tabs-filter) component.\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   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A function that renders when there are no items to display.\n   * You can choose to return a [`<CollectionEmptyState>`](./?path=/story/components-collection-features--collectionemptystate) component. <br>\n   * Supported parameters:\n   *  - `hasAvailableItems`: [bool] Whether items were displayed from other filters or searches.\n   *  - `query`: [Object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--computedquery) that represents the query that resulted in an empty state.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/components-collection-features--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Pass a [`<CollectionNoResultsState />`](./?path=/story/components-collection-features--collectionnoresultsstate) component.\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/components-collection-features--collectionnoresultsstate)\n   */\n  noResultsState?: ReactNode;\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\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 SummaryBar below the toolbar.\n   * <br><br>\n   * This prop accepts a [`SummaryBar`](./?path=/story/components-collection-features--summarybar) component.\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   * There is one supported parameter that is an array of the following objects: <br>\n   * -`from: {item: T; index: number}`: Item that was dragged. <br>\n   * -`after: null | [item: T; iindex: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * Parameter is an array of the following objects: <br>\n   * -`from: {item: T; index: number}`: Item that was dragged. <br>\n   * -`after: null | [item: T; index: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) 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}`: Item that was dragged.\n   * - `after: null | {item: T; index: number}`: 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 will return a toast config object with a message explaining why the move was cancelled. Otherwise, the function will return a nullish value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * List of filters on which to enable drag and drop functionality. For example, you can enable the drag and drop functionality on the 'Age' filter, but not on the 'Phone Number' filter.\n   * If no props are passed, the drag and drop feature is disabled, and unavailable for the table. To enable the drag and drop feature without the use of filters, pass an empty array. For example, `dragAndDropCategories={ [ [], ['status'] ] }`.\n   * @external\n   */\n  dragAndDropCategories?: (keyof F)[][] | null;\n\n  /**\n   * Extension Menu Items implementation: `import { ExtensionMenuItems } from '@wix/patterns';`\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 choose which columns to display and in what order. <br>\n   * This prop accepts a [CustomColumns](./?path=%2Fstory%2Fcomponents-collection-features--custom-columns) component.\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.<br> <br>\n   * This prop accepts a [Multi Level Sorting](./?path=%2Fstory%2Fcomponents-collection-features--multi-level-sorting) component.\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.<br> <br>\n   * This prop accepts a [PrimaryActionButton](./?path=%2Fstory%2Fcomponents-collection-features--primaryactionbutton) component.\n   * @external\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 (instead of the default page scroll)\n   * @external\n   */\n  internalScroll?: boolean;\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  } = 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        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","summaryBar","assertComponentType","checkConflictingToolbarProps","scrollableContentRef","scrollablePageRef","usePageScrollContext","setSticky","useState","current","useEffect","createElement","Fragment","CollectionToolbars","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';\n\nexport interface ToolbarBaseProps<T> {\n  /**\n   * Displays a title at the left of a toolbar.<br> <br>\n   * This prop accepts a [ToolbarTitle](./?path=%2Fstory%2Fcomponents-collection-features--toolbartitle) component.\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/components-collection-features--exportto) react element to be added to the toolbar\n   */\n  exportButton?: ReactElement;\n\n  /**\n   * Enables tags feature. In this element you can pass the configuration\n   */\n  tags?: TagsElement<T>;\n  /**\n   * A [`<ExportModal />`](./?path=/story/components-collection-features--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<T> {\n  children?: ReactNode | ReactNode[];\n\n  /**\n   * Adds a [Views](./?path=/story/components-collection-features--views)to the table headers.<br> <br>\n   * This prop accepts a Views component.\n   * @external\n   */\n  views?: CollectionViewsDropdownElement<F>;\n  /**\n   * Adds filters to the toolbar and/or a sliding panel.\n   * <br><br>\n   * The prop accepts a ToolbarFilters component that must have the `panelTitle` prop passed to it..\n   * @external\n   */\n  filters?: CollectionToolbarFiltersElement;\n  /**\n   * Displays tabs at the left of a toolbar.<br> <br>\n   * This prop accepts a [Tabs Filter](./?path=%2Fstory%2Fcomponents-collection-features--tabs-filter) component.\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   */\n  renderError?: TablePlaceholderStatesProps['renderError'];\n\n  /**\n   * A function that renders when there are no items to display.\n   * You can choose to return a [`<CollectionEmptyState>`](./?path=/story/components-collection-features--collectionemptystate) component. <br>\n   * Supported parameters:\n   *  - `hasAvailableItems`: [bool] Whether items were displayed from other filters or searches.\n   *  - `query`: [Object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--computedquery) that represents the query that resulted in an empty state.\n   * @external\n   * @overrideType [CollectionEmptyState](./?path=/story/components-collection-features--collectionemptystate)\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Pass a [`<CollectionNoResultsState />`](./?path=/story/components-collection-features--collectionnoresultsstate) component.\n   * @external\n   * @overrideType [CollectionNoResultsState](./?path=/story/components-collection-features--collectionnoresultsstate)\n   */\n  noResultsState?: ReactNode;\n\n  cardProps?: Partial<CardProps>;\n  onSelectedItems?: (allSelected: boolean, items: T[]) => unknown;\n  /**\n   * Renders a [`<TableTopNotification />`](./?path=/story/components-collection-features--table-top-notification) below the table header\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 SummaryBar below the toolbar.\n   * <br><br>\n   * This prop accepts a [`SummaryBar`](./?path=/story/components-collection-features--summarybar) component.\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   * There is one supported parameter that is an array of the following objects: <br>\n   * -`from: {item: T; index: number}`: Item that was dragged. <br>\n   * -`after: null | [item: T; iindex: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) filters.\n   *\n   * @returns Promise\n   * @external\n   */\n  dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n\n  /**\n   * Function that submits a drop event to the server. <br> <br>\n   * Parameter is an array of the following objects: <br>\n   * -`from: {item: T; index: number}`: Item that was dragged. <br>\n   * -`after: null | [item: T; index: number}`: Previous item that was dropped. If this is the first item to be dropped, this argument is null. <br>\n   * -`filters`: Applied [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) 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}`: Item that was dragged.\n   * - `after: null | {item: T; index: number}`: 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 will return a toast config object with a message explaining why the move was cancelled. Otherwise, the function will return a nullish value.\n   * @external\n   */\n  dragAndDropCancel?: DragAndDropCancel<T, F>;\n\n  /**\n   * List of filters on which to enable drag and drop functionality. For example, you can enable the drag and drop functionality on the 'Age' filter, but not on the 'Phone Number' filter.\n   * If no props are passed, the drag and drop feature is disabled, and unavailable for the table. To enable the drag and drop feature without the use of filters, pass an empty array. For example, `dragAndDropCategories={ [ [], ['status'] ] }`.\n   * @external\n   */\n  dragAndDropCategories?: (keyof F)[][] | null;\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 choose which columns to display and in what order. <br>\n   * This prop accepts a [CustomColumns](./?path=%2Fstory%2Fcomponents-collection-features--custom-columns) component.\n   * @external\n   */\n  customColumns?: CustomColumnsElement | null;\n\n  /**\n   * Adds functionality to allow visitors to sort multiple columns simultaneously.<br> <br>\n   * This prop accepts a [Multi Level Sorting](./?path=%2Fstory%2Fcomponents-collection-features--multi-level-sorting) component.\n   * @external\n   */\n  multiLevelSorting?: CollectionToolbarProps<T, F>['multiLevelSorting'];\n\n  /**\n   * Adds functionality for a primary action button in the toolbar.<br> <br>\n   * This prop accepts a [PrimaryActionButton](./?path=%2Fstory%2Fcomponents-collection-features--primaryactionbutton) component.\n   * @external\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 (instead of the default page scroll)\n   * @external\n   */\n  internalScroll?: boolean;\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  } = 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        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

@@ -12,7 +12,6 @@ function useToolbarCollectionSyncProps(props) {
     views,
     tabs,
     exportButton,
-    extensionMenuItems,
     dragAndDropCategories,
     maxSelection,
     search,
@@ -88,7 +87,6 @@ function useToolbarCollectionSyncProps(props) {
   (0, _react.useState)(() => {
     var _props$AddApplyFilter, _props$title, _props$title2;
     (_props$AddApplyFilter = props.AddApplyFiltersButton) == null || _props$AddApplyFilter.setStateObject(state);
-    state.extensionMenuItems = extensionMenuItems;
     state.featuresAvailability = {
       isDisablingSearch: search === false,
       isUsingFilters: !!filters,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","extensionMenuItems","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","useEffect","reaction","scrollTopBeforeUnmount","fireImmediately","_pageState$pageState$","scrollTop","scrollableContentRef","current","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","hasHeader","minimizedHeaderHeight","collection","initTask","status","isSuccess","total","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","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';\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    extensionMenuItems,\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\n  useEffect(() => {\n    reaction(\n      () => state.scrollTopBeforeUnmount,\n      (scrollTopBeforeUnmount) => {\n        pageState.scrollTopBeforeUnmount = scrollTopBeforeUnmount;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop) {\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  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\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.extensionMenuItems = extensionMenuItems;\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.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","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","checkConflictingToolbarProps","internalScroll","pageState","useCollectionPageContext","useEffect","reaction","scrollTopBeforeUnmount","fireImmediately","_pageState$pageState$","scrollTop","scrollableContentRef","current","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","undefined","hasHeader","minimizedHeaderHeight","collection","initTask","status","isSuccess","total","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","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';\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\n  useEffect(() => {\n    reaction(\n      () => state.scrollTopBeforeUnmount,\n      (scrollTopBeforeUnmount) => {\n        pageState.scrollTopBeforeUnmount = scrollTopBeforeUnmount;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop) {\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  useEffect(\n    () =>\n      reaction(\n        () =>\n          state.collection.initTask.status.isSuccess && state.collection.total,\n        (total) => {\n          pageState.total = total;\n        },\n      ),\n    [],\n  );\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.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":[]}

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

@@ -115,10 +115,4 @@ Object.keys(_useEntity).forEach(function (key) {
   if (key in exports && exports[key] === _useEntity[key]) return;
   exports[key] = _useEntity[key];
 });
-var _useExtensionMenuItems = require("./useExtensionMenuItems");
-Object.keys(_useExtensionMenuItems).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _useExtensionMenuItems[key]) return;
-  exports[key] = _useExtensionMenuItems[key];
-});
 //# sourceMappingURL=index.js.map

package/dist/cjs/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_listItem","require","Object","keys","forEach","key","exports","_useBuildOption","_usePickerModal","_usePickerStandalone","_useViews","_useEmptyStateTexts","_customModalContent","_useDropdownSelectFilterState","_useAmbassador","_useDateRangeFilterState","_useGridFolders","_useTableFolders","_useTableCollection","_useGridCollection","_useTableGridSwitchCollection","_useEntityPage","_useEntityPageChild","_useCreateNestedOptimisticActions","_useEntity","_useExtensionMenuItems"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './listItem';\nexport * from './useBuildOption';\nexport * from './usePickerModal';\nexport * from './usePickerStandalone';\nexport * from './useViews';\nexport * from './useEmptyStateTexts';\nexport * from './customModalContent';\nexport * from './useDropdownSelectFilterState';\nexport * from './useAmbassador';\nexport * from './useDateRangeFilterState';\nexport * from './useGridFolders';\nexport * from './useTableFolders';\nexport * from './useTableCollection';\nexport * from './useGridCollection';\nexport * from './useTableGridSwitchCollection';\nexport * from './useEntityPage';\nexport * from './useEntityPageChild';\nexport * from './useCreateNestedOptimisticActions';\nexport * from './useEntity';\nexport * from './useExtensionMenuItems';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_listItem","require","Object","keys","forEach","key","exports","_useBuildOption","_usePickerModal","_usePickerStandalone","_useViews","_useEmptyStateTexts","_customModalContent","_useDropdownSelectFilterState","_useAmbassador","_useDateRangeFilterState","_useGridFolders","_useTableFolders","_useTableCollection","_useGridCollection","_useTableGridSwitchCollection","_useEntityPage","_useEntityPageChild","_useCreateNestedOptimisticActions","_useEntity"],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './listItem';\nexport * from './useBuildOption';\nexport * from './usePickerModal';\nexport * from './usePickerStandalone';\nexport * from './useViews';\nexport * from './useEmptyStateTexts';\nexport * from './customModalContent';\nexport * from './useDropdownSelectFilterState';\nexport * from './useAmbassador';\nexport * from './useDateRangeFilterState';\nexport * from './useGridFolders';\nexport * from './useTableFolders';\nexport * from './useTableCollection';\nexport * from './useGridCollection';\nexport * from './useTableGridSwitchCollection';\nexport * from './useEntityPage';\nexport * from './useEntityPageChild';\nexport * from './useCreateNestedOptimisticActions';\nexport * from './useEntity';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/GridBaseState.js

@@ -17,9 +17,9 @@ class GridBaseState {
     (0, _defineProperty2.default)(this, "_responsiveColumnsState", void 0);
     (0, _defineProperty2.default)(this, "parentState", void 0);
     (0, _defineProperty2.default)(this, "sizePreset", void 0);
+    (0, _defineProperty2.default)(this, "layoutType", void 0);
     (0, _defineProperty2.default)(this, "trailingItemsCount", 0);
     (0, _defineProperty2.default)(this, "minItemWidth", 196);
-    (0, _defineProperty2.default)(this, "gap", 24);
     (0, _defineProperty2.default)(this, "smallCardWidthThreshold", 200);
     (0, _defineProperty2.default)(this, "preset", 'title');
     (0, _defineProperty2.default)(this, "_draggable", 'none');
@@ -36,12 +36,13 @@ class GridBaseState {
     this.container = params.container;
     this.collection = params.collection;
     this.parentState = params.parentState;
+    this.layoutType = params.layoutType ?? 'grid';
     this._containerRectState = new _RectState.RectState({
       container: this.container
     });
     this.toolbar = params.toolbar;
     this._responsiveColumnsState = new _ResponsiveColumnsState.ResponsiveColumnsState({
-      gap: this.gap,
+      gridState: this,
       minItemWidth: this.minItemWidth,
       rectState: this._containerRectState
     });
@@ -66,12 +67,33 @@ class GridBaseState {
       _localLimit: _mobx.observable.ref,
       _localStart: _mobx.observable.ref,
       itemsContentWidth: _mobx.computed,
-      sizePreset: _mobx.observable.ref
+      containerPaddingTop: _mobx.computed,
+      gap: _mobx.computed,
+      sizePreset: _mobx.observable.ref,
+      layoutType: _mobx.observable.ref
     });
   }
   get imagePlacement() {
     return this.sizePreset.imagePlacement;
   }
+  get gap() {
+    const {
+      layoutType
+    } = this;
+    if (layoutType === 'list') {
+      return 12;
+    }
+    return 24;
+  }
+  get containerPaddingTop() {
+    const {
+      layoutType
+    } = this;
+    if (layoutType === 'list') {
+      return 0;
+    }
+    return this.toolbar.contentPadding;
+  }
   get aspectRatio() {
     return this.sizePreset.aspectRatio;
   }
@@ -162,11 +184,13 @@ class GridBaseState {
       draggable,
       _responsiveColumnsState: {
         gap,
-        columnCount,
+        columnCount: responsiveColumnCount,
         itemsContentWidth: width,
         widthWithLastColumnGap
-      }
+      },
+      layoutType
     } = this;
+    const columnCount = layoutType === 'list' ? 1 : responsiveColumnCount;
     const widthWithoutGaps = width - (columnCount - 1) * gap;
     const columnWidth = widthWithoutGaps / columnCount;
     const cardFooterSize = 'small';

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_RectState","_ResponsiveColumnsState","GridBaseState","constructor","params","_params$range","_params$range2","_defineProperty2","default","undefined","origin","toolbar","toolbarBIReporter","onAddItemClick","items","onAddItemActionComplete","container","collection","parentState","_containerRectState","RectState","_responsiveColumnsState","ResponsiveColumnsState","gap","minItemWidth","rectState","sizePreset","_localLimit","range","length","_localStart","start","makeObservable","_dnd","observable","ref","trailingItemsCount","forceRenderIndexes","preset","_draggable","draggable","computed","itemsToRenderCount","itemsToRender","rowCount","isInteracting","calcGridProps","columnsCount","_sizeProps","itemKeyRecyclerOverride","itemsContentWidth","imagePlacement","aspectRatio","footerHeights","_this$_dnd","isDisabled","window","result","keyedItems","itemsCount","Math","min","fetchedLastPage","floor","reportBi","columnCount","containerRect","ceil","_this$_dnd2","_this$_dnd3","isActive","isDropping","Array","fill","getItemRenderTypeAt","index","indexInCollection","errorMonitor","width","widthWithLastColumnGap","widthWithoutGaps","columnWidth","cardFooterSize","cardFooterHeight","cardTopImageHeight","rowHeight","columnWidthIncludingGap","rowHeightIncludingGap","rowHeightFixed","itemsContentHeight","overscanCount","round","getCollectionSnapshot","_keyedItems$index","key","dragAndDropCategories","listAttributes","_this$_dnd4","nullAnnouncements","role","_subscribe","_subGrids","push","i","indexOf","splice","init","exports"],"sources":["../../../src/state/GridBaseState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { RectState } from './RectState';\nimport { GridSizePreset } from './gridSizePresets';\nimport { ResponsiveColumnsState } from './ResponsiveColumnsState';\n\nexport interface GridBaseStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar: ToolbarCollectionState<any, Partial<F>>;\n  readonly sizePreset: GridSizePreset;\n  readonly range?: { start: number; length: number };\n  readonly parentState: {\n    _subGrids?: GridBaseState<T, F>[];\n  };\n}\n\nexport interface GridBaseStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport class GridBaseState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly container;\n  readonly collection;\n  readonly _containerRectState;\n  readonly _responsiveColumnsState;\n  readonly parentState;\n  sizePreset;\n\n  trailingItemsCount = 0;\n  minItemWidth = 196;\n  gap = 24;\n  smallCardWidthThreshold = 200;\n  preset: 'full' | 'title' | 'empty' = 'title';\n  _draggable: 'none' | 'draggable' = 'none';\n  _localLimit: number | null | undefined;\n  _localStart: number;\n  _dnd?: DragAndDropState<T, F> | null = null;\n  forceRenderIndexes: { rowIndex: number; columnIndex: number }[] | undefined =\n    undefined;\n\n  constructor(params: GridBaseStateParams<T, F>) {\n    this.container = params.container;\n    this.collection = params.collection;\n    this.parentState = params.parentState;\n    this._containerRectState = new RectState({\n      container: this.container,\n    });\n    this.toolbar = params.toolbar as ToolbarCollectionState<\n      unknown,\n      Partial<F>\n    >;\n    this._responsiveColumnsState = new ResponsiveColumnsState({\n      gap: this.gap,\n      minItemWidth: this.minItemWidth,\n      rectState: this._containerRectState,\n    });\n    this.sizePreset = params.sizePreset;\n    this._localLimit = params.range?.length;\n    this._localStart = params.range?.start ?? 0;\n\n    makeObservable(this, {\n      _dnd: observable.ref,\n      trailingItemsCount: observable.ref,\n      forceRenderIndexes: observable.ref,\n      preset: observable.ref,\n      _draggable: observable.ref,\n      draggable: computed,\n      itemsToRenderCount: computed,\n      itemsToRender: computed,\n      rowCount: computed,\n      isInteracting: computed,\n      calcGridProps: computed,\n      columnsCount: computed,\n      _sizeProps: computed,\n      itemKeyRecyclerOverride: computed,\n      _localLimit: observable.ref,\n      _localStart: observable.ref,\n      itemsContentWidth: computed,\n      sizePreset: observable.ref,\n    });\n  }\n\n  get imagePlacement() {\n    return this.sizePreset.imagePlacement;\n  }\n\n  get aspectRatio() {\n    return this.sizePreset.aspectRatio;\n  }\n\n  get footerHeights() {\n    return this.sizePreset.footerHeights;\n  }\n\n  get itemsContentWidth() {\n    return this._responsiveColumnsState.itemsContentWidth;\n  }\n\n  get draggable() {\n    if (this._dnd?.isDisabled) {\n      return 'none' as const;\n    }\n    return this._draggable;\n  }\n\n  get window() {\n    return this.container.window;\n  }\n\n  get itemsToRenderCount() {\n    const { collection, trailingItemsCount, _localLimit, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    const itemsCount =\n      _localLimit != null\n        ? Math.min(_localLimit, keyedItems.length)\n        : keyedItems.length;\n\n    return collection.fetchedLastPage ||\n      (_localLimit != null && _localStart + _localLimit < keyedItems.length)\n      ? itemsCount + trailingItemsCount\n      : itemsCount - Math.floor(itemsCount % this.columnsCount);\n  }\n\n  get reportBi() {\n    return this.toolbar.reportBi;\n  }\n\n  get columnsCount() {\n    return this.calcGridProps.columnCount;\n  }\n\n  get containerRect() {\n    return this.toolbar.containerRect;\n  }\n\n  get rowCount() {\n    const { itemsToRenderCount, columnsCount } = this;\n\n    return Math.ceil(itemsToRenderCount / columnsCount);\n  }\n\n  get isInteracting() {\n    return this._dnd?.isActive || this._dnd?.isDropping;\n  }\n\n  get itemsToRender(): null[] {\n    const { itemsToRenderCount } = this;\n    return new Array(itemsToRenderCount).fill(null);\n  }\n\n  getItemRenderTypeAt(index: number) {\n    const { collection, itemsToRenderCount, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    if (index >= itemsToRenderCount) {\n      return null;\n    }\n\n    const indexInCollection = index + _localStart;\n\n    if (indexInCollection >= keyedItems.length) {\n      return 'trailing';\n    }\n\n    return keyedItems[indexInCollection];\n  }\n\n  get errorMonitor() {\n    return this.container.errorMonitor;\n  }\n\n  get _sizeProps() {\n    const {\n      aspectRatio,\n      preset,\n      draggable,\n      _responsiveColumnsState: {\n        gap,\n        columnCount,\n        itemsContentWidth: width,\n        widthWithLastColumnGap,\n      },\n    } = this;\n\n    const widthWithoutGaps = width - (columnCount - 1) * gap;\n    const columnWidth = widthWithoutGaps / columnCount;\n\n    const cardFooterSize = 'small' as const;\n\n    const cardFooterHeight =\n      this.footerHeights[preset][draggable][cardFooterSize];\n    const cardTopImageHeight = columnWidth * aspectRatio;\n    const rowHeight = cardTopImageHeight + cardFooterHeight + 1;\n\n    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;\n    const rowHeightIncludingGap = rowHeight + gap;\n\n    return {\n      columnCount,\n      columnWidth: () => columnWidth,\n      columnWidthIncludingGap: () => columnWidthIncludingGap,\n      rowHeight: () => rowHeight,\n      rowHeightFixed: rowHeight,\n      cardTopImageHeight,\n      rowHeightIncludingGap: () => rowHeightIncludingGap,\n      cardFooterHeight,\n      cardFooterSize,\n    };\n  }\n\n  get calcGridProps() {\n    const {\n      toolbar: { itemsContentHeight },\n      _sizeProps: { rowHeightFixed },\n    } = this;\n\n    const overscanCount = Math.round(\n      (itemsContentHeight / rowHeightFixed) * 1.5,\n    );\n\n    return {\n      ...this._sizeProps,\n      overscanCount,\n    };\n  }\n\n  get getCollectionSnapshot() {\n    return this.toolbar.getCollectionSnapshot;\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\n  };\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  get itemKeyRecyclerOverride() {\n    const { collection } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get dragAndDropCategories() {\n    return this.toolbar.dragAndDropCategories;\n  }\n\n  get listAttributes() {\n    return {\n      ...this._dnd?.nullAnnouncements.listAttributes?.(),\n      role: 'list',\n    };\n  }\n\n  _subscribe() {\n    const {\n      parentState: { _subGrids },\n    } = this;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(this);\n\n    return () => {\n      const i = _subGrids.indexOf(this);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }\n\n  init() {\n    return this._subscribe();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_RectState","_ResponsiveColumnsState","GridBaseState","constructor","params","_params$range","_params$range2","_defineProperty2","default","undefined","origin","toolbar","toolbarBIReporter","onAddItemClick","items","onAddItemActionComplete","container","collection","parentState","layoutType","_containerRectState","RectState","_responsiveColumnsState","ResponsiveColumnsState","gridState","minItemWidth","rectState","sizePreset","_localLimit","range","length","_localStart","start","makeObservable","_dnd","observable","ref","trailingItemsCount","forceRenderIndexes","preset","_draggable","draggable","computed","itemsToRenderCount","itemsToRender","rowCount","isInteracting","calcGridProps","columnsCount","_sizeProps","itemKeyRecyclerOverride","itemsContentWidth","containerPaddingTop","gap","imagePlacement","contentPadding","aspectRatio","footerHeights","_this$_dnd","isDisabled","window","result","keyedItems","itemsCount","Math","min","fetchedLastPage","floor","reportBi","columnCount","containerRect","ceil","_this$_dnd2","_this$_dnd3","isActive","isDropping","Array","fill","getItemRenderTypeAt","index","indexInCollection","errorMonitor","responsiveColumnCount","width","widthWithLastColumnGap","widthWithoutGaps","columnWidth","cardFooterSize","cardFooterHeight","cardTopImageHeight","rowHeight","columnWidthIncludingGap","rowHeightIncludingGap","rowHeightFixed","itemsContentHeight","overscanCount","round","getCollectionSnapshot","_keyedItems$index","key","dragAndDropCategories","listAttributes","_this$_dnd4","nullAnnouncements","role","_subscribe","_subGrids","push","i","indexOf","splice","init","exports"],"sources":["../../../src/state/GridBaseState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { DragAndDropState } from '../components/DragAndDrop';\nimport { RectState } from './RectState';\nimport { GridSizePreset } from './gridSizePresets';\nimport { ResponsiveColumnsState } from './ResponsiveColumnsState';\n\nexport type LayoutType = 'grid' | 'list';\n\nexport interface GridBaseStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar: ToolbarCollectionState<any, Partial<F>>;\n  readonly sizePreset: GridSizePreset;\n  readonly range?: { start: number; length: number };\n  readonly layoutType: LayoutType | undefined;\n  readonly parentState: {\n    _subGrids?: GridBaseState<T, F>[];\n  };\n}\n\nexport interface GridBaseStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport class GridBaseState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly container;\n  readonly collection;\n  readonly _containerRectState;\n  readonly _responsiveColumnsState;\n  readonly parentState;\n  sizePreset;\n  layoutType;\n\n  trailingItemsCount = 0;\n  minItemWidth = 196;\n  smallCardWidthThreshold = 200;\n  preset: 'full' | 'title' | 'empty' = 'title';\n  _draggable: 'none' | 'draggable' = 'none';\n  _localLimit: number | null | undefined;\n  _localStart: number;\n  _dnd?: DragAndDropState<T, F> | null = null;\n  forceRenderIndexes: { rowIndex: number; columnIndex: number }[] | undefined =\n    undefined;\n\n  constructor(params: GridBaseStateParams<T, F>) {\n    this.container = params.container;\n    this.collection = params.collection;\n    this.parentState = params.parentState;\n    this.layoutType = params.layoutType ?? 'grid';\n    this._containerRectState = new RectState({\n      container: this.container,\n    });\n    this.toolbar = params.toolbar as ToolbarCollectionState<\n      unknown,\n      Partial<F>\n    >;\n    this._responsiveColumnsState = new ResponsiveColumnsState({\n      gridState: this,\n      minItemWidth: this.minItemWidth,\n      rectState: this._containerRectState,\n    });\n    this.sizePreset = params.sizePreset;\n    this._localLimit = params.range?.length;\n    this._localStart = params.range?.start ?? 0;\n\n    makeObservable(this, {\n      _dnd: observable.ref,\n      trailingItemsCount: observable.ref,\n      forceRenderIndexes: observable.ref,\n      preset: observable.ref,\n      _draggable: observable.ref,\n      draggable: computed,\n      itemsToRenderCount: computed,\n      itemsToRender: computed,\n      rowCount: computed,\n      isInteracting: computed,\n      calcGridProps: computed,\n      columnsCount: computed,\n      _sizeProps: computed,\n      itemKeyRecyclerOverride: computed,\n      _localLimit: observable.ref,\n      _localStart: observable.ref,\n      itemsContentWidth: computed,\n      containerPaddingTop: computed,\n      gap: computed,\n      sizePreset: observable.ref,\n      layoutType: observable.ref,\n    });\n  }\n\n  get imagePlacement() {\n    return this.sizePreset.imagePlacement;\n  }\n\n  get gap() {\n    const { layoutType } = this;\n    if (layoutType === 'list') {\n      return 12;\n    }\n\n    return 24;\n  }\n\n  get containerPaddingTop() {\n    const { layoutType } = this;\n    if (layoutType === 'list') {\n      return 0;\n    }\n\n    return this.toolbar.contentPadding;\n  }\n\n  get aspectRatio() {\n    return this.sizePreset.aspectRatio;\n  }\n\n  get footerHeights() {\n    return this.sizePreset.footerHeights;\n  }\n\n  get itemsContentWidth() {\n    return this._responsiveColumnsState.itemsContentWidth;\n  }\n\n  get draggable() {\n    if (this._dnd?.isDisabled) {\n      return 'none' as const;\n    }\n    return this._draggable;\n  }\n\n  get window() {\n    return this.container.window;\n  }\n\n  get itemsToRenderCount() {\n    const { collection, trailingItemsCount, _localLimit, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    const itemsCount =\n      _localLimit != null\n        ? Math.min(_localLimit, keyedItems.length)\n        : keyedItems.length;\n\n    return collection.fetchedLastPage ||\n      (_localLimit != null && _localStart + _localLimit < keyedItems.length)\n      ? itemsCount + trailingItemsCount\n      : itemsCount - Math.floor(itemsCount % this.columnsCount);\n  }\n\n  get reportBi() {\n    return this.toolbar.reportBi;\n  }\n\n  get columnsCount() {\n    return this.calcGridProps.columnCount;\n  }\n\n  get containerRect() {\n    return this.toolbar.containerRect;\n  }\n\n  get rowCount() {\n    const { itemsToRenderCount, columnsCount } = this;\n\n    return Math.ceil(itemsToRenderCount / columnsCount);\n  }\n\n  get isInteracting() {\n    return this._dnd?.isActive || this._dnd?.isDropping;\n  }\n\n  get itemsToRender(): null[] {\n    const { itemsToRenderCount } = this;\n    return new Array(itemsToRenderCount).fill(null);\n  }\n\n  getItemRenderTypeAt(index: number) {\n    const { collection, itemsToRenderCount, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    if (index >= itemsToRenderCount) {\n      return null;\n    }\n\n    const indexInCollection = index + _localStart;\n\n    if (indexInCollection >= keyedItems.length) {\n      return 'trailing';\n    }\n\n    return keyedItems[indexInCollection];\n  }\n\n  get errorMonitor() {\n    return this.container.errorMonitor;\n  }\n\n  get _sizeProps() {\n    const {\n      aspectRatio,\n      preset,\n      draggable,\n      _responsiveColumnsState: {\n        gap,\n        columnCount: responsiveColumnCount,\n        itemsContentWidth: width,\n        widthWithLastColumnGap,\n      },\n      layoutType,\n    } = this;\n\n    const columnCount = layoutType === 'list' ? 1 : responsiveColumnCount;\n\n    const widthWithoutGaps = width - (columnCount - 1) * gap;\n    const columnWidth = widthWithoutGaps / columnCount;\n\n    const cardFooterSize = 'small' as const;\n\n    const cardFooterHeight =\n      this.footerHeights[preset][draggable][cardFooterSize];\n    const cardTopImageHeight = columnWidth * aspectRatio;\n    const rowHeight = cardTopImageHeight + cardFooterHeight + 1;\n\n    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;\n    const rowHeightIncludingGap = rowHeight + gap;\n\n    return {\n      columnCount,\n      columnWidth: () => columnWidth,\n      columnWidthIncludingGap: () => columnWidthIncludingGap,\n      rowHeight: () => rowHeight,\n      rowHeightFixed: rowHeight,\n      cardTopImageHeight,\n      rowHeightIncludingGap: () => rowHeightIncludingGap,\n      cardFooterHeight,\n      cardFooterSize,\n    };\n  }\n\n  get calcGridProps() {\n    const {\n      toolbar: { itemsContentHeight },\n      _sizeProps: { rowHeightFixed },\n    } = this;\n\n    const overscanCount = Math.round(\n      (itemsContentHeight / rowHeightFixed) * 1.5,\n    );\n\n    return {\n      ...this._sizeProps,\n      overscanCount,\n    };\n  }\n\n  get getCollectionSnapshot() {\n    return this.toolbar.getCollectionSnapshot;\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\n  };\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  get itemKeyRecyclerOverride() {\n    const { collection } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get dragAndDropCategories() {\n    return this.toolbar.dragAndDropCategories;\n  }\n\n  get listAttributes() {\n    return {\n      ...this._dnd?.nullAnnouncements.listAttributes?.(),\n      role: 'list',\n    };\n  }\n\n  _subscribe() {\n    const {\n      parentState: { _subGrids },\n    } = this;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(this);\n\n    return () => {\n      const i = _subGrids.indexOf(this);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }\n\n  init() {\n    return this._subscribe();\n  }\n}\n"],"mappings":";;;;;;AAKA,IAAAA,KAAA,GAAAC,OAAA;AAMA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AAmBO,MAAMG,aAAa,CAA0B;EAqBlDC,WAAWA,CAACC,MAAiC,EAAE;IAAA,IAAAC,aAAA,EAAAC,cAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAX1B,CAAC;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBACP,GAAG;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mCACQ,GAAG;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBACQ,OAAO;IAAA,IAAAD,gBAAA,CAAAC,OAAA,sBACT,MAAM;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,gBAGF,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,8BAEzCC,SAAS;IAAA,IAAAF,gBAAA,CAAAC,OAAA,0BA8NOE,MAAe,IAAK;MACpC,IAAI,CAACC,OAAO,CAACC,iBAAiB,CAACC,cAAc,CAACH,MAAM,CAAC;IACvD,CAAC;IAAA,IAAAH,gBAAA,CAAAC,OAAA,mCAEyB,MAAOM,KAAU,IAAK;MAC9C,OAAO,IAAI,CAACH,OAAO,CAACI,uBAAuB,CAACD,KAAK,CAAC;IACpD,CAAC;IAjOC,IAAI,CAACE,SAAS,GAAGZ,MAAM,CAACY,SAAS;IACjC,IAAI,CAACC,UAAU,GAAGb,MAAM,CAACa,UAAU;IACnC,IAAI,CAACC,WAAW,GAAGd,MAAM,CAACc,WAAW;IACrC,IAAI,CAACC,UAAU,GAAGf,MAAM,CAACe,UAAU,IAAI,MAAM;IAC7C,IAAI,CAACC,mBAAmB,GAAG,IAAIC,oBAAS,CAAC;MACvCL,SAAS,EAAE,IAAI,CAACA;IAClB,CAAC,CAAC;IACF,IAAI,CAACL,OAAO,GAAGP,MAAM,CAACO,OAGrB;IACD,IAAI,CAACW,uBAAuB,GAAG,IAAIC,8CAAsB,CAAC;MACxDC,SAAS,EAAE,IAAI;MACfC,YAAY,EAAE,IAAI,CAACA,YAAY;MAC/BC,SAAS,EAAE,IAAI,CAACN;IAClB,CAAC,CAAC;IACF,IAAI,CAACO,UAAU,GAAGvB,MAAM,CAACuB,UAAU;IACnC,IAAI,CAACC,WAAW,IAAAvB,aAAA,GAAGD,MAAM,CAACyB,KAAK,qBAAZxB,aAAA,CAAcyB,MAAM;IACvC,IAAI,CAACC,WAAW,GAAG,EAAAzB,cAAA,GAAAF,MAAM,CAACyB,KAAK,qBAAZvB,cAAA,CAAc0B,KAAK,KAAI,CAAC;IAE3C,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,IAAI,EAAEC,gBAAU,CAACC,GAAG;MACpBC,kBAAkB,EAAEF,gBAAU,CAACC,GAAG;MAClCE,kBAAkB,EAAEH,gBAAU,CAACC,GAAG;MAClCG,MAAM,EAAEJ,gBAAU,CAACC,GAAG;MACtBI,UAAU,EAAEL,gBAAU,CAACC,GAAG;MAC1BK,SAAS,EAAEC,cAAQ;MACnBC,kBAAkB,EAAED,cAAQ;MAC5BE,aAAa,EAAEF,cAAQ;MACvBG,QAAQ,EAAEH,cAAQ;MAClBI,aAAa,EAAEJ,cAAQ;MACvBK,aAAa,EAAEL,cAAQ;MACvBM,YAAY,EAAEN,cAAQ;MACtBO,UAAU,EAAEP,cAAQ;MACpBQ,uBAAuB,EAAER,cAAQ;MACjCd,WAAW,EAAEO,gBAAU,CAACC,GAAG;MAC3BL,WAAW,EAAEI,gBAAU,CAACC,GAAG;MAC3Be,iBAAiB,EAAET,cAAQ;MAC3BU,mBAAmB,EAAEV,cAAQ;MAC7BW,GAAG,EAAEX,cAAQ;MACbf,UAAU,EAAEQ,gBAAU,CAACC,GAAG;MAC1BjB,UAAU,EAAEgB,gBAAU,CAACC;IACzB,CAAC,CAAC;EACJ;EAEA,IAAIkB,cAAcA,CAAA,EAAG;IACnB,OAAO,IAAI,CAAC3B,UAAU,CAAC2B,cAAc;EACvC;EAEA,IAAID,GAAGA,CAAA,EAAG;IACR,MAAM;MAAElC;IAAW,CAAC,GAAG,IAAI;IAC3B,IAAIA,UAAU,KAAK,MAAM,EAAE;MACzB,OAAO,EAAE;IACX;IAEA,OAAO,EAAE;EACX;EAEA,IAAIiC,mBAAmBA,CAAA,EAAG;IACxB,MAAM;MAAEjC;IAAW,CAAC,GAAG,IAAI;IAC3B,IAAIA,UAAU,KAAK,MAAM,EAAE;MACzB,OAAO,CAAC;IACV;IAEA,OAAO,IAAI,CAACR,OAAO,CAAC4C,cAAc;EACpC;EAEA,IAAIC,WAAWA,CAAA,EAAG;IAChB,OAAO,IAAI,CAAC7B,UAAU,CAAC6B,WAAW;EACpC;EAEA,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO,IAAI,CAAC9B,UAAU,CAAC8B,aAAa;EACtC;EAEA,IAAIN,iBAAiBA,CAAA,EAAG;IACtB,OAAO,IAAI,CAAC7B,uBAAuB,CAAC6B,iBAAiB;EACvD;EAEA,IAAIV,SAASA,CAAA,EAAG;IAAA,IAAAiB,UAAA;IACd,KAAAA,UAAA,GAAI,IAAI,CAACxB,IAAI,aAATwB,UAAA,CAAWC,UAAU,EAAE;MACzB,OAAO,MAAM;IACf;IACA,OAAO,IAAI,CAACnB,UAAU;EACxB;EAEA,IAAIoB,MAAMA,CAAA,EAAG;IACX,OAAO,IAAI,CAAC5C,SAAS,CAAC4C,MAAM;EAC9B;EAEA,IAAIjB,kBAAkBA,CAAA,EAAG;IACvB,MAAM;MAAE1B,UAAU;MAAEoB,kBAAkB;MAAET,WAAW;MAAEG;IAAY,CAAC,GAAG,IAAI;IACzE,MAAM;MACJ8B,MAAM,EAAE;QAAEC;MAAW;IACvB,CAAC,GAAG7C,UAAU;IAEd,MAAM8C,UAAU,GACdnC,WAAW,IAAI,IAAI,GACfoC,IAAI,CAACC,GAAG,CAACrC,WAAW,EAAEkC,UAAU,CAAChC,MAAM,CAAC,GACxCgC,UAAU,CAAChC,MAAM;IAEvB,OAAOb,UAAU,CAACiD,eAAe,IAC9BtC,WAAW,IAAI,IAAI,IAAIG,WAAW,GAAGH,WAAW,GAAGkC,UAAU,CAAChC,MAAO,GACpEiC,UAAU,GAAG1B,kBAAkB,GAC/B0B,UAAU,GAAGC,IAAI,CAACG,KAAK,CAACJ,UAAU,GAAG,IAAI,CAACf,YAAY,CAAC;EAC7D;EAEA,IAAIoB,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACzD,OAAO,CAACyD,QAAQ;EAC9B;EAEA,IAAIpB,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACD,aAAa,CAACsB,WAAW;EACvC;EAEA,IAAIC,aAAaA,CAAA,EAAG;IAClB,OAAO,IAAI,CAAC3D,OAAO,CAAC2D,aAAa;EACnC;EAEA,IAAIzB,QAAQA,CAAA,EAAG;IACb,MAAM;MAAEF,kBAAkB;MAAEK;IAAa,CAAC,GAAG,IAAI;IAEjD,OAAOgB,IAAI,CAACO,IAAI,CAAC5B,kBAAkB,GAAGK,YAAY,CAAC;EACrD;EAEA,IAAIF,aAAaA,CAAA,EAAG;IAAA,IAAA0B,WAAA,EAAAC,WAAA;IAClB,OAAO,EAAAD,WAAA,OAAI,CAACtC,IAAI,qBAATsC,WAAA,CAAWE,QAAQ,OAAAD,WAAA,GAAI,IAAI,CAACvC,IAAI,qBAATuC,WAAA,CAAWE,UAAU;EACrD;EAEA,IAAI/B,aAAaA,CAAA,EAAW;IAC1B,MAAM;MAAED;IAAmB,CAAC,GAAG,IAAI;IACnC,OAAO,IAAIiC,KAAK,CAACjC,kBAAkB,CAAC,CAACkC,IAAI,CAAC,IAAI,CAAC;EACjD;EAEAC,mBAAmBA,CAACC,KAAa,EAAE;IACjC,MAAM;MAAE9D,UAAU;MAAE0B,kBAAkB;MAAEZ;IAAY,CAAC,GAAG,IAAI;IAC5D,MAAM;MACJ8B,MAAM,EAAE;QAAEC;MAAW;IACvB,CAAC,GAAG7C,UAAU;IAEd,IAAI8D,KAAK,IAAIpC,kBAAkB,EAAE;MAC/B,OAAO,IAAI;IACb;IAEA,MAAMqC,iBAAiB,GAAGD,KAAK,GAAGhD,WAAW;IAE7C,IAAIiD,iBAAiB,IAAIlB,UAAU,CAAChC,MAAM,EAAE;MAC1C,OAAO,UAAU;IACnB;IAEA,OAAOgC,UAAU,CAACkB,iBAAiB,CAAC;EACtC;EAEA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACjE,SAAS,CAACiE,YAAY;EACpC;EAEA,IAAIhC,UAAUA,CAAA,EAAG;IACf,MAAM;MACJO,WAAW;MACXjB,MAAM;MACNE,SAAS;MACTnB,uBAAuB,EAAE;QACvB+B,GAAG;QACHgB,WAAW,EAAEa,qBAAqB;QAClC/B,iBAAiB,EAAEgC,KAAK;QACxBC;MACF,CAAC;MACDjE;IACF,CAAC,GAAG,IAAI;IAER,MAAMkD,WAAW,GAAGlD,UAAU,KAAK,MAAM,GAAG,CAAC,GAAG+D,qBAAqB;IAErE,MAAMG,gBAAgB,GAAGF,KAAK,GAAG,CAACd,WAAW,GAAG,CAAC,IAAIhB,GAAG;IACxD,MAAMiC,WAAW,GAAGD,gBAAgB,GAAGhB,WAAW;IAElD,MAAMkB,cAAc,GAAG,OAAgB;IAEvC,MAAMC,gBAAgB,GACpB,IAAI,CAAC/B,aAAa,CAAClB,MAAM,CAAC,CAACE,SAAS,CAAC,CAAC8C,cAAc,CAAC;IACvD,MAAME,kBAAkB,GAAGH,WAAW,GAAG9B,WAAW;IACpD,MAAMkC,SAAS,GAAGD,kBAAkB,GAAGD,gBAAgB,GAAG,CAAC;IAE3D,MAAMG,uBAAuB,GAAGP,sBAAsB,GAAGf,WAAW;IACpE,MAAMuB,qBAAqB,GAAGF,SAAS,GAAGrC,GAAG;IAE7C,OAAO;MACLgB,WAAW;MACXiB,WAAW,EAAEA,CAAA,KAAMA,WAAW;MAC9BK,uBAAuB,EAAEA,CAAA,KAAMA,uBAAuB;MACtDD,SAAS,EAAEA,CAAA,KAAMA,SAAS;MAC1BG,cAAc,EAAEH,SAAS;MACzBD,kBAAkB;MAClBG,qBAAqB,EAAEA,CAAA,KAAMA,qBAAqB;MAClDJ,gBAAgB;MAChBD;IACF,CAAC;EACH;EAEA,IAAIxC,aAAaA,CAAA,EAAG;IAClB,MAAM;MACJpC,OAAO,EAAE;QAAEmF;MAAmB,CAAC;MAC/B7C,UAAU,EAAE;QAAE4C;MAAe;IAC/B,CAAC,GAAG,IAAI;IAER,MAAME,aAAa,GAAG/B,IAAI,CAACgC,KAAK,CAC7BF,kBAAkB,GAAGD,cAAc,GAAI,GAC1C,CAAC;IAED,OAAO;MACL,GAAG,IAAI,CAAC5C,UAAU;MAClB8C;IACF,CAAC;EACH;EAEA,IAAIE,qBAAqBA,CAAA,EAAG;IAC1B,OAAO,IAAI,CAACtF,OAAO,CAACsF,qBAAqB;EAC3C;EAUA,IAAI/C,uBAAuBA,CAAA,EAAG;IAC5B,MAAM;MAAEjC;IAAW,CAAC,GAAG,IAAI;IAC3B,MAAM;MACJ4C,MAAM,EAAE;QAAEC;MAAW;IACvB,CAAC,GAAG7C,UAAU;IACd,OAAQ8D,KAAa,IAAK;MAAA,IAAAmB,iBAAA;MACxB,OAAO,EAAAA,iBAAA,GAAApC,UAAU,CAACiB,KAAK,CAAC,qBAAjBmB,iBAAA,CAAmBC,GAAG,KAAIpB,KAAK;IACxC,CAAC;EACH;EAEA,IAAIqB,qBAAqBA,CAAA,EAAG;IAC1B,OAAO,IAAI,CAACzF,OAAO,CAACyF,qBAAqB;EAC3C;EAEA,IAAIC,cAAcA,CAAA,EAAG;IAAA,IAAAC,WAAA;IACnB,OAAO;MACL,KAAAA,WAAA,GAAG,IAAI,CAACpE,IAAI,aAAToE,WAAA,CAAWC,iBAAiB,CAACF,cAAc,oBAA3CC,WAAA,CAAWC,iBAAiB,CAACF,cAAc,CAAG,CAAC;MAClDG,IAAI,EAAE;IACR,CAAC;EACH;EAEAC,UAAUA,CAAA,EAAG;IACX,MAAM;MACJvF,WAAW,EAAE;QAAEwF;MAAU;IAC3B,CAAC,GAAG,IAAI;IAER,IAAI,CAACA,SAAS,EAAE;MACd;IACF;IAEAA,SAAS,CAACC,IAAI,CAAC,IAAI,CAAC;IAEpB,OAAO,MAAM;MACX,MAAMC,CAAC,GAAGF,SAAS,CAACG,OAAO,CAAC,IAAI,CAAC;MACjCD,CAAC,KAAK,CAAC,CAAC,IAAIF,SAAS,CAACI,MAAM,CAACF,CAAC,EAAE,CAAC,CAAC;IACpC,CAAC;EACH;EAEAG,IAAIA,CAAA,EAAG;IACL,OAAO,IAAI,CAACN,UAAU,CAAC,CAAC;EAC1B;AACF;AAACO,OAAA,CAAA9G,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/cjs/state/GridFoldersState.js

@@ -40,14 +40,16 @@ class GridFoldersState {
       container: params.container,
       toolbar: this.toolbar,
       sizePreset: _gridSizePresets.topGridSizePreset,
-      parentState: this
+      parentState: this,
+      layoutType: 'grid'
     });
     this.folders = new _GridBaseState.GridBaseState({
       collection: params.folders,
       container: params.container,
       toolbar: this.toolbar,
       sizePreset: _gridSizePresets.sideGridSizePreset,
-      parentState: this
+      parentState: this,
+      layoutType: 'grid'
     });
     this.bi = new _GridFoldersBIReporter.GridFoldersBIReporter({
       state: this

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

@@ -1 +1 @@
-{"version":3,"names":["_GridBaseState","require","_mobx","_ToolbarCollectionState","_FoldersAndItemsCollectionsState","_gridSizePresets","_GridFoldersBIReporter","GridFoldersState","constructor","params","_defineProperty2","default","action","showAllFolders","bi","onToggleShowAllButtonClick","toolbar","retryErrorState","container","ToolbarCollectionState","collection","items","componentType","collections","FoldersAndItemsCollectionsState","GridBaseState","sizePreset","topGridSizePreset","parentState","folders","sideGridSizePreset","GridFoldersBIReporter","state","makeObservable","observable","ref","foldersLocalLimit","computed","effectiveFoldersLocalLimit","showToggleShowAllLessButton","showItemsSection","showItemsSectionHeader","showFoldersSection","showFoldersSectionHeader","showLoadingSection","columnsCount","result","size","isEmptyAndNotFetching","hasFoldersOnlyActiveFilters","fetchedLastPage","initTask","showErrorState","multi","errorStatus","showLoadingState","showEmptyState","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","hasItemsOnlyActiveFilters","isLoadingToolbarAndCollection","showInitialLoader","status","isLoading","isIdle","showRefreshLoader","init","disposers","reaction","_localLimit","fireImmediately","forEach","d","exports"],"sources":["../../../src/state/GridFoldersState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { GridBaseState } from './GridBaseState';\nimport { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport {\n  FoldersAndItemsCollectionsState,\n  FoldersAndItemsCollectionsStateInitParams,\n  PartialAllFilters,\n} from './FoldersAndItemsCollectionsState';\nimport { sideGridSizePreset, topGridSizePreset } from './gridSizePresets';\nimport { GridFoldersBIReporter } from './GridFoldersBIReporter';\n\nexport interface GridFoldersStateParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T1, PartialAllFilters<F1, F2>>;\n  readonly collections?: FoldersAndItemsCollectionsState<T1, F1, T2, F2>;\n}\n\ninterface GridFoldersStateInitParams\n  extends FoldersAndItemsCollectionsStateInitParams {}\n\nexport class GridFoldersState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly container;\n  readonly toolbar;\n  readonly items;\n  readonly folders;\n  readonly collections;\n  readonly bi;\n\n  readonly _subGrids = [] as GridBaseState<any, any>[];\n\n  showAllFolders = false;\n\n  constructor(params: GridFoldersStateParams<T1, F1, T2, F2>) {\n    this.container = params.container;\n\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.items as CollectionState<T1, {}> as CollectionState<\n          T1,\n          PartialAllFilters<F1, F2>\n        >,\n        container: params.container,\n        componentType: 'GridFolders',\n      });\n\n    this.collections =\n      params.collections ??\n      new FoldersAndItemsCollectionsState({\n        ...params,\n        toolbar: this.toolbar,\n      });\n\n    this.items = new GridBaseState({\n      collection: params.items,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F1>>,\n      sizePreset: topGridSizePreset,\n      parentState: this,\n    });\n\n    this.folders = new GridBaseState({\n      collection: params.folders,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F2>>,\n      sizePreset: sideGridSizePreset,\n      parentState: this,\n    });\n\n    this.bi = new GridFoldersBIReporter({\n      state: this,\n    });\n\n    makeObservable(this, {\n      showAllFolders: observable.ref,\n      foldersLocalLimit: computed,\n      effectiveFoldersLocalLimit: computed,\n      showToggleShowAllLessButton: computed,\n      showItemsSection: computed,\n      showItemsSectionHeader: computed,\n      showFoldersSection: computed,\n      showFoldersSectionHeader: computed,\n      showLoadingSection: computed,\n    });\n  }\n\n  toggleShowAllFolders = action(() => {\n    this.showAllFolders = !this.showAllFolders;\n    this.bi.onToggleShowAllButtonClick();\n  });\n\n  get foldersLocalLimit() {\n    return this.folders.columnsCount * 2;\n  }\n\n  get effectiveFoldersLocalLimit() {\n    return this.showAllFolders ? null : this.folders.columnsCount * 2;\n  }\n\n  get showToggleShowAllLessButton() {\n    return this.collections.folders.result.size > this.foldersLocalLimit;\n  }\n\n  get showFoldersSectionHeader() {\n    return this.showToggleShowAllLessButton || this.showItemsSection;\n  }\n\n  get showItemsSection() {\n    return (\n      !this.collections.items.result.isEmptyAndNotFetching &&\n      !this.collections.hasFoldersOnlyActiveFilters &&\n      (!this.showAllFolders || this.folders.collection.fetchedLastPage)\n    );\n  }\n\n  get initTask() {\n    return this.toolbar.initTask;\n  }\n\n  get showErrorState() {\n    return this.toolbar.multi.showErrorState;\n  }\n\n  get errorStatus() {\n    return this.toolbar.multi.errorStatus;\n  }\n\n  retryErrorState = action(() => this.toolbar.retryErrorState());\n\n  get showLoadingState() {\n    return this.toolbar.multi.showLoadingState;\n  }\n\n  get showEmptyState() {\n    return this.collections.showEmptyState;\n  }\n\n  get hasAvailableItems() {\n    return this.collections.hasAvailableItems;\n  }\n\n  get resultOriginQuerySearch() {\n    return this.collections.resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    return this.collections.hasNonPersistentActiveFilters;\n  }\n\n  get showItemsSectionHeader() {\n    return this.showFoldersSection;\n  }\n\n  get showFoldersSection() {\n    return (\n      !this.collections.folders.result.isEmptyAndNotFetching &&\n      !this.collections.hasItemsOnlyActiveFilters\n    );\n  }\n\n  get showLoadingSection() {\n    const {\n      collections: { hasFoldersOnlyActiveFilters, hasItemsOnlyActiveFilters },\n      toolbar: { initTask, multi },\n    } = this;\n\n    const isLoadingToolbarAndCollection = () =>\n      (multi.showInitialLoader && initTask.status.isLoading) ||\n      initTask.status.isIdle;\n\n    return (\n      !hasFoldersOnlyActiveFilters &&\n      !hasItemsOnlyActiveFilters &&\n      (multi.showRefreshLoader || isLoadingToolbarAndCollection())\n    );\n  }\n\n  init(params: GridFoldersStateInitParams) {\n    const disposers = [\n      this.collections.init(params),\n      reaction(\n        () => this.effectiveFoldersLocalLimit,\n        (effectiveFoldersLocalLimit) => {\n          this.folders._localLimit = effectiveFoldersLocalLimit;\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_GridBaseState","require","_mobx","_ToolbarCollectionState","_FoldersAndItemsCollectionsState","_gridSizePresets","_GridFoldersBIReporter","GridFoldersState","constructor","params","_defineProperty2","default","action","showAllFolders","bi","onToggleShowAllButtonClick","toolbar","retryErrorState","container","ToolbarCollectionState","collection","items","componentType","collections","FoldersAndItemsCollectionsState","GridBaseState","sizePreset","topGridSizePreset","parentState","layoutType","folders","sideGridSizePreset","GridFoldersBIReporter","state","makeObservable","observable","ref","foldersLocalLimit","computed","effectiveFoldersLocalLimit","showToggleShowAllLessButton","showItemsSection","showItemsSectionHeader","showFoldersSection","showFoldersSectionHeader","showLoadingSection","columnsCount","result","size","isEmptyAndNotFetching","hasFoldersOnlyActiveFilters","fetchedLastPage","initTask","showErrorState","multi","errorStatus","showLoadingState","showEmptyState","hasAvailableItems","resultOriginQuerySearch","hasNonPersistentActiveFilters","hasItemsOnlyActiveFilters","isLoadingToolbarAndCollection","showInitialLoader","status","isLoading","isIdle","showRefreshLoader","init","disposers","reaction","_localLimit","fireImmediately","forEach","d","exports"],"sources":["../../../src/state/GridFoldersState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { GridBaseState } from './GridBaseState';\nimport { action, computed, makeObservable, observable, reaction } from 'mobx';\nimport { ToolbarCollectionState } from './ToolbarCollectionState';\nimport {\n  FoldersAndItemsCollectionsState,\n  FoldersAndItemsCollectionsStateInitParams,\n  PartialAllFilters,\n} from './FoldersAndItemsCollectionsState';\nimport { sideGridSizePreset, topGridSizePreset } from './gridSizePresets';\nimport { GridFoldersBIReporter } from './GridFoldersBIReporter';\n\nexport interface GridFoldersStateParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly items: CollectionState<T1, F1>;\n  readonly folders: CollectionState<T2, F2>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar?: ToolbarCollectionState<T1, PartialAllFilters<F1, F2>>;\n  readonly collections?: FoldersAndItemsCollectionsState<T1, F1, T2, F2>;\n}\n\ninterface GridFoldersStateInitParams\n  extends FoldersAndItemsCollectionsStateInitParams {}\n\nexport class GridFoldersState<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  readonly container;\n  readonly toolbar;\n  readonly items;\n  readonly folders;\n  readonly collections;\n  readonly bi;\n\n  readonly _subGrids = [] as GridBaseState<any, any>[];\n\n  showAllFolders = false;\n\n  constructor(params: GridFoldersStateParams<T1, F1, T2, F2>) {\n    this.container = params.container;\n\n    this.toolbar =\n      params.toolbar ??\n      new ToolbarCollectionState({\n        collection: params.items as CollectionState<T1, {}> as CollectionState<\n          T1,\n          PartialAllFilters<F1, F2>\n        >,\n        container: params.container,\n        componentType: 'GridFolders',\n      });\n\n    this.collections =\n      params.collections ??\n      new FoldersAndItemsCollectionsState({\n        ...params,\n        toolbar: this.toolbar,\n      });\n\n    this.items = new GridBaseState({\n      collection: params.items,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F1>>,\n      sizePreset: topGridSizePreset,\n      parentState: this,\n      layoutType: 'grid',\n    });\n\n    this.folders = new GridBaseState({\n      collection: params.folders,\n      container: params.container,\n      toolbar: this.toolbar as ToolbarCollectionState<unknown, Partial<F2>>,\n      sizePreset: sideGridSizePreset,\n      parentState: this,\n      layoutType: 'grid',\n    });\n\n    this.bi = new GridFoldersBIReporter({\n      state: this,\n    });\n\n    makeObservable(this, {\n      showAllFolders: observable.ref,\n      foldersLocalLimit: computed,\n      effectiveFoldersLocalLimit: computed,\n      showToggleShowAllLessButton: computed,\n      showItemsSection: computed,\n      showItemsSectionHeader: computed,\n      showFoldersSection: computed,\n      showFoldersSectionHeader: computed,\n      showLoadingSection: computed,\n    });\n  }\n\n  toggleShowAllFolders = action(() => {\n    this.showAllFolders = !this.showAllFolders;\n    this.bi.onToggleShowAllButtonClick();\n  });\n\n  get foldersLocalLimit() {\n    return this.folders.columnsCount * 2;\n  }\n\n  get effectiveFoldersLocalLimit() {\n    return this.showAllFolders ? null : this.folders.columnsCount * 2;\n  }\n\n  get showToggleShowAllLessButton() {\n    return this.collections.folders.result.size > this.foldersLocalLimit;\n  }\n\n  get showFoldersSectionHeader() {\n    return this.showToggleShowAllLessButton || this.showItemsSection;\n  }\n\n  get showItemsSection() {\n    return (\n      !this.collections.items.result.isEmptyAndNotFetching &&\n      !this.collections.hasFoldersOnlyActiveFilters &&\n      (!this.showAllFolders || this.folders.collection.fetchedLastPage)\n    );\n  }\n\n  get initTask() {\n    return this.toolbar.initTask;\n  }\n\n  get showErrorState() {\n    return this.toolbar.multi.showErrorState;\n  }\n\n  get errorStatus() {\n    return this.toolbar.multi.errorStatus;\n  }\n\n  retryErrorState = action(() => this.toolbar.retryErrorState());\n\n  get showLoadingState() {\n    return this.toolbar.multi.showLoadingState;\n  }\n\n  get showEmptyState() {\n    return this.collections.showEmptyState;\n  }\n\n  get hasAvailableItems() {\n    return this.collections.hasAvailableItems;\n  }\n\n  get resultOriginQuerySearch() {\n    return this.collections.resultOriginQuerySearch;\n  }\n\n  get hasNonPersistentActiveFilters() {\n    return this.collections.hasNonPersistentActiveFilters;\n  }\n\n  get showItemsSectionHeader() {\n    return this.showFoldersSection;\n  }\n\n  get showFoldersSection() {\n    return (\n      !this.collections.folders.result.isEmptyAndNotFetching &&\n      !this.collections.hasItemsOnlyActiveFilters\n    );\n  }\n\n  get showLoadingSection() {\n    const {\n      collections: { hasFoldersOnlyActiveFilters, hasItemsOnlyActiveFilters },\n      toolbar: { initTask, multi },\n    } = this;\n\n    const isLoadingToolbarAndCollection = () =>\n      (multi.showInitialLoader && initTask.status.isLoading) ||\n      initTask.status.isIdle;\n\n    return (\n      !hasFoldersOnlyActiveFilters &&\n      !hasItemsOnlyActiveFilters &&\n      (multi.showRefreshLoader || isLoadingToolbarAndCollection())\n    );\n  }\n\n  init(params: GridFoldersStateInitParams) {\n    const disposers = [\n      this.collections.init(params),\n      reaction(\n        () => this.effectiveFoldersLocalLimit,\n        (effectiveFoldersLocalLimit) => {\n          this.folders._localLimit = effectiveFoldersLocalLimit;\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    ];\n\n    return () => {\n      disposers.forEach((d) => d());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/ResponsiveColumnsState.js

@@ -7,16 +7,16 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _mobx = require("mobx");
 class ResponsiveColumnsState {
   constructor({
-    gap,
+    gridState,
     minItemWidth,
     rectState,
     containerPadding = 0
   }) {
-    (0, _defineProperty2.default)(this, "_gap", void 0);
+    (0, _defineProperty2.default)(this, "gridState", void 0);
     (0, _defineProperty2.default)(this, "_minItemWidth", void 0);
     (0, _defineProperty2.default)(this, "_rectState", void 0);
     (0, _defineProperty2.default)(this, "_containerPadding", void 0);
-    this._gap = gap;
+    this.gridState = gridState;
     this._minItemWidth = minItemWidth;
     this._rectState = rectState;
     this._containerPadding = containerPadding;
@@ -28,7 +28,7 @@ class ResponsiveColumnsState {
     });
   }
   get gap() {
-    return this.columnCount === 1 ? this._gap / 2 : this._gap;
+    return this.gridState.gap;
   }
   get minItemWidth() {
     return this._minItemWidth;
@@ -37,18 +37,18 @@ class ResponsiveColumnsState {
     return this._rectState.rect.width ?? 0;
   }
   get widthWithLastColumnGap() {
-    return this.itemsContentWidth + this._gap - this.containerPadding;
+    return this.itemsContentWidth + this.gap - this.containerPadding;
   }
   get containerPadding() {
     return this._containerPadding;
   }
   get columnCount() {
     const {
-      _gap,
+      gap,
       minItemWidth,
       widthWithLastColumnGap
     } = this;
-    const maxItemWidthWithGap = minItemWidth + _gap;
+    const maxItemWidthWithGap = minItemWidth + gap;
     return Math.max(Math.floor(widthWithLastColumnGap / maxItemWidthWithGap), 1);
   }
 }

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","ResponsiveColumnsState","constructor","gap","minItemWidth","rectState","containerPadding","_defineProperty2","default","_gap","_minItemWidth","_rectState","_containerPadding","makeObservable","itemsContentWidth","computed","widthWithLastColumnGap","columnCount","rect","width","maxItemWidthWithGap","Math","max","floor","exports"],"sources":["../../../src/state/ResponsiveColumnsState.ts"],"sourcesContent":["import { RectState } from './RectState';\nimport { computed, makeObservable } from 'mobx';\n\ninterface ResponsiveColumnsStateParams {\n  gap: number;\n  minItemWidth: number;\n  rectState: RectState;\n  containerPadding?: number;\n}\n\nexport class ResponsiveColumnsState {\n  readonly _gap;\n  readonly _minItemWidth;\n  readonly _rectState;\n  readonly _containerPadding;\n\n  constructor({\n    gap,\n    minItemWidth,\n    rectState,\n    containerPadding = 0,\n  }: ResponsiveColumnsStateParams) {\n    this._gap = gap;\n    this._minItemWidth = minItemWidth;\n    this._rectState = rectState;\n    this._containerPadding = containerPadding;\n\n    makeObservable(this, {\n      itemsContentWidth: computed,\n      widthWithLastColumnGap: computed,\n      columnCount: computed,\n      containerPadding: computed,\n    });\n  }\n\n  get gap() {\n    return this.columnCount === 1 ? this._gap / 2 : this._gap;\n  }\n\n  get minItemWidth() {\n    return this._minItemWidth;\n  }\n\n  get itemsContentWidth() {\n    return this._rectState.rect.width ?? 0;\n  }\n\n  get widthWithLastColumnGap() {\n    return this.itemsContentWidth + this._gap - this.containerPadding;\n  }\n\n  get containerPadding() {\n    return this._containerPadding;\n  }\n\n  get columnCount() {\n    const { _gap, minItemWidth, widthWithLastColumnGap } = this;\n\n    const maxItemWidthWithGap = minItemWidth + _gap;\n\n    return Math.max(\n      Math.floor(widthWithLastColumnGap / maxItemWidthWithGap),\n      1,\n    );\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AASO,MAAMC,sBAAsB,CAAC;EAMlCC,WAAWA,CAAC;IACVC,GAAG;IACHC,YAAY;IACZC,SAAS;IACTC,gBAAgB,GAAG;EACS,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAC/B,IAAI,CAACC,IAAI,GAAGN,GAAG;IACf,IAAI,CAACO,aAAa,GAAGN,YAAY;IACjC,IAAI,CAACO,UAAU,GAAGN,SAAS;IAC3B,IAAI,CAACO,iBAAiB,GAAGN,gBAAgB;IAEzC,IAAAO,oBAAc,EAAC,IAAI,EAAE;MACnBC,iBAAiB,EAAEC,cAAQ;MAC3BC,sBAAsB,EAAED,cAAQ;MAChCE,WAAW,EAAEF,cAAQ;MACrBT,gBAAgB,EAAES;IACpB,CAAC,CAAC;EACJ;EAEA,IAAIZ,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACc,WAAW,KAAK,CAAC,GAAG,IAAI,CAACR,IAAI,GAAG,CAAC,GAAG,IAAI,CAACA,IAAI;EAC3D;EAEA,IAAIL,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACM,aAAa;EAC3B;EAEA,IAAII,iBAAiBA,CAAA,EAAG;IACtB,OAAO,IAAI,CAACH,UAAU,CAACO,IAAI,CAACC,KAAK,IAAI,CAAC;EACxC;EAEA,IAAIH,sBAAsBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACF,iBAAiB,GAAG,IAAI,CAACL,IAAI,GAAG,IAAI,CAACH,gBAAgB;EACnE;EAEA,IAAIA,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACM,iBAAiB;EAC/B;EAEA,IAAIK,WAAWA,CAAA,EAAG;IAChB,MAAM;MAAER,IAAI;MAAEL,YAAY;MAAEY;IAAuB,CAAC,GAAG,IAAI;IAE3D,MAAMI,mBAAmB,GAAGhB,YAAY,GAAGK,IAAI;IAE/C,OAAOY,IAAI,CAACC,GAAG,CACbD,IAAI,CAACE,KAAK,CAACP,sBAAsB,GAAGI,mBAAmB,CAAC,EACxD,CACF,CAAC;EACH;AACF;AAACI,OAAA,CAAAvB,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","ResponsiveColumnsState","constructor","gridState","minItemWidth","rectState","containerPadding","_defineProperty2","default","_minItemWidth","_rectState","_containerPadding","makeObservable","itemsContentWidth","computed","widthWithLastColumnGap","columnCount","gap","rect","width","maxItemWidthWithGap","Math","max","floor","exports"],"sources":["../../../src/state/ResponsiveColumnsState.ts"],"sourcesContent":["import { RectState } from './RectState';\nimport { computed, makeObservable } from 'mobx';\n\ninterface ResponsiveColumnsStateParams {\n  gridState: {\n    gap: number;\n  };\n  minItemWidth: number;\n  rectState: RectState;\n  containerPadding?: number;\n}\n\nexport class ResponsiveColumnsState {\n  readonly gridState;\n  readonly _minItemWidth;\n  readonly _rectState;\n  readonly _containerPadding;\n\n  constructor({\n    gridState,\n    minItemWidth,\n    rectState,\n    containerPadding = 0,\n  }: ResponsiveColumnsStateParams) {\n    this.gridState = gridState;\n    this._minItemWidth = minItemWidth;\n    this._rectState = rectState;\n    this._containerPadding = containerPadding;\n\n    makeObservable(this, {\n      itemsContentWidth: computed,\n      widthWithLastColumnGap: computed,\n      columnCount: computed,\n      containerPadding: computed,\n    });\n  }\n\n  get gap() {\n    return this.gridState.gap;\n  }\n\n  get minItemWidth() {\n    return this._minItemWidth;\n  }\n\n  get itemsContentWidth() {\n    return this._rectState.rect.width ?? 0;\n  }\n\n  get widthWithLastColumnGap() {\n    return this.itemsContentWidth + this.gap - this.containerPadding;\n  }\n\n  get containerPadding() {\n    return this._containerPadding;\n  }\n\n  get columnCount() {\n    const { gap, minItemWidth, widthWithLastColumnGap } = this;\n\n    const maxItemWidthWithGap = minItemWidth + gap;\n\n    return Math.max(\n      Math.floor(widthWithLastColumnGap / maxItemWidthWithGap),\n      1,\n    );\n  }\n}\n"],"mappings":";;;;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAWO,MAAMC,sBAAsB,CAAC;EAMlCC,WAAWA,CAAC;IACVC,SAAS;IACTC,YAAY;IACZC,SAAS;IACTC,gBAAgB,GAAG;EACS,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAC/B,IAAI,CAACL,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACM,aAAa,GAAGL,YAAY;IACjC,IAAI,CAACM,UAAU,GAAGL,SAAS;IAC3B,IAAI,CAACM,iBAAiB,GAAGL,gBAAgB;IAEzC,IAAAM,oBAAc,EAAC,IAAI,EAAE;MACnBC,iBAAiB,EAAEC,cAAQ;MAC3BC,sBAAsB,EAAED,cAAQ;MAChCE,WAAW,EAAEF,cAAQ;MACrBR,gBAAgB,EAAEQ;IACpB,CAAC,CAAC;EACJ;EAEA,IAAIG,GAAGA,CAAA,EAAG;IACR,OAAO,IAAI,CAACd,SAAS,CAACc,GAAG;EAC3B;EAEA,IAAIb,YAAYA,CAAA,EAAG;IACjB,OAAO,IAAI,CAACK,aAAa;EAC3B;EAEA,IAAII,iBAAiBA,CAAA,EAAG;IACtB,OAAO,IAAI,CAACH,UAAU,CAACQ,IAAI,CAACC,KAAK,IAAI,CAAC;EACxC;EAEA,IAAIJ,sBAAsBA,CAAA,EAAG;IAC3B,OAAO,IAAI,CAACF,iBAAiB,GAAG,IAAI,CAACI,GAAG,GAAG,IAAI,CAACX,gBAAgB;EAClE;EAEA,IAAIA,gBAAgBA,CAAA,EAAG;IACrB,OAAO,IAAI,CAACK,iBAAiB;EAC/B;EAEA,IAAIK,WAAWA,CAAA,EAAG;IAChB,MAAM;MAAEC,GAAG;MAAEb,YAAY;MAAEW;IAAuB,CAAC,GAAG,IAAI;IAE1D,MAAMK,mBAAmB,GAAGhB,YAAY,GAAGa,GAAG;IAE9C,OAAOI,IAAI,CAACC,GAAG,CACbD,IAAI,CAACE,KAAK,CAACR,sBAAsB,GAAGK,mBAAmB,CAAC,EACxD,CACF,CAAC;EACH;AACF;AAACI,OAAA,CAAAvB,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/state/ToolbarCollectionState.js

@@ -49,7 +49,6 @@ class ToolbarCollectionState {
       current: null
     });
     (0, _defineProperty2.default)(this, "collectionDataExtension", null);
-    (0, _defineProperty2.default)(this, "extensionMenuItems", null);
     (0, _defineProperty2.default)(this, "tagsCollectionState", null);
     (0, _defineProperty2.default)(this, "toolbarFiltersState", null);
     (0, _defineProperty2.default)(this, "toolbarFiltersStateInitialized", false);