@wix/patterns 1.207.0 → 1.209.0

package/dist/cjs/components/TableFolders/TableFolders.js

@@ -15,8 +15,7 @@ var _BulkAction = require("../BulkAction");
 var _mobx = require("mobx");
 var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableFolders/TableFolders.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TableFolders(props) {
   const {
     state,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_getToolbarCollectionFeaturesInitializers","_TableFoldersLayout","_providers","_TableFoldersContent","_useTableFoldersSyncProps","_BulkAction","_mobx","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFolders","props","state","multiLevelSorting","rowHeight","estimatedRowHeight","exportModal","bulkActionModal","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useEffect","runInAction","virtual","useTableFoldersSyncProps","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","createElement","TableFoldersLayout","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","table","TableFoldersContent","toolbar","featuredComponents","MultiCollectionBulkActionModal","TableFolders","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFolders.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { TableFoldersLayout } from './TableFoldersLayout';\nimport { TableProvider } from '../../providers';\nimport {\n  TableFoldersContent,\n  TableFoldersContentProps,\n} from './TableFoldersContent';\nimport { useTableFoldersSyncProps } from './useTableFoldersSyncProps';\nimport { MultiCollectionBulkActionModal } from '../BulkAction';\nimport { runInAction } from 'mobx';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport interface TableFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends TableFoldersContentProps<T1, F1, T2, F2> {\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n}\n\nfunction _TableFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: TableFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    multiLevelSorting,\n    rowHeight,\n    estimatedRowHeight,\n    exportModal,\n    bulkActionModal,\n  } = props;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // need this version because of style fixes on the WSR side\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/TableFolders',\n    });\n  }\n\n  useEffect(() => {\n    runInAction(() => {\n      state.virtual.rowHeight = rowHeight;\n    });\n  }, [rowHeight]);\n\n  useEffect(() => {\n    if (estimatedRowHeight == null) {\n      return;\n    }\n    runInAction(() => {\n      state.virtual.estimatedRowHeight = estimatedRowHeight;\n    });\n  }, [estimatedRowHeight]);\n\n  useTableFoldersSyncProps(props);\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n        hasMultiLevelSorting: multiLevelSorting !== undefined,\n      }),\n    [],\n  );\n\n  return (\n    <TableFoldersLayout {...props} state={state}>\n      <TableProvider value={state.table}>\n        <TableFoldersContent {...props} />\n      </TableProvider>\n      {exportModal ?? state.toolbar.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <MultiCollectionBulkActionModal\n          state={state.toolbar}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n    </TableFoldersLayout>\n  );\n}\n\nexport const TableFolders = observer(_TableFolders);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_getToolbarCollectionFeaturesInitializers","_TableFoldersLayout","_providers","_TableFoldersContent","_useTableFoldersSyncProps","_BulkAction","_mobx","_minimalRequiredWdsRuntimeCheck","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableFolders","props","state","multiLevelSorting","rowHeight","estimatedRowHeight","exportModal","bulkActionModal","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","useEffect","runInAction","virtual","useTableFoldersSyncProps","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","hasMultiLevelSorting","undefined","createElement","TableFoldersLayout","_extends2","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","table","TableFoldersContent","toolbar","featuredComponents","MultiCollectionBulkActionModal","TableFolders","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFolders.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { TableFoldersLayout } from './TableFoldersLayout';\nimport { TableProvider } from '../../providers';\nimport {\n  TableFoldersContent,\n  TableFoldersContentProps,\n} from './TableFoldersContent';\nimport { useTableFoldersSyncProps } from './useTableFoldersSyncProps';\nimport { MultiCollectionBulkActionModal } from '../BulkAction';\nimport { runInAction } from 'mobx';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nexport interface TableFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends TableFoldersContentProps<T1, F1, T2, F2> {\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n}\n\nfunction _TableFolders<T1, F1 extends FiltersMap, T2, F2 extends FiltersMap>(\n  props: TableFoldersProps<T1, F1, T2, F2>,\n) {\n  const {\n    state,\n    multiLevelSorting,\n    rowHeight,\n    estimatedRowHeight,\n    exportModal,\n    bulkActionModal,\n  } = props;\n\n  if (process.env.NODE_ENV !== 'production') {\n    // need this version because of style fixes on the WSR side\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/TableFolders',\n    });\n  }\n\n  useEffect(() => {\n    runInAction(() => {\n      state.virtual.rowHeight = rowHeight;\n    });\n  }, [rowHeight]);\n\n  useEffect(() => {\n    if (estimatedRowHeight == null) {\n      return;\n    }\n    runInAction(() => {\n      state.virtual.estimatedRowHeight = estimatedRowHeight;\n    });\n  }, [estimatedRowHeight]);\n\n  useTableFoldersSyncProps(props);\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n        hasMultiLevelSorting: multiLevelSorting !== undefined,\n      }),\n    [],\n  );\n\n  return (\n    <TableFoldersLayout {...props} state={state}>\n      <TableProvider value={state.table}>\n        <TableFoldersContent {...props} />\n      </TableProvider>\n      {exportModal ?? state.toolbar.featuredComponents.exportModal.value}\n      {bulkActionModal && (\n        <MultiCollectionBulkActionModal\n          state={state.toolbar}\n          bulkActionModal={bulkActionModal}\n        />\n      )}\n    </TableFoldersLayout>\n  );\n}\n\nexport const TableFolders = observer(_TableFolders);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableFolders/TableFoldersContent.js

@@ -19,8 +19,7 @@ var _useCreateWSRColumnBase = require("../../hooks/useCreateWSRColumnBase");
 var _TablePlaceholderStates = require("../TablePlaceholderStates/TablePlaceholderStates");
 var _getVirtualTableProps = require("../Table/getVirtualTableProps");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableFolders/TableFoldersContent.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TableFoldersContent(props) {
   const {
     state,

package/dist/cjs/components/TableFolders/TableFoldersContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as TableFoldersContentProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = true,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      showHeaderWhenEmpty\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({ horizontalScroll })}\n      columns={finalColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n      topNotification={topNotification}\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_getVirtualTableProps","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableFoldersContent","props","state","columns","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","iconColumn","multiLevelSorting","actionCell","folderActionCell","actionCellWidth","actionCellProps","filters","customColumns","views","bulkActionToolbar","bulkActionModal","tableGridSwitchButton","topNotification","search","showTitleBar","onRowClick","onFolderRowClick","selectionDisabled","selectionDisabledProp","horizontalScroll","rowVerticalPadding","rest","actionCellColumn","useOrFolderActionCellColumn","stickyActionCell","collections","toolbar","selectedOrderedColumnsOrAll","createWSRColumnBase","useCreateWSRColumnBase","finalColumns","key","title","width","style","undefined","render","item","rowNum","_tag","renderFolder","originalKeyedItem","createElement","FolderIcon","__self","__source","fileName","lineNumber","columnNumber","Avatar","dataHook","name","items","itemName","map","column","index","length","id","sortable","infoTooltipProps","restColumn","sortDescending","query","sort","getIsSortDescending","row","BodyElementType","useState","children","VirtualGridStateProvider","value","virtual","VirtualTableRepeater","useCallback","bulk","Table","CollectionTableWSRTable","showSelection","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","getVirtualTableProps","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import { Avatar, TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, {\n  ComponentType,\n  ReactElement,\n  useCallback,\n  useState,\n} from 'react';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { RowItem, RowKeyedItem, TableFoldersState } from '../../state';\nimport { ActionCell } from '../ActionCell';\nimport { PartialAllFilters } from '../../state/FoldersAndItemsCollectionsState';\nimport { FolderIcon } from '../FolderIcon';\nimport {\n  CollectionTableWSRTable,\n  CollectionTableWSRTableBaseProps,\n  CollectionTableWSRTableProps,\n} from '../CollectionTable/CollectionTableWSRTable';\nimport { CollectionTableContent } from '../CollectionTable/CollectionTableContent';\nimport {\n  VirtualTableRepeater,\n  VirtualTableRepeaterProps,\n} from '../VirtualGridRepeater/VirtualTableRepeater';\nimport { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';\nimport { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';\nimport {\n  MultiCollectionBulkActionModalRenderProps,\n  MultiCollectionBulkActionToolbar,\n  MultiCollectionBulkActionToolbarRenderProps,\n} from '../BulkAction';\nimport { TableColumn } from '../../model';\nimport { CollectionTableActionCellProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { getVirtualTableProps } from '../Table/getVirtualTableProps';\n\ntype UnionTableProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\ntype TableFolderWSRTableBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = CollectionTableWSRTableBaseProps<\n  RowItem<T1, T2>,\n  T1,\n  PartialAllFilters<F1, F2>\n>;\n\nexport interface TableFoldersContentProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      TableFolderWSRTableBaseProps<T1, F1, T2, F2>,\n      'actionCell' | 'sticky' | 'topNotification' | 'selectionDisabled'\n    >,\n    CollectionTableActionCellProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/base-components-collections-tablefolders-usetablefolders--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. */\n  columns: TableFoldersColumn<T1, T2>[];\n  /** Specific entry for rendering the item icon, defaults to simple `Avatar` (for folders a `Folder` icon is rendered). */\n  iconColumn?: TableFoldersColumn<T1, T2>;\n\n  onRowClick?: (item: T1, index: number) => void;\n  /** Callback for folder row click  */\n  onFolderRowClick?: (item: T2, index: number) => void;\n  /** Disables row checkbox */\n  selectionDisabled?: (item: T1 | T2) => void;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * A toolbar for performing bulk actions on multiple items.\n   * Supported parameters:\n   *  + `selectedValues`: Selected item values.\n   *  + `uncheckedValues`: Unselected item values.\n   *  + `isSelectAll`: [bool] Whether the **Select All** option is selected.\n   *  + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop.\n   *  + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes.\n   *  + `closeModal`: Closes the modal.\n   *  + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items.\n   *  + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`.\n   * @external\n   */\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  /**\n   * Render a modal to be opened from `bulkActionToolbar`.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `closeModal`: Closes the a modal\n   */\n  bulkActionModal?: MultiCollectionBulkActionModalRenderProps;\n}\n\nfunction _TableFoldersContent<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersContentProps<T1, F1, T2, F2>) {\n  const {\n    state,\n    columns,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as TableFoldersContentProps<\n        T1,\n        F1,\n        T2,\n        F2\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    iconColumn,\n    multiLevelSorting,\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps,\n    filters,\n    customColumns,\n    views,\n    bulkActionToolbar,\n    bulkActionModal,\n    tableGridSwitchButton,\n    topNotification,\n    search,\n    showTitleBar = true,\n    onRowClick,\n    onFolderRowClick,\n    selectionDisabled: selectionDisabledProp,\n    horizontalScroll = true,\n    rowVerticalPadding,\n    ...rest\n  } = props;\n\n  const actionCellColumn = useOrFolderActionCellColumn({\n    actionCell,\n    folderActionCell,\n    actionCellWidth,\n    actionCellProps: {\n      ...(actionCellProps ?? {}),\n      stickyActionCell: true,\n    },\n    state: state.collections,\n  });\n\n  const {\n    toolbar: { selectedOrderedColumnsOrAll },\n  } = state;\n\n  const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n  const finalColumns = [\n    {\n      key: 'cairo-avatar',\n      title: '',\n      width: '48px',\n      ...iconColumn,\n      style: undefined,\n      render: ({ item }, rowNum) => {\n        if (item._tag === 'folder') {\n          return (\n            iconColumn?.renderFolder?.(item.originalKeyedItem.item, rowNum) ?? (\n              <FolderIcon data-hook=\"folder-icon\" />\n            )\n          );\n        }\n\n        return (\n          iconColumn?.render?.(item.originalKeyedItem.item, rowNum) ?? (\n            <Avatar\n              dataHook=\"item-avatar\"\n              name={state.collections.items.itemName(\n                item.originalKeyedItem.item,\n              )}\n            />\n          )\n        );\n      },\n    },\n    ...(selectedOrderedColumnsOrAll as TableFoldersColumn<T1, T2>[]).map(\n      (column, index, { length }) => {\n        const {\n          id,\n          title,\n          width,\n          sortable,\n          infoTooltipProps,\n          render,\n          renderFolder,\n          ...restColumn\n        } = column;\n\n        return {\n          ...restColumn,\n          ...createWSRColumnBase(column, index, length),\n          sortDescending:\n            sortable && id\n              ? state.collections.query.sort.getIsSortDescending(id)\n              : undefined,\n          render: (row: RowKeyedItem<T1, T2>, rowNum: number) => {\n            const item = row.item;\n            if (item._tag === 'folder') {\n              return renderFolder?.(item.originalKeyedItem.item, rowNum);\n            }\n\n            return render(item.originalKeyedItem.item, rowNum);\n          },\n        };\n      },\n    ),\n    ...(actionCellColumn ? [actionCellColumn] : []),\n  ] as WSRTableColumn<RowKeyedItem<T1, T2>>[];\n\n  const [BodyElementType] = useState(\n    () =>\n      ({ children }: VirtualTableRepeaterProps) =>\n        (\n          <VirtualGridStateProvider value={state.virtual}>\n            <VirtualTableRepeater>{children}</VirtualTableRepeater>\n          </VirtualGridStateProvider>\n        ),\n  );\n\n  const selectionDisabled = useCallback(\n    ({ item }: KeyedItem<T1 | T2>) => selectionDisabledProp?.(item),\n    [selectionDisabledProp],\n  );\n\n  if (selectionDisabled != null) {\n    state.toolbar.bulk.selectionDisabledProp =\n      selectionDisabled as SelectionDisabledProp;\n  }\n\n  const Table = CollectionTableWSRTable as ComponentType<\n    UnionTableProps<T1, F1, T2, F2>\n  >;\n\n  const showSelection = bulkActionToolbar != null;\n\n  return (\n    <Table\n      {...rest}\n      showHeaderWhenEmpty\n      state={state}\n      sticky\n      search={search}\n      filters={filters}\n      customColumns={customColumns}\n      views={views}\n      showSelection={showSelection}\n      selectionToolbar={\n        bulkActionToolbar && (\n          <MultiCollectionBulkActionToolbar\n            state={state.toolbar}\n            bulkActionToolbar={bulkActionToolbar}\n          />\n        )\n      }\n      tableGridSwitchButton={tableGridSwitchButton}\n      horizontalScroll={horizontalScroll}\n      emptyState={emptyState}\n      noResultsState={noResultsState}\n      {...getVirtualTableProps({ horizontalScroll })}\n      columns={finalColumns}\n      showTitleBar={showTitleBar}\n      isApplyColumnWidthStyle={true}\n      BodyElementType={BodyElementType}\n      onSortClick={(col: TableColumn<{}>) => {\n        if (col.id != null) {\n          state.collections.items.sort(\n            { id: col.id, sortMode: col.sortMode },\n            {\n              clearResult: true,\n              multiple: multiLevelSorting !== undefined,\n            },\n          );\n        }\n      }}\n      onRowClick={\n        (onRowClick || onFolderRowClick) &&\n        (({ item }, index) => {\n          if (item._tag === 'folder') {\n            onFolderRowClick?.(item.originalKeyedItem.item, index);\n          } else {\n            onRowClick?.(item.originalKeyedItem.item, index);\n          }\n        })\n      }\n      selectionDisabled={\n        selectionDisabledProp &&\n        (({ item }) => selectionDisabledProp?.(item.originalKeyedItem.item))\n      }\n      topNotification={topNotification}\n    >\n      <TablePlaceholderStates\n        state={state}\n        emptyState={emptyState}\n        noResultsState={noResultsState}\n        errorState={errorState}\n        rowVerticalPadding={rowVerticalPadding}\n      />\n\n      <CollectionTableContent state={state.table}>\n        <TableFoldersInfiniteScroll state={state} />\n      </CollectionTableContent>\n    </Table>\n  );\n}\n\nexport const TableFoldersContent = observer(_TableFoldersContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableGridSwitch/TableGridSwitch.js

@@ -12,8 +12,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _TableGridSwitchButton = require("../TableGridSwitchButton");
 var _InitialLoader = require("../InitialLoader");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableGridSwitch/TableGridSwitch.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TableGridSwitch(props) {
   const {
     state,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitch","props","state","dragAndDrop","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n        />\n      ) : (\n        <Table\n          {...props}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_","_mobxReactLite","_TableGridSwitchButton","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitch","props","state","dragAndDrop","gridState","tableState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","Grid","_extends2","grid","Table","sticky","table","TableGridSwitch","exports","observer"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Grid, GridBasePropsWithoutPreset } from '../Grid';\nimport { Table, TableProps } from '..';\nimport { observer } from 'mobx-react-lite';\nimport type { TableGridSwitchState } from '../../state/TableGridSwitchState';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport { GridPresetProps } from '../Grid/Grid.types';\nimport type { TableGridSwitchDragAndDrop } from './TableGridSwitchDragAndDrop';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchBaseProps<T, F extends FiltersMap>\n  extends Omit<\n      GridBasePropsWithoutPreset<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    >,\n    Omit<\n      TableProps<T, F>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton' | 'sticky'\n    > {\n  /**\n   * A `TableGridSwitchState` instance created using [useTableGridSwitch](./?path=/story/base-components-collections-tablegridswitch-usetablegridswitchcollection--usetablegridswitchcollection).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [TableGridSwitchDragAndDrop](./?path=/story/features-sort-drag-and-drop--tablegridswitchdraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof TableGridSwitchDragAndDrop;\n}\n\nexport type TableGridSwitchProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  TableGridSwitchBaseProps<T, F>\n>;\n\nexport function _TableGridSwitch<T, F extends FiltersMap = FiltersMap>(\n  props: TableGridSwitchProps<T, F>,\n) {\n  const { state, dragAndDrop } = props;\n  const { gridState, tableState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n\n  useEffect(() => state.init(), []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <Grid\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridState}\n          dragAndDrop={dragAndDrop?.grid}\n        />\n      ) : (\n        <Table\n          {...props}\n          sticky\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableState}\n          dragAndDrop={dragAndDrop?.table}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitch = observer(_TableGridSwitch);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.js

@@ -11,8 +11,7 @@ var _GridFolders = require("../Grid/GridFolders");
 var _TableFolders = require("../TableFolders");
 var _InitialLoader = require("../InitialLoader");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableGridSwitchFolders/TableGridSwitchFolders.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TableGridSwitchFolders(props) {
   const {
     state

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableGridSwitchButton","_GridFolders","_TableFolders","_InitialLoader","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableGridSwitchFolders","props","state","gridFoldersState","tableFoldersState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","GridFolders","_extends2","TableFolders","TableGridSwitchFolders","exports","observer"],"sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport {\n  GridFolders,\n  GridFoldersBasePropsWithoutPreset,\n} from '../Grid/GridFolders';\nimport { TableGridSwitchFoldersState } from '../../state';\nimport { GridFoldersPresetProps } from '../Grid/GridFolders.types';\nimport { TableFolders, TableFoldersProps } from '../TableFolders';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton'\n    >,\n    Omit<\n      TableFoldersProps<T1, F1, T2, F2>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton'\n    > {\n  /** A TableGridSwitchFoldersState instance created using [useTableGridSwitchFoldersState](./?path=/story/base-components-collections-tablegridswitchfolders-usetablegridswitchfolders--usetablegridswitchfolders). */\n  state: TableGridSwitchFoldersState<T1, F1, T2, F2>;\n}\n\nexport type TableGridSwitchFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  TableGridSwitchFoldersBaseProps<T1, F1, T2, F2>\n>;\n\nfunction _TableGridSwitchFolders<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableGridSwitchFoldersProps<T1, F1, T2, F2>) {\n  const { state } = props;\n  const { gridFoldersState, tableFoldersState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n  useEffect(() => {\n    state.init();\n  }, []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <GridFolders\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridFoldersState}\n        />\n      ) : (\n        <TableFolders\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableFoldersState}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitchFolders = observer(_TableGridSwitchFolders);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableGridSwitchButton","_GridFolders","_TableFolders","_InitialLoader","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableGridSwitchFolders","props","state","gridFoldersState","tableFoldersState","toolbar","tableGridSwitchButton","createElement","TableGridSwitchButton","viewTypeState","__self","__source","fileName","lineNumber","columnNumber","useEffect","init","initTask","status","isLoading","isIdle","Fragment","InitialLoader","dataHook","viewType","GridFolders","_extends2","TableFolders","TableGridSwitchFolders","exports","observer"],"sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { TableGridSwitchButton } from '../TableGridSwitchButton';\nimport {\n  GridFolders,\n  GridFoldersBasePropsWithoutPreset,\n} from '../Grid/GridFolders';\nimport { TableGridSwitchFoldersState } from '../../state';\nimport { GridFoldersPresetProps } from '../Grid/GridFolders.types';\nimport { TableFolders, TableFoldersProps } from '../TableFolders';\nimport { InitialLoader } from '../InitialLoader';\n\nexport interface TableGridSwitchFoldersBaseProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> extends Omit<\n      GridFoldersBasePropsWithoutPreset<T1, F1, T2, F2>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton'\n    >,\n    Omit<\n      TableFoldersProps<T1, F1, T2, F2>,\n      'state' | 'dragAndDrop' | 'tableGridSwitchButton'\n    > {\n  /** A TableGridSwitchFoldersState instance created using [useTableGridSwitchFoldersState](./?path=/story/base-components-collections-tablegridswitchfolders-usetablegridswitchfolders--usetablegridswitchfolders). */\n  state: TableGridSwitchFoldersState<T1, F1, T2, F2>;\n}\n\nexport type TableGridSwitchFoldersProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> = GridFoldersPresetProps<\n  T1,\n  T2,\n  TableGridSwitchFoldersBaseProps<T1, F1, T2, F2>\n>;\n\nfunction _TableGridSwitchFolders<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableGridSwitchFoldersProps<T1, F1, T2, F2>) {\n  const { state } = props;\n  const { gridFoldersState, tableFoldersState, toolbar } = state;\n\n  const tableGridSwitchButton = (\n    <TableGridSwitchButton state={state.viewTypeState} />\n  );\n  useEffect(() => {\n    state.init();\n  }, []);\n\n  const {\n    initTask: { status },\n  } = state;\n\n  const isLoading = status.isIdle || status.isLoading;\n  return (\n    <>\n      {isLoading ? (\n        <InitialLoader dataHook=\"initial-loader\" state={toolbar} />\n      ) : state.viewType === 'grid' ? (\n        <GridFolders\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={gridFoldersState}\n        />\n      ) : (\n        <TableFolders\n          {...props}\n          tableGridSwitchButton={tableGridSwitchButton}\n          state={tableFoldersState}\n        />\n      )}\n    </>\n  );\n}\n\nexport const TableGridSwitchFolders = observer(_TableGridSwitchFolders);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableSkeleton/TableSkeleton.js

@@ -10,8 +10,7 @@ var _designSystem = require("@wix/design-system");
 var _state = require("../../state");
 var _mobxReactLite = require("mobx-react-lite");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableSkeleton/TableSkeleton.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TableSkeleton(props) {
   const {
     state,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableSkeleton","props","state","dataHook","rowsCount","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","Table","skin","withWrapper","Card","Content","titleBarVisible","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  Card,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState, ResponsiveColumnsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const { state, dataHook, rowsCount = 7, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth) {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin=\"neutral\"\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Card>\n          <Table.Content titleBarVisible={true} />\n        </Card>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_state","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableSkeleton","props","state","dataHook","rowsCount","rest","columnCount","minItemWidth","itemsContentWidth","useState","ResponsiveColumnsState","gridState","gap","rectState","toolbarRect","containerPadding","data","useMemo","Array","fill","map","_","id","columns","title","key","render","createElement","Box","direction","width","minWidth","__self","__source","fileName","lineNumber","columnNumber","SkeletonGroup","SkeletonLine","marginTop","marginBottom","TrElementType","forwardRef","rowData","_rowData","trProps","ref","_extends2","undefined","Table","skin","withWrapper","Card","Content","titleBarVisible","TableSkeleton","exports","observer"],"sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"sourcesContent":["import React, { forwardRef, MutableRefObject, useMemo, useState } from 'react';\nimport {\n  Box,\n  Card,\n  SkeletonGroup,\n  SkeletonLine,\n  Table,\n  TableProps,\n} from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ToolbarCollectionState, ResponsiveColumnsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport interface TableSkeletonProps<T, F extends FiltersMap> {\n  state: ToolbarCollectionState<T, F>;\n  dataHook?: string;\n  rowsCount?: number;\n  rowVerticalPadding?: TableProps['rowVerticalPadding'];\n}\n\nexport function _TableSkeleton<T, F extends FiltersMap>(\n  props: TableSkeletonProps<T, F>,\n) {\n  const { state, dataHook, rowsCount = 7, ...rest } = props;\n\n  const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(\n    () =>\n      new ResponsiveColumnsState({\n        gridState: {\n          gap: 24,\n        },\n        minItemWidth: 192,\n        rectState: state.toolbarRect,\n        containerPadding: 48,\n      }),\n  );\n\n  const data = useMemo(\n    () =>\n      new Array(rowsCount)\n        .fill(null)\n        .map((_, i) => ({ id: `skeleton-row-${i}` })),\n    [rowsCount],\n  );\n\n  const columns = useMemo(\n    () =>\n      new Array(columnCount).fill(null).map((_, i) => ({\n        title: '',\n        key: `skeleton-column-${i}`,\n        dataHook: `skeleton-column-${i}`,\n        render: () => (\n          <Box direction=\"vertical\" width=\"100%\" minWidth={`${minItemWidth}px`}>\n            <SkeletonGroup>\n              <SkeletonLine width=\"100%\" marginTop=\"SP1\" marginBottom=\"SP1\" />\n            </SkeletonGroup>\n          </Box>\n        ),\n      })),\n    [columnCount],\n  );\n\n  const [TrElementType] = useState(() =>\n    forwardRef(\n      (\n        { rowData: _rowData, ...trProps }: { rowData?: unknown },\n        ref:\n          | ((instance: HTMLTableRowElement | null) => void)\n          | MutableRefObject<HTMLTableRowElement | null>\n          | null,\n      ) => {\n        // <TableSkeleton/> is rendered inside the main <Table/> component, so we need to remove the data-table-row attribute from the <tr/> element to make testkit not to consider skeleton rows as real rows\n        return <tr ref={ref} {...trProps} data-table-row={undefined} />;\n      },\n    ),\n  );\n  if (!itemsContentWidth) {\n    return null;\n  }\n  return (\n    // <Box/> wrapper always aligns the skeleton to the top of the table\n    <Box marginBottom=\"auto\" dataHook={dataHook}>\n      <Table\n        skin=\"neutral\"\n        data={data}\n        columns={columns}\n        withWrapper={false}\n        {...{ TrElementType }}\n        {...rest}\n      >\n        <Card>\n          <Table.Content titleBarVisible={true} />\n        </Card>\n      </Table>\n    </Box>\n  );\n}\n\nexport const TableSkeleton = observer(_TableSkeleton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TableTopNotification/TableTopNotification.js

@@ -12,8 +12,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _TableTopNotificationState = require("./TableTopNotificationState");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableTopNotification/TableTopNotification.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TableTopNotification(props) {
   const {
     onClose,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Fade","_Collapse","_mobxReactLite","_ToolbarCollectionContext","_TableTopNotificationState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TableTopNotification","props","onClose","showCloseButton","onAfterClose","onAfterOpen","hideOnSearch","children","appearance","rest","toolbarCollectionState","useToolbarCollectionContext","collection","totalStickyContentHeight","_topNotification","topNotification","query","search","state","useState","TableTopNotificationState","getStickyContentHeight","reportBI","reportBi","targetRef","useRef","useEffect","init","position","data","text","show","child","isEmpty","createElement","Collapse","timeout","onEntered","style","flexShrink","top","zIndex","width","__self","__source","fileName","lineNumber","columnNumber","Table","SubToolbar","Fade","in","unmountOnExit","Box","paddingTop","paddingBottom","SectionHelper","_extends2","dataHook","clickClose","Fragment","ref","el","current","TableTopNotification","exports","observer","displayName"],"sources":["../../../../src/components/TableTopNotification/TableTopNotification.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport {\n  Box,\n  SectionHelper,\n  SectionHelperProps,\n  Table,\n} from '@wix/design-system';\nimport { Fade } from '../Fade';\nimport { Collapse } from '../Collapse';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TableTopNotificationState } from './TableTopNotificationState';\n\nexport interface TableTopNotificationProps extends Partial<SectionHelperProps> {\n  /**\n   * After the notification close animation finished\n   */\n  onAfterClose?: () => unknown;\n  /**\n   * After the notification open animation finished\n   */\n  onAfterOpen?: () => unknown;\n\n  /** hide the notification when search is applied.\n   * @default false\n   */\n  hideOnSearch?: boolean;\n\n  children?: ReactNode;\n}\n\nfunction _TableTopNotification(props: TableTopNotificationProps) {\n  const {\n    onClose,\n    showCloseButton = !!onClose,\n    onAfterClose,\n    onAfterOpen,\n    hideOnSearch,\n    children,\n    appearance = 'standard',\n    ...rest\n  } = props;\n\n  const toolbarCollectionState = useToolbarCollectionContext();\n\n  const { collection, totalStickyContentHeight } = toolbarCollectionState;\n\n  const {\n    _topNotification: topNotification,\n    query: { search },\n  } = collection;\n\n  const [state] = useState(\n    () =>\n      new TableTopNotificationState({\n        topNotification,\n        getStickyContentHeight: () =>\n          toolbarCollectionState.totalStickyContentHeight,\n        reportBI: toolbarCollectionState.reportBi,\n      }),\n  );\n\n  const targetRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => state.init(), []);\n\n  const { position } = state;\n  const { data: text, show } = topNotification;\n\n  let child;\n\n  if (hideOnSearch && !search.isEmpty) {\n    child = null;\n  } else {\n    child = (\n      <Collapse\n        timeout={300}\n        state={topNotification}\n        onEntered={onAfterOpen}\n        style={{\n          flexShrink: 0,\n          ...(position === 'sticky' &&\n            totalStickyContentHeight != null && {\n              position: 'sticky',\n              top: totalStickyContentHeight,\n              zIndex: 1100,\n            }),\n          width: '100%',\n        }}\n      >\n        <Table.SubToolbar>\n          <Fade timeout={300} in={show} unmountOnExit>\n            <Box paddingTop=\"15px\" paddingBottom=\"15px\">\n              <SectionHelper\n                {...rest}\n                dataHook=\"table-top-notification\"\n                showCloseButton={showCloseButton}\n                onClose={(e) => {\n                  topNotification.clickClose(onAfterClose);\n                  onClose?.(e);\n                }}\n                appearance={appearance}\n              >\n                {text}\n                {children}\n              </SectionHelper>\n            </Box>\n          </Fade>\n        </Table.SubToolbar>\n      </Collapse>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      <div\n        ref={(el) => {\n          targetRef.current = el;\n        }}\n      />\n    </>\n  );\n}\n\nexport const TableTopNotification = observer(_TableTopNotification);\nTableTopNotification.displayName = 'TableTopNotification';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,0BAAA,GAAAN,OAAA;AAAwE,IAAAO,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAoBxE,SAASW,qBAAqBA,CAACC,KAAgC,EAAE;EAC/D,MAAM;IACJC,OAAO;IACPC,eAAe,GAAG,CAAC,CAACD,OAAO;IAC3BE,YAAY;IACZC,WAAW;IACXC,YAAY;IACZC,QAAQ;IACRC,UAAU,GAAG,UAAU;IACvB,GAAGC;EACL,CAAC,GAAGR,KAAK;EAET,MAAMS,sBAAsB,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE5D,MAAM;IAAEC,UAAU;IAAEC;EAAyB,CAAC,GAAGH,sBAAsB;EAEvE,MAAM;IACJI,gBAAgB,EAAEC,eAAe;IACjCC,KAAK,EAAE;MAAEC;IAAO;EAClB,CAAC,GAAGL,UAAU;EAEd,MAAM,CAACM,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,oDAAyB,CAAC;IAC5BL,eAAe;IACfM,sBAAsB,EAAEA,CAAA,KACtBX,sBAAsB,CAACG,wBAAwB;IACjDS,QAAQ,EAAEZ,sBAAsB,CAACa;EACnC,CAAC,CACL,CAAC;EAED,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EAErD,IAAAC,gBAAS,EAAC,MAAMR,KAAK,CAACS,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,MAAM;IAAEC;EAAS,CAAC,GAAGV,KAAK;EAC1B,MAAM;IAAEW,IAAI,EAAEC,IAAI;IAAEC;EAAK,CAAC,GAAGhB,eAAe;EAE5C,IAAIiB,KAAK;EAET,IAAI1B,YAAY,IAAI,CAACW,MAAM,CAACgB,OAAO,EAAE;IACnCD,KAAK,GAAG,IAAI;EACd,CAAC,MAAM;IACLA,KAAK,gBACH9D,MAAA,CAAAgB,OAAA,CAAAgD,aAAA,CAAC3D,SAAA,CAAA4D,QAAQ;MACPC,OAAO,EAAE,GAAI;MACblB,KAAK,EAAEH,eAAgB;MACvBsB,SAAS,EAAEhC,WAAY;MACvBiC,KAAK,EAAE;QACLC,UAAU,EAAE,CAAC;QACb,IAAIX,QAAQ,KAAK,QAAQ,IACvBf,wBAAwB,IAAI,IAAI,IAAI;UAClCe,QAAQ,EAAE,QAAQ;UAClBY,GAAG,EAAE3B,wBAAwB;UAC7B4B,MAAM,EAAE;QACV,CAAC,CAAC;QACJC,KAAK,EAAE;MACT,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlE,YAAA;QAAAmE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEF7E,MAAA,CAAAgB,OAAA,CAAAgD,aAAA,CAAC7D,aAAA,CAAA2E,KAAK,CAACC,UAAU;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlE,YAAA;QAAAmE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACf7E,MAAA,CAAAgB,OAAA,CAAAgD,aAAA,CAAC5D,KAAA,CAAA4E,IAAI;MAACd,OAAO,EAAE,GAAI;MAACe,EAAE,EAAEpB,IAAK;MAACqB,aAAa;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlE,YAAA;QAAAmE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACzC7E,MAAA,CAAAgB,OAAA,CAAAgD,aAAA,CAAC7D,aAAA,CAAAgF,GAAG;MAACC,UAAU,EAAC,MAAM;MAACC,aAAa,EAAC,MAAM;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlE,YAAA;QAAAmE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACzC7E,MAAA,CAAAgB,OAAA,CAAAgD,aAAA,CAAC7D,aAAA,CAAAmF,aAAa,MAAAC,SAAA,CAAAvE,OAAA,MACRuB,IAAI;MACRiD,QAAQ,EAAC,wBAAwB;MACjCvD,eAAe,EAAEA,eAAgB;MACjCD,OAAO,EAAGrB,CAAC,IAAK;QACdkC,eAAe,CAAC4C,UAAU,CAACvD,YAAY,CAAC;QACxCF,OAAO,YAAPA,OAAO,CAAGrB,CAAC,CAAC;MACd,CAAE;MACF2B,UAAU,EAAEA,UAAW;MAAAmC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlE,YAAA;QAAAmE,UAAA;QAAAC,YAAA;MAAA;IAAA,IAEtBjB,IAAI,EACJvB,QACY,CACZ,CACD,CACU,CACV,CACX;EACH;EAEA,oBACErC,MAAA,CAAAgB,OAAA,CAAAgD,aAAA,CAAAhE,MAAA,CAAAgB,OAAA,CAAA0E,QAAA,QACG5B,KAAK,eACN9D,MAAA,CAAAgB,OAAA,CAAAgD,aAAA;IACE2B,GAAG,EAAGC,EAAE,IAAK;MACXtC,SAAS,CAACuC,OAAO,GAAGD,EAAE;IACxB,CAAE;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlE,YAAA;MAAAmE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CACD,CAAC;AAEP;AAEO,MAAMiB,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAAClE,qBAAqB,CAAC;AACnEgE,oBAAoB,CAACG,WAAW,GAAG,sBAAsB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_Fade","_Collapse","_mobxReactLite","_ToolbarCollectionContext","_TableTopNotificationState","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TableTopNotification","props","onClose","showCloseButton","onAfterClose","onAfterOpen","hideOnSearch","children","appearance","rest","toolbarCollectionState","useToolbarCollectionContext","collection","totalStickyContentHeight","_topNotification","topNotification","query","search","state","useState","TableTopNotificationState","getStickyContentHeight","reportBI","reportBi","targetRef","useRef","useEffect","init","position","data","text","show","child","isEmpty","createElement","Collapse","timeout","onEntered","style","flexShrink","top","zIndex","width","__self","__source","fileName","lineNumber","columnNumber","Table","SubToolbar","Fade","in","unmountOnExit","Box","paddingTop","paddingBottom","SectionHelper","_extends2","dataHook","clickClose","Fragment","ref","el","current","TableTopNotification","exports","observer","displayName"],"sources":["../../../../src/components/TableTopNotification/TableTopNotification.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useRef, useState } from 'react';\nimport {\n  Box,\n  SectionHelper,\n  SectionHelperProps,\n  Table,\n} from '@wix/design-system';\nimport { Fade } from '../Fade';\nimport { Collapse } from '../Collapse';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TableTopNotificationState } from './TableTopNotificationState';\n\nexport interface TableTopNotificationProps extends Partial<SectionHelperProps> {\n  /**\n   * After the notification close animation finished\n   */\n  onAfterClose?: () => unknown;\n  /**\n   * After the notification open animation finished\n   */\n  onAfterOpen?: () => unknown;\n\n  /** hide the notification when search is applied.\n   * @default false\n   */\n  hideOnSearch?: boolean;\n\n  children?: ReactNode;\n}\n\nfunction _TableTopNotification(props: TableTopNotificationProps) {\n  const {\n    onClose,\n    showCloseButton = !!onClose,\n    onAfterClose,\n    onAfterOpen,\n    hideOnSearch,\n    children,\n    appearance = 'standard',\n    ...rest\n  } = props;\n\n  const toolbarCollectionState = useToolbarCollectionContext();\n\n  const { collection, totalStickyContentHeight } = toolbarCollectionState;\n\n  const {\n    _topNotification: topNotification,\n    query: { search },\n  } = collection;\n\n  const [state] = useState(\n    () =>\n      new TableTopNotificationState({\n        topNotification,\n        getStickyContentHeight: () =>\n          toolbarCollectionState.totalStickyContentHeight,\n        reportBI: toolbarCollectionState.reportBi,\n      }),\n  );\n\n  const targetRef = useRef<HTMLDivElement | null>(null);\n\n  useEffect(() => state.init(), []);\n\n  const { position } = state;\n  const { data: text, show } = topNotification;\n\n  let child;\n\n  if (hideOnSearch && !search.isEmpty) {\n    child = null;\n  } else {\n    child = (\n      <Collapse\n        timeout={300}\n        state={topNotification}\n        onEntered={onAfterOpen}\n        style={{\n          flexShrink: 0,\n          ...(position === 'sticky' &&\n            totalStickyContentHeight != null && {\n              position: 'sticky',\n              top: totalStickyContentHeight,\n              zIndex: 1100,\n            }),\n          width: '100%',\n        }}\n      >\n        <Table.SubToolbar>\n          <Fade timeout={300} in={show} unmountOnExit>\n            <Box paddingTop=\"15px\" paddingBottom=\"15px\">\n              <SectionHelper\n                {...rest}\n                dataHook=\"table-top-notification\"\n                showCloseButton={showCloseButton}\n                onClose={(e) => {\n                  topNotification.clickClose(onAfterClose);\n                  onClose?.(e);\n                }}\n                appearance={appearance}\n              >\n                {text}\n                {children}\n              </SectionHelper>\n            </Box>\n          </Fade>\n        </Table.SubToolbar>\n      </Collapse>\n    );\n  }\n\n  return (\n    <>\n      {child}\n      <div\n        ref={(el) => {\n          targetRef.current = el;\n        }}\n      />\n    </>\n  );\n}\n\nexport const TableTopNotification = observer(_TableTopNotification);\nTableTopNotification.displayName = 'TableTopNotification';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabTitle.js

@@ -7,8 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _TabsFilterStCss = require("./TabsFilter.st.css.js");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabsFilter/TabTitle.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TabTitle({
   tabIndex,
   state,

package/dist/cjs/components/TabsFilter/TabTitle.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TabsFilterStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabTitle","tabIndex","state","text","value","counterBadge","badge","badgeRef","useRef","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n  tabIndex: number;\n  state: TabsResponsiveState;\n  text?: string;\n  value: V | null | undefined;\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n  tabIndex,\n  state,\n  text,\n  value,\n  counterBadge,\n}: TabTitleProps<V>) {\n  const badge = counterBadge?.(value);\n  const badgeRef = useRef<HTMLSpanElement>();\n\n  useEffect(() => {\n    if (badgeRef.current) {\n      state.badges.set(tabIndex, badgeRef.current);\n    }\n\n    return () => {\n      state.badges.delete(tabIndex);\n    };\n  }, [badgeRef.current]);\n\n  return (\n    <Box\n      className={st(classes.root)}\n      dataHook=\"tabs-filter-tab-title\"\n      verticalAlign=\"middle\"\n      align=\"center\"\n    >\n      <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n        <Text className={st(classes.title)} dataHook=\"title-text\" ellipsis>\n          {text}\n        </Text>\n      </Box>\n      {badge && (\n        <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n          <div\n            ref={(node) => {\n              if (node) {\n                badgeRef.current = node;\n              }\n            }}\n          >\n            {badge}\n          </div>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_TabsFilterStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabTitle","tabIndex","state","text","value","counterBadge","badge","badgeRef","useRef","useEffect","current","badges","delete","createElement","Box","className","st","classes","root","dataHook","verticalAlign","align","__self","__source","fileName","lineNumber","columnNumber","maxWidth","itemMaxWidth","flexShrink","minWidth","Text","title","ellipsis","marginLeft","itemBadgeMargin","ref","node","TabTitle","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabTitle.tsx"],"sourcesContent":["import { Box, Text } from '@wix/design-system';\nimport React, { useEffect, ReactNode, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { TabsResponsiveState } from './TabsResponsiveState';\nimport { classes, st } from './TabsFilter.st.css.js';\n\nexport interface TabTitleProps<V> {\n  tabIndex: number;\n  state: TabsResponsiveState;\n  text?: string;\n  value: V | null | undefined;\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n}\n\nfunction _TabTitle<V>({\n  tabIndex,\n  state,\n  text,\n  value,\n  counterBadge,\n}: TabTitleProps<V>) {\n  const badge = counterBadge?.(value);\n  const badgeRef = useRef<HTMLSpanElement>();\n\n  useEffect(() => {\n    if (badgeRef.current) {\n      state.badges.set(tabIndex, badgeRef.current);\n    }\n\n    return () => {\n      state.badges.delete(tabIndex);\n    };\n  }, [badgeRef.current]);\n\n  return (\n    <Box\n      className={st(classes.root)}\n      dataHook=\"tabs-filter-tab-title\"\n      verticalAlign=\"middle\"\n      align=\"center\"\n    >\n      <Box maxWidth={state.itemMaxWidth} flexShrink={1} minWidth={0}>\n        <Text className={st(classes.title)} dataHook=\"title-text\" ellipsis>\n          {text}\n        </Text>\n      </Box>\n      {badge && (\n        <Box dataHook=\"title-badge\" marginLeft={`${state.itemBadgeMargin}px`}>\n          <div\n            ref={(node) => {\n              if (node) {\n                badgeRef.current = node;\n              }\n            }}\n          >\n            {badge}\n          </div>\n        </Box>\n      )}\n    </Box>\n  );\n}\n\nexport const TabTitle = observer(_TabTitle);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsDropdown.js

@@ -12,8 +12,7 @@ var _types = require("./types");
 var _SingleSelectFilterBase = require("../SingleSelectFilterBase");
 var _hooks = require("../../hooks");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabsFilter/TabsDropdown.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TabsDropdown(props) {
   const {
     data: dataProp,

package/dist/cjs/components/TabsFilter/TabsDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_ToolbarCollectionContext","_TabsFilterState","_TabTotal","_types","_SingleSelectFilterBase","_hooks","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","isLoading","isIdle","initTask","status","hideCounterBadge","options","React","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","undefined","createElement","TabTotalDropdownOption","value","find","__self","__source","fileName","lineNumber","columnNumber","dropdownSelect","useDropdownSelectFilterState","Box","minWidth","maxWidth","paddingLeft","SingleSelectFilterBase","dataHook","disabled","onSelect","option","tab","values","ALL_TAB_ITEM_ID","refresh","Input","Affix","key","TabsDropdown","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Box, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabTotalDropdownOption } from '../TabTotal';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { SingleSelectFilterBase } from '../SingleSelectFilterBase';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface TabsFilterProps<V> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n}\n\nfunction _TabsDropdown<V>(props: TabsFilterProps<V>) {\n  const { data: dataProp, items, filter, selectedId } = props;\n\n  const { itemKey } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      new TabsFilterState({\n        table,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const { isLoading, isIdle } = table.initTask.status;\n  const hideCounterBadge = isLoading || isIdle;\n\n  const options = React.useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name,\n          label: item.name,\n          suffix: hideCounterBadge ? undefined : (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items, hideCounterBadge],\n  );\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => init(), []);\n\n  return (\n    <Box minWidth={140} maxWidth={200} paddingLeft=\"SP4\">\n      <SingleSelectFilterBase\n        dataHook=\"tabs-dropdown\"\n        filter={filter}\n        dropdownSelect={dropdownSelect}\n        options={options}\n        disabled={!options.length}\n        selectedId={selectedId}\n        onSelect={(option) => {\n          const tab = items.find((item) => item.id === option.id);\n\n          if (tab) {\n            const values =\n              tab.id === ALL_TAB_ITEM_ID\n                ? []\n                : [(tab as TabsFilterItem<V>).value];\n\n            filter.refresh(values);\n          }\n        }}\n        suffix={\n          hideCounterBadge ? undefined : (\n            <Input.Affix>\n              <TabTotalDropdownOption\n                key={selectedId}\n                value={dataProp.find((value) => itemKey(value) === selectedId)}\n              />\n            </Input.Affix>\n          )\n        }\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,uBAAA,GAAAP,OAAA;AACA,IAAAQ,MAAA,GAAAR,OAAA;AAA2D,IAAAS,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAS3D,SAASW,aAAaA,CAAIC,KAAyB,EAAE;EACnD,MAAM;IAAEC,IAAI,EAAEC,QAAQ;IAAEC,KAAK;IAAEC,MAAM;IAAEC;EAAW,CAAC,GAAGL,KAAK;EAE3D,MAAM;IAAEM;EAAQ,CAAC,GAAGF,MAAM;EAE1B,MAAMG,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAE3C,MAAMC,SAAS,GAAG,IAAAC,aAAM,EAAiB,CAAC;EAE1C,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,gCAAe,CAAC;IAClBN;EACF,CAAC,CACL,CAAC;EAED,IAAAO,gBAAS,EACP,MACEH,KAAK,CAACI,IAAI,CAAC;IACTN,SAAS,EAAEA,SAAS,CAACO,OAAO;IAC5BC,UAAU,EAAEd,KAAK,CAACe;EACpB,CAAC,CAAC,EACJ,EACF,CAAC;EAED,MAAM;IAAEC,SAAS;IAAEC;EAAO,CAAC,GAAGb,KAAK,CAACc,QAAQ,CAACC,MAAM;EACnD,MAAMC,gBAAgB,GAAGJ,SAAS,IAAIC,MAAM;EAE5C,MAAMI,OAAO,GAAGC,cAAK,CAACC,OAAO,CAC3B,MACEvB,KAAK,CAACwB,GAAG,CAAEC,IAAI,IACb,IAAAC,mCAAqB,EAAC;IACpBC,EAAE,EAAEF,IAAI,CAACE,EAAE;IACXC,KAAK,EAAEH,IAAI,CAACI,IAAI;IAChBC,KAAK,EAAEL,IAAI,CAACI,IAAI;IAChBE,MAAM,EAAEX,gBAAgB,GAAGY,SAAS,gBAClCpE,MAAA,CAAAkB,OAAA,CAAAmD,aAAA,CAAC9D,SAAA,CAAA+D,sBAAsB;MACrBC,KAAK,EAAEpC,QAAQ,CAACqC,IAAI,CAAEtC,IAAI,IAAKK,OAAO,CAACL,IAAI,CAAC,KAAK2B,IAAI,CAACE,EAAE,CAAE;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhE,YAAA;QAAAiE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAC3D;EAEL,CAAC,CACH,CAAC,EACH,CAACzC,KAAK,EAAEoB,gBAAgB,CAC1B,CAAC;EAED,MAAM;IAAEsB,cAAc;IAAE9B;EAAK,CAAC,GAAG,IAAA+B,mCAA4B,EAAI;IAC/D1C;EACF,CAAC,CAAC;EAEF,IAAAU,gBAAS,EAAC,MAAMC,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAE3B,oBACEhD,MAAA,CAAAkB,OAAA,CAAAmD,aAAA,CAAClE,aAAA,CAAA6E,GAAG;IAACC,QAAQ,EAAE,GAAI;IAACC,QAAQ,EAAE,GAAI;IAACC,WAAW,EAAC,KAAK;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhE,YAAA;MAAAiE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClD7E,MAAA,CAAAkB,OAAA,CAAAmD,aAAA,CAAC5D,uBAAA,CAAA2E,sBAAsB;IACrBC,QAAQ,EAAC,eAAe;IACxBhD,MAAM,EAAEA,MAAO;IACfyC,cAAc,EAAEA,cAAe;IAC/BrB,OAAO,EAAEA,OAAQ;IACjB6B,QAAQ,EAAE,CAAC7B,OAAO,CAACN,MAAO;IAC1Bb,UAAU,EAAEA,UAAW;IACvBiD,QAAQ,EAAGC,MAAM,IAAK;MACpB,MAAMC,GAAG,GAAGrD,KAAK,CAACoC,IAAI,CAAEX,IAAI,IAAKA,IAAI,CAACE,EAAE,KAAKyB,MAAM,CAACzB,EAAE,CAAC;MAEvD,IAAI0B,GAAG,EAAE;QACP,MAAMC,MAAM,GACVD,GAAG,CAAC1B,EAAE,KAAK4B,sBAAe,GACtB,EAAE,GACF,CAAEF,GAAG,CAAuBlB,KAAK,CAAC;QAExClC,MAAM,CAACuD,OAAO,CAACF,MAAM,CAAC;MACxB;IACF,CAAE;IACFvB,MAAM,EACJX,gBAAgB,GAAGY,SAAS,gBAC1BpE,MAAA,CAAAkB,OAAA,CAAAmD,aAAA,CAAClE,aAAA,CAAA0F,KAAK,CAACC,KAAK;MAAArB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhE,YAAA;QAAAiE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV7E,MAAA,CAAAkB,OAAA,CAAAmD,aAAA,CAAC9D,SAAA,CAAA+D,sBAAsB;MACrByB,GAAG,EAAEzD,UAAW;MAChBiC,KAAK,EAAEpC,QAAQ,CAACqC,IAAI,CAAED,KAAK,IAAKhC,OAAO,CAACgC,KAAK,CAAC,KAAKjC,UAAU,CAAE;MAAAmC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhE,YAAA;QAAAiE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAChE,CACU,CAEhB;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhE,YAAA;MAAAiE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACE,CAAC;AAEV;AAEO,MAAMmB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAAClE,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_ToolbarCollectionContext","_TabsFilterState","_TabTotal","_types","_SingleSelectFilterBase","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_TabsDropdown","props","data","dataProp","items","filter","selectedId","itemKey","table","useToolbarCollectionContext","container","useRef","state","useState","TabsFilterState","useEffect","init","current","itemsCount","length","isLoading","isIdle","initTask","status","hideCounterBadge","options","React","useMemo","map","item","listItemSelectBuilder","id","title","name","label","suffix","undefined","createElement","TabTotalDropdownOption","value","find","__self","__source","fileName","lineNumber","columnNumber","dropdownSelect","useDropdownSelectFilterState","Box","minWidth","maxWidth","paddingLeft","SingleSelectFilterBase","dataHook","disabled","onSelect","option","tab","values","ALL_TAB_ITEM_ID","refresh","Input","Affix","key","TabsDropdown","exports","observer"],"sources":["../../../../src/components/TabsFilter/TabsDropdown.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { Box, Input, listItemSelectBuilder } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { TabTotalDropdownOption } from '../TabTotal';\nimport { ALL_TAB_ITEM_ID, TabsFilterItem, TabsFilterItemBase } from './types';\nimport { SingleSelectFilterBase } from '../SingleSelectFilterBase';\nimport { useDropdownSelectFilterState } from '../../hooks';\n\nexport interface TabsFilterProps<V> {\n  items: TabsFilterItemBase[];\n  data: V[];\n  filter: Filter<V[]>;\n  selectedId: string;\n}\n\nfunction _TabsDropdown<V>(props: TabsFilterProps<V>) {\n  const { data: dataProp, items, filter, selectedId } = props;\n\n  const { itemKey } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      new TabsFilterState({\n        table,\n      }),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const { isLoading, isIdle } = table.initTask.status;\n  const hideCounterBadge = isLoading || isIdle;\n\n  const options = React.useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name,\n          label: item.name,\n          suffix: hideCounterBadge ? undefined : (\n            <TabTotalDropdownOption\n              value={dataProp.find((data) => itemKey(data) === item.id)}\n            />\n          ),\n        }),\n      ),\n    [items, hideCounterBadge],\n  );\n\n  const { dropdownSelect, init } = useDropdownSelectFilterState<V>({\n    filter,\n  });\n\n  useEffect(() => init(), []);\n\n  return (\n    <Box minWidth={140} maxWidth={200} paddingLeft=\"SP4\">\n      <SingleSelectFilterBase\n        dataHook=\"tabs-dropdown\"\n        filter={filter}\n        dropdownSelect={dropdownSelect}\n        options={options}\n        disabled={!options.length}\n        selectedId={selectedId}\n        onSelect={(option) => {\n          const tab = items.find((item) => item.id === option.id);\n\n          if (tab) {\n            const values =\n              tab.id === ALL_TAB_ITEM_ID\n                ? []\n                : [(tab as TabsFilterItem<V>).value];\n\n            filter.refresh(values);\n          }\n        }}\n        suffix={\n          hideCounterBadge ? undefined : (\n            <Input.Affix>\n              <TabTotalDropdownOption\n                key={selectedId}\n                value={dataProp.find((value) => itemKey(value) === selectedId)}\n              />\n            </Input.Affix>\n          )\n        }\n      />\n    </Box>\n  );\n}\n\nexport const TabsDropdown = observer(_TabsDropdown);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.js

@@ -16,8 +16,7 @@ var _types = require("./types");
 var _TabsDefault = require("./TabsDefault");
 var _useFilterValueTotalState = require("../TabTotal/useFilterValueTotalState");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TabsFilter/TabsFilter.tsx";
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+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 _TabsFilter(props) {
   const {
     type,