@wix/patterns 1.360.0 → 1.364.0

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

@@ -70,14 +70,14 @@ function ToolbarCollection(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 379,
+        lineNumber: 387,
         columnNumber: 11
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 354,
+      lineNumber: 362,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -90,7 +90,7 @@ function ToolbarCollection(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 388,
+      lineNumber: 396,
       columnNumber: 7
     }
   }, children));

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

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

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

@@ -27,10 +27,14 @@ function useToolbarCollectionSyncProps(props) {
     summaryBar,
     secondaryActions,
     moreActions,
-    internalScroll
+    internalScroll,
+    showFieldTypeIcons
   } = props;
   (0, _checkConflictingToolbarProps.checkConflictingToolbarProps)(props);
   state.internalScroll = state.container.isPanelLayout ? true : internalScroll;
+  (0, _mobx.runInAction)(() => {
+    state.showFieldTypeIcons = showFieldTypeIcons ?? false;
+  });
   const pageState = (0, _providers.useCollectionPageContext)();
   const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
   (0, _react.useEffect)(() => {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","importButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","checkConflictingToolbarProps","container","isPanelLayout","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","runInAction","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    importButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  useEffect(() => {\n    if (importButton) {\n      state.featuredComponents.importButton.set(importButton);\n    }\n\n    return () => {\n      state.featuredComponents.importButton.set(null);\n    };\n  }, [importButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n      isUsingExpandCollapse: !!props.isUsingExpandCollapse,\n    };\n  });\n\n  useEffect(\n    action(() => {\n      if (tabsFilterProps?.filter) {\n        state.tabsFilterProps = tabsFilterProps;\n        tabsFilterProps.filter.persistent = true;\n      }\n    }),\n    [tabsFilterProps],\n  );\n\n  useEffect(() => {\n    runInAction(() => {\n      state.bulk.maxSelection = maxSelection;\n    });\n  }, [maxSelection]);\n\n  return state;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_checkConflictingToolbarProps","_providers","_WixPatternsRouterProvider","_useSyncTotal","useToolbarCollectionSyncProps","props","state","views","tabs","exportButton","importButton","dragAndDropCategories","maxSelection","search","filters","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","summaryBar","secondaryActions","moreActions","internalScroll","showFieldTypeIcons","checkConflictingToolbarProps","container","isPanelLayout","runInAction","pageState","useCollectionPageContext","router","useWixPatternsRouter","useEffect","primaryToolbar","reaction","scrollTop","scrollTopBeforeUnmount","routerState","currentState","_createdEntity","fireImmediately","_pageState$pageState$","scrollableContentRef","current","undefined","getIsUsingAllItemsView","allItemsViewProps","hidden","featuredComponents","set","tabsFilterProps","useMemo","filter","hasHeader","minimizedHeaderHeight","useSyncTotal","collection","useState","type","setViewsState","action","viewsProps","_props$AddApplyFilter","_props$title","_props$title2","AddApplyFiltersButton","setStateObject","featuresAvailability","isDisablingSearch","isUsingFilters","isUsingTags","tags","isUsingTabs","isUsingSummaryRow","isUsingSecondaryActions","isUsingMoreActions","additionalFeaturesAvailability","isUsingTableSubtitle","title","subtitle","isUsingCounterInHeader","showTotal","isUsingSelectAllLimitation","isUsingErrorMessage","errorState","renderError","isUsingAllItemsView","isUsingCustomEmptyState","emptyState","isUsingCustomNoResultsState","noResultsState","isUsingPrimaryActionCta","primaryActionButton","isUsingExpandCollapse","persistent","bulk"],"sources":["../../../../src/components/ToolbarCollection/useToolbarCollectionSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useEffect, useMemo, useState } from 'react';\nimport { action, reaction, runInAction } from 'mobx';\nimport { ToolbarCollectionProps } from './ToolbarCollection';\nimport { checkConflictingToolbarProps } from './checkConflictingToolbarProps';\nimport { useCollectionPageContext } from '../../providers';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\nimport { useSyncTotal } from '../../hooks/useSyncTotal';\n\nexport function useToolbarCollectionSyncProps<T, F extends FiltersMap>(\n  props: ToolbarCollectionProps<T, F> & {\n    isUsingDragAndDrop: boolean;\n    isUsingBulkActionsToolbar: boolean;\n    isUsingHorizontalScroll: boolean;\n    isUsingFolders: boolean;\n    isUsingTableVirtualization: boolean;\n    isUsingExpandCollapse?: boolean;\n  },\n) {\n  const {\n    state,\n    views,\n    tabs,\n    exportButton,\n    importButton,\n    dragAndDropCategories,\n    maxSelection,\n    search,\n    filters,\n    isUsingDragAndDrop,\n    isUsingBulkActionsToolbar,\n    isUsingHorizontalScroll,\n    isUsingFolders,\n    isUsingTableVirtualization,\n    summaryBar,\n    secondaryActions,\n    moreActions,\n    internalScroll,\n    showFieldTypeIcons,\n  } = props;\n\n  checkConflictingToolbarProps(props);\n\n  state.internalScroll = state.container.isPanelLayout ? true : internalScroll;\n  runInAction(() => {\n    state.showFieldTypeIcons = showFieldTypeIcons ?? false;\n  });\n\n  const pageState = useCollectionPageContext();\n  const router = useWixPatternsRouter();\n\n  useEffect(() => {\n    pageState.primaryToolbar = state;\n\n    return () => {\n      if (pageState.primaryToolbar === state) {\n        pageState.primaryToolbar = null;\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    reaction(\n      () => ({\n        scrollTop: state.scrollTopBeforeUnmount,\n        routerState: router?.currentState,\n      }),\n      ({ scrollTop, routerState }) => {\n        pageState.scrollTopBeforeUnmount = routerState?._createdEntity\n          ? 0\n          : scrollTop;\n      },\n      { fireImmediately: true },\n    );\n\n    return () => {\n      const scrollTop =\n        pageState.pageState.scrollableContentRef.current?.scrollTop;\n      if (scrollTop !== undefined) {\n        state.scrollTopBeforeUnmount = scrollTop;\n      }\n    };\n  }, []);\n\n  const getIsUsingAllItemsView = () =>\n    !!(\n      // views=undefined, it means thw user didn't pass so allItemsViews=false\n      (\n        views &&\n        // views.props=undefined, it means the user passed views without configuring allItems so allItemsViews=true\n        (!views.props ||\n          // views.props.allItemsViewProps=undefined, it means the user passed allItemsViewProps\n          // without configuring the hidden so allItemsViews=true\n          !views.props.allItemsViewProps ||\n          // allItemsViews depends on hidden's value\n          !views.props.allItemsViewProps.hidden)\n      )\n    );\n\n  useEffect(() => {\n    if (exportButton) {\n      state.featuredComponents.exportButton.set(exportButton);\n    }\n\n    return () => {\n      state.featuredComponents.exportButton.set(null);\n    };\n  }, [exportButton]);\n\n  useEffect(() => {\n    if (importButton) {\n      state.featuredComponents.importButton.set(importButton);\n    }\n\n    return () => {\n      state.featuredComponents.importButton.set(null);\n    };\n  }, [importButton]);\n\n  const tabsFilterProps = useMemo(() => {\n    return tabs?.props\n      ? {\n          filter: tabs.props.filter,\n        }\n      : undefined;\n  }, [tabs]);\n\n  useEffect(\n    () =>\n      reaction(\n        () => pageState.hasHeader,\n        (hasHeader) => {\n          if (hasHeader) {\n            state.minimizedHeaderHeight = 66;\n          }\n        },\n        {\n          fireImmediately: true,\n        },\n      ),\n    [],\n  );\n\n  useSyncTotal(state.collection);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.dragAndDropCategories = dragAndDropCategories;\n    });\n    // We accept this prop once on purpose because it's array it changes on every render. We expose a setter `set dragAndDropCategories` instead.\n  }, []);\n\n  useState(() => views?.type.setViewsState(state, views?.props));\n\n  useEffect(\n    action(() => {\n      state.viewsProps = views?.props;\n    }),\n    [views],\n  );\n\n  useState(() => {\n    props.AddApplyFiltersButton?.setStateObject(state);\n\n    state.featuresAvailability = {\n      isDisablingSearch: search === false,\n      isUsingFilters: !!filters,\n      isUsingDragAndDrop,\n      isUsingBulkActionsToolbar,\n      isUsingHorizontalScroll,\n      isUsingFolders,\n      isUsingTableVirtualization,\n      isUsingTags: !!props.tags,\n      isUsingTabs: !!tabs,\n      isUsingSummaryRow: !!summaryBar,\n      isUsingSecondaryActions: !!secondaryActions,\n      isUsingMoreActions: !!moreActions,\n    };\n\n    state.additionalFeaturesAvailability = {\n      isUsingTableSubtitle: !!props.title?.props.subtitle,\n      isUsingCounterInHeader: !!props.title?.props.showTotal,\n      isUsingSelectAllLimitation: !!props.maxSelection,\n      isUsingErrorMessage: !!(props.errorState ?? props.renderError),\n      isUsingAllItemsView: getIsUsingAllItemsView(),\n      isUsingCustomEmptyState: !!props.emptyState,\n      isUsingCustomNoResultsState: !!props.noResultsState,\n      isUsingPrimaryActionCta: !!props.primaryActionButton,\n      isUsingExpandCollapse: !!props.isUsingExpandCollapse,\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/ToolbarItem/ToolbarItem.st.css.js

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

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

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

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ToolbarItemBox3910797071";
+var _namespace_ = "ToolbarItemBox20441471";
 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": "ToolbarItemBox3910797071__root"
+  "root": "ToolbarItemBox20441471__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_ = \"ToolbarItemBox3910797071\";\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\":\"ToolbarItemBox3910797071__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox20441471\";\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\":\"ToolbarItemBox20441471__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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_ = "common3071416596";
+var _namespace_ = "common909002123";
 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": "common3071416596__root",
-  "column": "common3071416596__column",
-  "fullHeight": "common3071416596__fullHeight"
+  "root": "common909002123__root",
+  "column": "common909002123__column",
+  "fullHeight": "common909002123__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_ = \"common3071416596\";\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\":\"common3071416596__root\",\"column\":\"common3071416596__column\",\"fullHeight\":\"common3071416596__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_ = \"common909002123\";\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\":\"common909002123__root\",\"column\":\"common909002123__column\",\"fullHeight\":\"common909002123__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,iBAAiB;AACnC,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,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,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/useBuildAccordionItems.js

@@ -8,10 +8,12 @@ var _react = require("@wix/bex-core/react");
 var _react2 = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _CollectionFilter = require("../components/CollectionFilter");
+var _FilterAccordionResetButton = require("../components/FiltersPanel/FilterAccordionResetButton");
 var _FilterAccordionTitle = require("../components/FiltersPanel/FilterAccordionTitle");
+var _fieldTypePrefixIcons = require("../utils/fieldTypePrefixIcons");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/hooks/useBuildAccordionItems.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function useBuildAccordionItem(state) {
+function useBuildAccordionItem(state, showFieldTypeIcons) {
   return (0, _react2.useCallback)(filterElement => {
     const {
       type: Component,
@@ -21,7 +23,8 @@ function useBuildAccordionItem(state) {
       filter,
       initiallyOpen,
       popoverProps,
-      accordionItemProps
+      accordionItemProps,
+      fieldType
     } = filterProps;
     const clonedElement = /*#__PURE__*/_react2.default.createElement(Component, (0, _extends2.default)({}, filterProps, {
       popoverProps: {
@@ -31,45 +34,80 @@ function useBuildAccordionItem(state) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 22,
+        lineNumber: 26,
         columnNumber: 7
       }
     }));
+    const titleElement = /*#__PURE__*/_react2.default.createElement(_FilterAccordionTitle.FilterAccordionTitle, {
+      state: state.toolbar,
+      filter: filter,
+      filterProps: filterProps,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 7
+      }
+    });
+    const titleWithIcon = showFieldTypeIcons ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+      gap: "SP1",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 7
+      }
+    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+      fieldType,
+      size: 'medium'
+    }), titleElement) : titleElement;
+    const title = filterProps.filter ? /*#__PURE__*/_react2.default.createElement(_designSystem.Box, {
+      width: "100%",
+      align: "space-between",
+      verticalAlign: "middle",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 46,
+        columnNumber: 7
+      }
+    }, titleWithIcon, /*#__PURE__*/_react2.default.createElement(_FilterAccordionResetButton.FilterAccordionResetButton, {
+      state: state.toolbar,
+      filter: filterProps.filter,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 9
+      }
+    })) : titleWithIcon;
     return {
-      title: /*#__PURE__*/_react2.default.createElement(_FilterAccordionTitle.FilterAccordionTitle, {
-        state: state.toolbar,
-        filter: filter,
-        filterProps: filterProps,
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 30,
-          columnNumber: 9
-        }
-      }),
+      title,
       children: filterProps.filter ? /*#__PURE__*/_react2.default.createElement(_CollectionFilter.CollectionFilter, {
         filter: filterProps.filter,
         state: state,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 37,
+          lineNumber: 58,
           columnNumber: 9
         }
       }, clonedElement) : clonedElement,
       initiallyOpen,
       ...accordionItemProps
     };
-  }, []);
+  }, [showFieldTypeIcons]);
 }
 function useBuildAccordionItems(state) {
   const {
     translate: t
   } = (0, _react.useWixPatternsContainer)();
-  const buildAccordionItem = useBuildAccordionItem(state);
   const {
     panelFilterElements
   } = state;
+  const showFieldTypeIcons = state.toolbar.showFieldTypeIcons;
+  const buildAccordionItem = useBuildAccordionItem(state, showFieldTypeIcons);
   const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');
   const {
     groups,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_designSystem","_CollectionFilter","_FilterAccordionTitle","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBuildAccordionItem","state","useCallback","filterElement","type","Component","props","filterProps","filter","initiallyOpen","popoverProps","accordionItemProps","clonedElement","createElement","_extends2","appendTo","__self","__source","fileName","lineNumber","columnNumber","title","FilterAccordionTitle","toolbar","children","CollectionFilter","useBuildAccordionItems","translate","useWixPatternsContainer","buildAccordionItem","panelFilterElements","defaultSectionTitle","groups","defaultGroup","reduce","accumulator","item","_item$props","sectionTitle","groupItems","accordionSectionItemBuilder","items","values","flat","length"],"sources":["../../../src/hooks/useBuildAccordionItems.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport React, { useCallback } from 'react';\nimport {\n  AccordionProps,\n  accordionSectionItemBuilder,\n} from '@wix/design-system';\nimport { CollectionFilter } from '../components/CollectionFilter';\nimport { FilterElement } from '../components/CollectionToolbarFilters';\nimport { CollectionToolbarFiltersState } from '../components/CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { FilterAccordionTitle } from '../components/FiltersPanel/FilterAccordionTitle';\n\nfunction useBuildAccordionItem<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n) {\n  return useCallback((filterElement: FilterElement) => {\n    const { type: Component, props: filterProps } = filterElement;\n    const { filter, initiallyOpen, popoverProps, accordionItemProps } =\n      filterProps;\n\n    const clonedElement = (\n      <Component\n        {...filterProps}\n        popoverProps={{ appendTo: 'window', ...popoverProps }}\n      />\n    );\n\n    return {\n      title: (\n        <FilterAccordionTitle\n          state={state.toolbar}\n          filter={filter}\n          filterProps={filterProps}\n        />\n      ),\n      children: filterProps.filter ? (\n        <CollectionFilter filter={filterProps.filter} state={state}>\n          {clonedElement}\n        </CollectionFilter>\n      ) : (\n        clonedElement\n      ),\n      initiallyOpen,\n      ...accordionItemProps,\n    };\n  }, []);\n}\n\nexport function useBuildAccordionItems<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n) {\n  const { translate: t } = useWixPatternsContainer();\n  const buildAccordionItem = useBuildAccordionItem(state);\n  const { panelFilterElements } = state;\n\n  const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');\n\n  const { groups, defaultGroup } = panelFilterElements.reduce<{\n    groups: Record<string, NonNullable<AccordionProps['items']>>;\n    defaultGroup: NonNullable<AccordionProps['items']>;\n  }>(\n    (accumulator, item) => {\n      const sectionTitle = item.props?.sectionTitle;\n\n      if (!sectionTitle) {\n        return {\n          ...accumulator,\n          defaultGroup: [...accumulator.defaultGroup, buildAccordionItem(item)],\n        };\n      }\n\n      const groupItems = accumulator.groups[sectionTitle]\n        ? [...accumulator.groups[sectionTitle], buildAccordionItem(item)]\n        : [\n            accordionSectionItemBuilder({ title: sectionTitle }),\n            buildAccordionItem(item),\n          ];\n\n      return {\n        ...accumulator,\n        groups: {\n          ...accumulator.groups,\n          [sectionTitle]: groupItems,\n        },\n      };\n    },\n    {\n      groups: {},\n      defaultGroup: [],\n    },\n  );\n\n  const items = Object.values(groups).flat();\n\n  if (!items.length) {\n    return defaultGroup;\n  }\n\n  return [\n    ...items,\n    ...(defaultGroup.length\n      ? [\n          accordionSectionItemBuilder({ title: defaultSectionTitle }),\n          ...defaultGroup,\n        ]\n      : []),\n  ];\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_designSystem","_CollectionFilter","_FilterAccordionResetButton","_FilterAccordionTitle","_fieldTypePrefixIcons","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBuildAccordionItem","state","showFieldTypeIcons","useCallback","filterElement","type","Component","props","filterProps","filter","initiallyOpen","popoverProps","accordionItemProps","fieldType","clonedElement","createElement","_extends2","appendTo","__self","__source","fileName","lineNumber","columnNumber","titleElement","FilterAccordionTitle","toolbar","titleWithIcon","Box","gap","verticalAlign","getFieldTypeIcon","size","title","width","align","FilterAccordionResetButton","children","CollectionFilter","useBuildAccordionItems","translate","useWixPatternsContainer","panelFilterElements","buildAccordionItem","defaultSectionTitle","groups","defaultGroup","reduce","accumulator","item","_item$props","sectionTitle","groupItems","accordionSectionItemBuilder","items","values","flat","length"],"sources":["../../../src/hooks/useBuildAccordionItems.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport React, { useCallback } from 'react';\nimport {\n  AccordionProps,\n  Box,\n  accordionSectionItemBuilder,\n} from '@wix/design-system';\nimport { CollectionFilter } from '../components/CollectionFilter';\nimport { FilterElement } from '../components/CollectionToolbarFilters';\nimport { CollectionToolbarFiltersState } from '../components/CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { FilterAccordionResetButton } from '../components/FiltersPanel/FilterAccordionResetButton';\nimport { FilterAccordionTitle } from '../components/FiltersPanel/FilterAccordionTitle';\nimport { getFieldTypeIcon } from '../utils/fieldTypePrefixIcons';\n\nfunction useBuildAccordionItem<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n  showFieldTypeIcons: boolean,\n) {\n  return useCallback((filterElement: FilterElement) => {\n    const { type: Component, props: filterProps } = filterElement;\n    const { filter, initiallyOpen, popoverProps, accordionItemProps, fieldType } =\n      filterProps;\n\n    const clonedElement = (\n      <Component\n        {...filterProps}\n        popoverProps={{ appendTo: 'window', ...popoverProps }}\n      />\n    );\n    const titleElement = (\n      <FilterAccordionTitle\n        state={state.toolbar}\n        filter={filter}\n        filterProps={filterProps}\n      />\n    );\n    const titleWithIcon = showFieldTypeIcons ? (\n      <Box gap=\"SP1\" verticalAlign=\"middle\">\n        {getFieldTypeIcon({ fieldType, size: 'medium' })}\n        {titleElement}\n      </Box>\n    ) : titleElement;\n\n    const title = filterProps.filter ? (\n      <Box width=\"100%\" align=\"space-between\" verticalAlign=\"middle\">\n        {titleWithIcon}\n        <FilterAccordionResetButton\n          state={state.toolbar}\n          filter={filterProps.filter}\n        />\n      </Box>\n    ) : titleWithIcon;\n\n    return {\n      title,\n      children: filterProps.filter ? (\n        <CollectionFilter filter={filterProps.filter} state={state}>\n          {clonedElement}\n        </CollectionFilter>\n      ) : (\n        clonedElement\n      ),\n      initiallyOpen,\n      ...accordionItemProps,\n    };\n  }, [showFieldTypeIcons]);\n}\n\nexport function useBuildAccordionItems<T, F extends FiltersMap>(\n  state: CollectionToolbarFiltersState<T, F>,\n) {\n  const { translate: t } = useWixPatternsContainer();\n  const { panelFilterElements } = state;\n  const showFieldTypeIcons = state.toolbar.showFieldTypeIcons;\n  const buildAccordionItem = useBuildAccordionItem(state, showFieldTypeIcons);\n\n  const defaultSectionTitle = t('cairo.filtersPanel.sections.default.title');\n\n  const { groups, defaultGroup } = panelFilterElements.reduce<{\n    groups: Record<string, NonNullable<AccordionProps['items']>>;\n    defaultGroup: NonNullable<AccordionProps['items']>;\n  }>(\n    (accumulator, item) => {\n      const sectionTitle = item.props?.sectionTitle;\n\n      if (!sectionTitle) {\n        return {\n          ...accumulator,\n          defaultGroup: [...accumulator.defaultGroup, buildAccordionItem(item)],\n        };\n      }\n\n      const groupItems = accumulator.groups[sectionTitle]\n        ? [...accumulator.groups[sectionTitle], buildAccordionItem(item)]\n        : [\n            accordionSectionItemBuilder({ title: sectionTitle }),\n            buildAccordionItem(item),\n          ];\n\n      return {\n        ...accumulator,\n        groups: {\n          ...accumulator.groups,\n          [sectionTitle]: groupItems,\n        },\n      };\n    },\n    {\n      groups: {},\n      defaultGroup: [],\n    },\n  );\n\n  const items = Object.values(groups).flat();\n\n  if (!items.length) {\n    return defaultGroup;\n  }\n\n  return [\n    ...items,\n    ...(defaultGroup.length\n      ? [\n          accordionSectionItemBuilder({ title: defaultSectionTitle }),\n          ...defaultGroup,\n        ]\n      : []),\n  ];\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/hooks/useCreateWSRColumnBase.js

@@ -2,9 +2,14 @@
 
 exports.__esModule = true;
 exports.useCreateWSRColumnBase = useCreateWSRColumnBase;
-var _react = require("react");
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _fieldTypePrefixIcons = require("../utils/fieldTypePrefixIcons");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/hooks/useCreateWSRColumnBase.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function useCreateWSRColumnBase({
-  horizontalScroll
+  horizontalScroll,
+  showFieldTypeIcons
 }) {
   return (0, _react.useCallback)((column, index, length) => {
     const {
@@ -12,7 +17,8 @@ function useCreateWSRColumnBase({
       title,
       width,
       sortable,
-      infoTooltipProps
+      infoTooltipProps,
+      fieldType
     } = column;
     const lastColumn = index === length - 1;
     const lastColumnStyleNoHorizontalScroll = width != null ? {
@@ -30,15 +36,46 @@ function useCreateWSRColumnBase({
       flex: 1
     } : undefined;
     const style = lastColumn ? lastColumnStyle : columnStyle;
+    const renderedTitle = title && showFieldTypeIcons ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      gap: "SP1",
+      verticalAlign: "middle",
+      minWidth: 0,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 49,
+        columnNumber: 11
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+      flexShrink: 0,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 50,
+        columnNumber: 13
+      }
+    }, (0, _fieldTypePrefixIcons.getFieldTypeIcon)({
+      fieldType
+    })), typeof title === 'string' ? /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+      size: "small",
+      ellipsis: true,
+      appendTo: "window",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 52,
+        columnNumber: 15
+      }
+    }, title) : title) : title;
     return {
       id,
       key: id ?? index,
-      title,
+      title: renderedTitle,
       style,
       width: lastColumn && !horizontalScroll ? undefined : width,
       sortable: id && sortable ? true : undefined,
       infoTooltipProps: infoTooltipProps != null && infoTooltipProps.content ? infoTooltipProps : undefined
     };
-  }, [horizontalScroll]);
+  }, [horizontalScroll, showFieldTypeIcons]);
 }
 //# sourceMappingURL=useCreateWSRColumnBase.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","require","useCreateWSRColumnBase","horizontalScroll","useCallback","column","index","length","id","title","width","sortable","infoTooltipProps","lastColumn","lastColumnStyleNoHorizontalScroll","flexBasis","flexGrow","flex","lastColumnStyle","flexShrink","columnStyle","undefined","style","key","content"],"sources":["../../../src/hooks/useCreateWSRColumnBase.ts"],"sourcesContent":["import { TableColumn } from '../model';\nimport { useCallback } from 'react';\n\nexport interface UseCreateWSRColumnBaseParams {\n  horizontalScroll?: boolean;\n}\n\nexport function useCreateWSRColumnBase({\n  horizontalScroll,\n}: UseCreateWSRColumnBaseParams) {\n  return useCallback(\n    (\n      column: Omit<TableColumn<unknown>, 'render' | 'style'>,\n      index: number,\n      length: number,\n    ) => {\n      const { id, title, width, sortable, infoTooltipProps } = column;\n      const lastColumn = index === length - 1;\n\n      const lastColumnStyleNoHorizontalScroll =\n        width != null\n          ? {\n              flexBasis: width,\n              flexGrow: 1,\n            }\n          : {\n              flex: 1,\n            };\n\n      const lastColumnStyle = horizontalScroll\n        ? {\n            flexBasis: width ?? 0,\n            flexShrink: 0,\n            flexGrow: 1,\n          }\n        : lastColumnStyleNoHorizontalScroll;\n\n      const columnStyle = width == null ? { flex: 1 } : undefined;\n\n      const style = lastColumn ? lastColumnStyle : columnStyle;\n\n      return {\n        id,\n        key: id ?? index,\n        title,\n        style,\n        width: lastColumn && !horizontalScroll ? undefined : width,\n        sortable: id && sortable ? true : undefined,\n        infoTooltipProps: infoTooltipProps?.content\n          ? infoTooltipProps\n          : undefined,\n      };\n    },\n    [horizontalScroll],\n  );\n}\n"],"mappings":";;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAMO,SAASC,sBAAsBA,CAAC;EACrCC;AAC4B,CAAC,EAAE;EAC/B,OAAO,IAAAC,kBAAW,EAChB,CACEC,MAAsD,EACtDC,KAAa,EACbC,MAAc,KACX;IACH,MAAM;MAAEC,EAAE;MAAEC,KAAK;MAAEC,KAAK;MAAEC,QAAQ;MAAEC;IAAiB,CAAC,GAAGP,MAAM;IAC/D,MAAMQ,UAAU,GAAGP,KAAK,KAAKC,MAAM,GAAG,CAAC;IAEvC,MAAMO,iCAAiC,GACrCJ,KAAK,IAAI,IAAI,GACT;MACEK,SAAS,EAAEL,KAAK;MAChBM,QAAQ,EAAE;IACZ,CAAC,GACD;MACEC,IAAI,EAAE;IACR,CAAC;IAEP,MAAMC,eAAe,GAAGf,gBAAgB,GACpC;MACEY,SAAS,EAAEL,KAAK,IAAI,CAAC;MACrBS,UAAU,EAAE,CAAC;MACbH,QAAQ,EAAE;IACZ,CAAC,GACDF,iCAAiC;IAErC,MAAMM,WAAW,GAAGV,KAAK,IAAI,IAAI,GAAG;MAAEO,IAAI,EAAE;IAAE,CAAC,GAAGI,SAAS;IAE3D,MAAMC,KAAK,GAAGT,UAAU,GAAGK,eAAe,GAAGE,WAAW;IAExD,OAAO;MACLZ,EAAE;MACFe,GAAG,EAAEf,EAAE,IAAIF,KAAK;MAChBG,KAAK;MACLa,KAAK;MACLZ,KAAK,EAAEG,UAAU,IAAI,CAACV,gBAAgB,GAAGkB,SAAS,GAAGX,KAAK;MAC1DC,QAAQ,EAAEH,EAAE,IAAIG,QAAQ,GAAG,IAAI,GAAGU,SAAS;MAC3CT,gBAAgB,EAAEA,gBAAgB,YAAhBA,gBAAgB,CAAEY,OAAO,GACvCZ,gBAAgB,GAChBS;IACN,CAAC;EACH,CAAC,EACD,CAAClB,gBAAgB,CACnB,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_fieldTypePrefixIcons","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useCreateWSRColumnBase","horizontalScroll","showFieldTypeIcons","useCallback","column","index","length","id","title","width","sortable","infoTooltipProps","fieldType","lastColumn","lastColumnStyleNoHorizontalScroll","flexBasis","flexGrow","flex","lastColumnStyle","flexShrink","columnStyle","undefined","style","renderedTitle","createElement","Box","gap","verticalAlign","minWidth","__self","__source","fileName","lineNumber","columnNumber","getFieldTypeIcon","Text","size","ellipsis","appendTo","key","content"],"sources":["../../../src/hooks/useCreateWSRColumnBase.tsx"],"sourcesContent":["import { TableColumn } from '../model';\nimport React, { useCallback, type ReactNode } from 'react';\nimport { Box, Text } from '@wix/design-system';\nimport { getFieldTypeIcon } from '../utils/fieldTypePrefixIcons';\n\nexport interface UseCreateWSRColumnBaseParams {\n  horizontalScroll?: boolean;\n  /** When true, renders field-type prefix icons in column headers. */\n  showFieldTypeIcons?: boolean;\n}\n\nexport function useCreateWSRColumnBase({\n  horizontalScroll,\n  showFieldTypeIcons,\n}: UseCreateWSRColumnBaseParams) {\n  return useCallback(\n    (\n      column: Omit<TableColumn<unknown>, 'render' | 'style'>,\n      index: number,\n      length: number,\n    ) => {\n      const { id, title, width, sortable, infoTooltipProps, fieldType } =\n        column;\n      const lastColumn = index === length - 1;\n\n      const lastColumnStyleNoHorizontalScroll =\n        width != null\n          ? {\n              flexBasis: width,\n              flexGrow: 1,\n            }\n          : {\n              flex: 1,\n            };\n\n      const lastColumnStyle = horizontalScroll\n        ? {\n            flexBasis: width ?? 0,\n            flexShrink: 0,\n            flexGrow: 1,\n          }\n        : lastColumnStyleNoHorizontalScroll;\n\n      const columnStyle = width == null ? { flex: 1 } : undefined;\n\n      const style = lastColumn ? lastColumnStyle : columnStyle;\n      const renderedTitle: ReactNode =\n        title && showFieldTypeIcons ? (\n          <Box gap=\"SP1\" verticalAlign=\"middle\" minWidth={0}>\n            <Box flexShrink={0}>{getFieldTypeIcon({ fieldType })}</Box>\n            {typeof title === 'string' ? (\n              <Text size=\"small\" ellipsis appendTo=\"window\">\n                {title}\n              </Text>\n            ) : (\n              title\n            )}\n          </Box>\n        ) : (\n          title\n        );\n\n      return {\n        id,\n        key: id ?? index,\n        title: renderedTitle,\n        style,\n        width: lastColumn && !horizontalScroll ? undefined : width,\n        sortable: id && sortable ? true : undefined,\n        infoTooltipProps: infoTooltipProps?.content\n          ? infoTooltipProps\n          : undefined,\n      };\n    },\n    [horizontalScroll, showFieldTypeIcons],\n  );\n}\n"],"mappings":"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","ignoreList":[]}