@wix/patterns 0.8.0

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

@@ -0,0 +1,246 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableFoldersContent = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _designSystem = require("@wix/design-system");
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _FolderIcon = require("../FolderIcon");
+var _CollectionTableWSRTable = require("../CollectionTable/CollectionTableWSRTable");
+var _CollectionTableContent = require("../CollectionTable/CollectionTableContent");
+var _VirtualTableRepeater = require("../VirtualGridRepeater/VirtualTableRepeater");
+var _VirtualGridStateContext = require("../VirtualGridRepeater/VirtualGridStateContext");
+var _useOrFolderActionCellColumn = require("./useOrFolderActionCellColumn");
+var _TableFoldersInfiniteScroll = require("./TableFoldersInfiniteScroll");
+var _BulkAction = require("../BulkAction");
+var _useCreateWSRColumnBase = require("../../hooks/useCreateWSRColumnBase");
+var _TablePlaceholderStates = require("../TablePlaceholderStates/TablePlaceholderStates");
+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 && Object.prototype.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 _TableFoldersContent(props) {
+  const {
+    state,
+    columns,
+    renderEmptyState,
+    renderError,
+    iconColumn,
+    multiLevelSorting,
+    actionCell,
+    folderActionCell,
+    actionCellWidth,
+    actionCellProps,
+    filters,
+    customColumns,
+    views,
+    bulkActionToolbar,
+    bulkActionModal,
+    tableGridSwitchButton,
+    topNotification,
+    search,
+    showTitleBar = true,
+    onRowClick,
+    onFolderRowClick,
+    selectionDisabled: selectionDisabledProp,
+    horizontalScroll = true,
+    rowVerticalPadding,
+    ...rest
+  } = props;
+  const actionCellColumn = (0, _useOrFolderActionCellColumn.useOrFolderActionCellColumn)({
+    actionCell,
+    folderActionCell,
+    actionCellWidth,
+    actionCellProps: {
+      ...(actionCellProps ?? {}),
+      stickyActionCell: true
+    },
+    state: state.collections
+  });
+  const {
+    toolbar: {
+      selectedOrderedColumnsOrAll
+    }
+  } = state;
+  const createWSRColumnBase = (0, _useCreateWSRColumnBase.useCreateWSRColumnBase)({
+    horizontalScroll
+  });
+  const finalColumns = [{
+    key: 'cairo-avatar',
+    title: '',
+    width: '48px',
+    ...iconColumn,
+    style: undefined,
+    render: ({
+      item
+    }, rowNum) => {
+      if (item._tag === 'folder') {
+        return (iconColumn == null || iconColumn.renderFolder == null ? void 0 : iconColumn.renderFolder(item.originalKeyedItem.item, rowNum)) ?? /*#__PURE__*/_react.default.createElement(_FolderIcon.FolderIcon, {
+          "data-hook": "folder-icon",
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 180,
+            columnNumber: 15
+          }
+        });
+      }
+      return (iconColumn == null || iconColumn.render == null ? void 0 : iconColumn.render(item.originalKeyedItem.item, rowNum)) ?? /*#__PURE__*/_react.default.createElement(_designSystem.Avatar, {
+        dataHook: "item-avatar",
+        name: state.collections.items.itemName(item.originalKeyedItem.item),
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 187,
+          columnNumber: 13
+        }
+      });
+    }
+  }, ...selectedOrderedColumnsOrAll.map((column, index, {
+    length
+  }) => {
+    const {
+      id,
+      title,
+      width,
+      sortable,
+      infoTooltipProps,
+      render,
+      renderFolder,
+      ...restColumn
+    } = column;
+    return {
+      ...restColumn,
+      ...createWSRColumnBase(column, index, length),
+      sortDescending: sortable && id ? state.collections.query.sort.getIsSortDescending(id) : undefined,
+      render: (row, rowNum) => {
+        const item = row.item;
+        if (item._tag === 'folder') {
+          return renderFolder == null ? void 0 : renderFolder(item.originalKeyedItem.item, rowNum);
+        }
+        return render(item.originalKeyedItem.item, rowNum);
+      }
+    };
+  }), ...(actionCellColumn ? [actionCellColumn] : [])];
+  const [BodyElementType] = (0, _react.useState)(() => ({
+    children
+  }) => /*#__PURE__*/_react.default.createElement(_VirtualGridStateContext.VirtualGridStateProvider, {
+    value: state.virtual,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 235,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_VirtualTableRepeater.VirtualTableRepeater, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 236,
+      columnNumber: 13
+    }
+  }, children)));
+  const selectionDisabled = (0, _react.useCallback)(({
+    item
+  }) => selectionDisabledProp == null ? void 0 : selectionDisabledProp(item), [selectionDisabledProp]);
+  if (selectionDisabled != null) {
+    state.toolbar.bulk.selectionDisabledProp = selectionDisabled;
+  }
+  const Table = _CollectionTableWSRTable.CollectionTableWSRTable;
+  const showSelection = bulkActionToolbar != null;
+  const {
+    st,
+    classes
+  } = _designSystem.Table.dataTableRowVirtualStyle;
+  return /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, rest, {
+    showHeaderWhenEmpty: true,
+    state: state,
+    sticky: true,
+    search: search,
+    filters: filters,
+    customColumns: customColumns,
+    views: views,
+    showSelection: showSelection,
+    selectionToolbar: bulkActionToolbar && /*#__PURE__*/_react.default.createElement(_BulkAction.MultiCollectionBulkActionToolbar, {
+      state: state.toolbar,
+      bulkActionToolbar: bulkActionToolbar,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 273,
+        columnNumber: 11
+      }
+    }),
+    tableGridSwitchButton: tableGridSwitchButton,
+    horizontalScroll: horizontalScroll,
+    renderEmptyState: renderEmptyState,
+    rowClass: st(classes.root),
+    headerClass: st(classes.thead),
+    headerRowClass: st(classes.root),
+    columns: finalColumns,
+    useNewInfiniteScrollLoader: true,
+    showTitleBar: showTitleBar,
+    isApplyColumnWidthStyle: true,
+    BodyElementType: BodyElementType,
+    onSortClick: col => {
+      if (col.id != null) {
+        state.collections.items.sort({
+          id: col.id,
+          sortMode: col.sortMode
+        }, {
+          clearResult: true,
+          multiple: multiLevelSorting !== undefined
+        });
+      }
+    },
+    onRowClick: (onRowClick || onFolderRowClick) && (({
+      item
+    }, index) => {
+      if (item._tag === 'folder') {
+        onFolderRowClick == null || onFolderRowClick(item.originalKeyedItem.item, index);
+      } else {
+        onRowClick == null || onRowClick(item.originalKeyedItem.item, index);
+      }
+    }),
+    selectionDisabled: selectionDisabledProp && (({
+      item
+    }) => selectionDisabledProp == null ? void 0 : selectionDisabledProp(item.originalKeyedItem.item)),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 261,
+      columnNumber: 5
+    }
+  }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
+    state: state,
+    renderEmptyState: renderEmptyState,
+    renderError: renderError,
+    topNotification: topNotification,
+    rowVerticalPadding: rowVerticalPadding,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 316,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
+    state: state.table,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 324,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TableFoldersInfiniteScroll.TableFoldersInfiniteScroll, {
+    state: state,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 325,
+      columnNumber: 9
+    }
+  })));
+}
+const TableFoldersContent = exports.TableFoldersContent = (0, _mobxReactLite.observer)(_TableFoldersContent);
+//# sourceMappingURL=TableFoldersContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_FolderIcon","_CollectionTableWSRTable","_CollectionTableContent","_VirtualTableRepeater","_VirtualGridStateContext","_useOrFolderActionCellColumn","_TableFoldersInfiniteScroll","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_TableFoldersContent","props","state","columns","renderEmptyState","renderError","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","st","classes","WSRTable","dataTableRowVirtualStyle","_extends2","showHeaderWhenEmpty","sticky","selectionToolbar","MultiCollectionBulkActionToolbar","rowClass","root","headerClass","thead","headerRowClass","useNewInfiniteScrollLoader","isApplyColumnWidthStyle","onSortClick","col","sortMode","clearResult","multiple","TablePlaceholderStates","CollectionTableContent","table","TableFoldersInfiniteScroll","TableFoldersContent","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"sourcesContent":["import {\n  Avatar,\n  Table as WSRTable,\n  TableColumn as WSRTableColumn,\n} 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 { CollectionTableBaseCommonProps } from '../CollectionTable/CollectionTableBaseCommonProps';\nimport { SelectionDisabledProp } from '../../state/BulkActionToolbarState';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\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      | 'renderEmptyState'\n      | 'actionCell'\n      | 'sticky'\n      | 'topNotification'\n      | 'selectionDisabled'\n    >,\n    CollectionTableBaseCommonProps<T1, F1> {\n  dataHook?: string;\n  /** A TableFoldersState instance created using [useTableFolders](./?path=/story/common-hooks--usetablefolders). */\n  state: TableFoldersState<T1, F1, T2, F2>;\n  /** The same as [Table.columns](./?path=/story/components-collection--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  /** A render function to be rendered when there're no items to show in the table */\n  renderEmptyState?: () => ReactElement;\n  folderActionCell?: ActionCell<T2, F2>;\n  topNotification?: ReactElement;\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens the a modal that contains the component from `bulkActionModal` render prop\n   *   * `closeModal`: Closes the a modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *\n   * > When passed, enables `showSelection` by default.\n   *\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    renderEmptyState,\n    renderError,\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  const { st, classes } =\n    WSRTable.dataTableRowVirtualStyle as import('@stylable/runtime').RuntimeStylesheet;\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      renderEmptyState={renderEmptyState}\n      rowClass={st(classes.root)}\n      headerClass={st(classes.thead)}\n      headerRowClass={st(classes.root)}\n      columns={finalColumns}\n      useNewInfiniteScrollLoader\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    >\n      <TablePlaceholderStates\n        state={state}\n        renderEmptyState={renderEmptyState}\n        renderError={renderError}\n        topNotification={topNotification}\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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"}

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableFoldersInfiniteScroll = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _PageInfiniteScrollLoader = require("../PageInfiniteScrollLoader");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableFolders/TableFoldersInfiniteScroll.tsx";
+function _TableFoldersInfiniteScroll(props) {
+  const {
+    state: {
+      showFoldersSection,
+      showItemsSection,
+      collections
+    }
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, showFoldersSection && /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
+    state: collections.folders,
+    scrollMoreAlways: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 9
+    }
+  }), showItemsSection && /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
+    state: collections.items,
+    scrollMoreAlways: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 9
+    }
+  }));
+}
+const TableFoldersInfiniteScroll = exports.TableFoldersInfiniteScroll = (0, _mobxReactLite.observer)(_TableFoldersInfiniteScroll);
+//# sourceMappingURL=TableFoldersInfiniteScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_PageInfiniteScrollLoader","_jsxFileName","_TableFoldersInfiniteScroll","props","state","showFoldersSection","showItemsSection","collections","default","createElement","Fragment","PageInfiniteScrollLoader","folders","scrollMoreAlways","__self","__source","fileName","lineNumber","columnNumber","items","TableFoldersInfiniteScroll","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersInfiniteScroll.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { TableFoldersState } from '../../state';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\n\nexport interface TableFoldersInfiniteScrollProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  state: TableFoldersState<T1, F1, T2, F2>;\n}\n\nfunction _TableFoldersInfiniteScroll<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersInfiniteScrollProps<T1, F1, T2, F2>) {\n  const {\n    state: { showFoldersSection, showItemsSection, collections },\n  } = props;\n\n  return (\n    <>\n      {showFoldersSection && (\n        <PageInfiniteScrollLoader\n          state={collections.folders}\n          scrollMoreAlways\n        />\n      )}\n\n      {showItemsSection && (\n        <PageInfiniteScrollLoader state={collections.items} scrollMoreAlways />\n      )}\n    </>\n  );\n}\n\nexport const TableFoldersInfiniteScroll = observer(_TableFoldersInfiniteScroll);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAGA,IAAAE,yBAAA,GAAAF,OAAA;AAAuE,IAAAG,YAAA;AAWvE,SAASC,2BAA2BA,CAKlCC,KAAsD,EAAE;EACxD,MAAM;IACJC,KAAK,EAAE;MAAEC,kBAAkB;MAAEC,gBAAgB;MAAEC;IAAY;EAC7D,CAAC,GAAGJ,KAAK;EAET,oBACEP,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,QACGL,kBAAkB,iBACjBT,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,yBAAA,CAAAW,wBAAwB;IACvBP,KAAK,EAAEG,WAAW,CAACK,OAAQ;IAC3BC,gBAAgB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CACF,EAEAZ,gBAAgB,iBACfV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,yBAAA,CAAAW,wBAAwB;IAACP,KAAK,EAAEG,WAAW,CAACY,KAAM;IAACN,gBAAgB;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAExE,CAAC;AAEP;AAEO,MAAME,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,uBAAQ,EAACpB,2BAA2B,CAAC"}

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

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableFoldersLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _CollectionCard = require("../CollectionCard");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/TableFolders/TableFoldersLayout.tsx";
+function _TableFoldersLayout(props) {
+  const {
+    state,
+    dataHook,
+    children
+  } = props;
+  const {
+    toolbar
+  } = state;
+  return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, {
+    renderError: false,
+    state: toolbar,
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 5
+    }
+  }, children);
+}
+const TableFoldersLayout = exports.TableFoldersLayout = (0, _mobxReactLite.observer)(_TableFoldersLayout);
+//# sourceMappingURL=TableFoldersLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionCard","_jsxFileName","_TableFoldersLayout","props","state","dataHook","children","toolbar","default","createElement","CollectionCard","renderError","__self","__source","fileName","lineNumber","columnNumber","TableFoldersLayout","exports","observer"],"sources":["../../../../src/components/TableFolders/TableFoldersLayout.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { TableFoldersState } from '../../state';\n\nexport interface TableFoldersLayoutProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  dataHook?: string;\n  children?: ReactNode | ReactNode[];\n  state: TableFoldersState<T1, F1, T2, F2>;\n}\n\nfunction _TableFoldersLayout<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: TableFoldersLayoutProps<T1, F1, T2, F2>) {\n  const { state, dataHook, children } = props;\n\n  const { toolbar } = state;\n\n  return (\n    <CollectionCard renderError={false} state={toolbar} dataHook={dataHook}>\n      {children}\n    </CollectionCard>\n  );\n}\n\nexport const TableFoldersLayout = observer(_TableFoldersLayout);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,YAAA;AAcnD,SAASC,mBAAmBA,CAK1BC,KAA8C,EAAE;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGH,KAAK;EAE3C,MAAM;IAAEI;EAAQ,CAAC,GAAGH,KAAK;EAEzB,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,eAAA,CAAAU,cAAc;IAACC,WAAW,EAAE,KAAM;IAACP,KAAK,EAAEG,OAAQ;IAACF,QAAQ,EAAEA,QAAS;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,GACpEV,QACa,CAAC;AAErB;AAEO,MAAMW,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACjB,mBAAmB,CAAC"}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _TableFolders = require("./TableFolders");
+Object.keys(_TableFolders).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TableFolders[key]) return;
+  exports[key] = _TableFolders[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_TableFolders","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/TableFolders/index.ts"],"sourcesContent":["export * from './TableFolders';\n"],"mappings":";;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,aAAA,CAAAK,GAAA;AAAA"}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useOrFolderActionCellColumn = useOrFolderActionCellColumn;
+var _ActionCell = require("../ActionCell");
+var _react = require("react");
+var _state = require("../../state");
+function useOrFolderActionCellColumn(params) {
+  const {
+    state: {
+      items,
+      folders
+    },
+    actionCell,
+    folderActionCell,
+    actionCellProps,
+    actionCellWidth
+  } = params;
+  const baseColumn = (0, _ActionCell.useActionCellColumnBase)({
+    actionCellProps,
+    actionCellWidth
+  });
+  const renderItem = (0, _ActionCell.useRenderActionCellColumn)({
+    actionCell,
+    sticky: true,
+    collection: items
+  });
+  const renderFolder = (0, _ActionCell.useRenderActionCellColumn)({
+    actionCell: folderActionCell,
+    sticky: true,
+    collection: folders
+  });
+  return (0, _react.useMemo)(() => {
+    if (renderItem == null && renderFolder == null) {
+      return null;
+    }
+    return {
+      ...baseColumn,
+      render: (keyedItem, rowNum) => {
+        if ((0, _state.isItemKeyedItem)(keyedItem)) {
+          return renderItem == null ? void 0 : renderItem(keyedItem.item.originalKeyedItem, rowNum);
+        }
+        if ((0, _state.isFolderKeyedItem)(keyedItem)) {
+          return renderFolder == null ? void 0 : renderFolder(keyedItem.item.originalKeyedItem, rowNum);
+        }
+        return null;
+      }
+    };
+  }, [baseColumn, renderItem, renderFolder]);
+}
+//# sourceMappingURL=useOrFolderActionCellColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_ActionCell","require","_react","_state","useOrFolderActionCellColumn","params","state","items","folders","actionCell","folderActionCell","actionCellProps","actionCellWidth","baseColumn","useActionCellColumnBase","renderItem","useRenderActionCellColumn","sticky","collection","renderFolder","useMemo","render","keyedItem","rowNum","isItemKeyedItem","item","originalKeyedItem","isFolderKeyedItem"],"sources":["../../../../src/components/TableFolders/useOrFolderActionCellColumn.ts"],"sourcesContent":["import {\n  ActionCell,\n  useActionCellColumnBase,\n  useRenderActionCellColumn,\n} from '../ActionCell';\nimport { FoldersAndItemsCollectionsState } from '../../state/FoldersAndItemsCollectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { TableColumn as TableColumnWSR } from '@wix/design-system/dist/types/Table';\nimport { useMemo } from 'react';\nimport { isFolderKeyedItem, isItemKeyedItem, RowKeyedItem } from '../../state';\n\nexport interface UseOrFolderActionCellColumnParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  state: FoldersAndItemsCollectionsState<T1, F1, T2, F2>;\n  actionCell?: ActionCell<T1, F1>;\n  actionCellWidth?: string | number;\n  actionCellProps?: Partial<Omit<TableColumnWSR, 'render' | 'style'>>;\n  folderActionCell?: ActionCell<T2, F2>;\n}\n\nexport function useOrFolderActionCellColumn<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(\n  params: UseOrFolderActionCellColumnParams<T1, F1, T2, F2>,\n): TableColumnWSR<RowKeyedItem<T1, T2>> | null {\n  const {\n    state: { items, folders },\n    actionCell,\n    folderActionCell,\n    actionCellProps,\n    actionCellWidth,\n  } = params;\n\n  const baseColumn = useActionCellColumnBase({\n    actionCellProps,\n    actionCellWidth,\n  });\n\n  const renderItem = useRenderActionCellColumn({\n    actionCell,\n    sticky: true,\n    collection: items,\n  });\n\n  const renderFolder = useRenderActionCellColumn({\n    actionCell: folderActionCell,\n    sticky: true,\n    collection: folders,\n  });\n\n  return useMemo(() => {\n    if (renderItem == null && renderFolder == null) {\n      return null;\n    }\n\n    return {\n      ...baseColumn,\n      render: (keyedItem, rowNum) => {\n        if (isItemKeyedItem(keyedItem)) {\n          return renderItem?.(keyedItem.item.originalKeyedItem, rowNum);\n        }\n\n        if (isFolderKeyedItem(keyedItem)) {\n          return renderFolder?.(keyedItem.item.originalKeyedItem, rowNum);\n        }\n\n        return null;\n      },\n    };\n  }, [baseColumn, renderItem, renderFolder]);\n}\n"],"mappings":";;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAQA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAeO,SAASG,2BAA2BA,CAMzCC,MAAyD,EACZ;EAC7C,MAAM;IACJC,KAAK,EAAE;MAAEC,KAAK;MAAEC;IAAQ,CAAC;IACzBC,UAAU;IACVC,gBAAgB;IAChBC,eAAe;IACfC;EACF,CAAC,GAAGP,MAAM;EAEV,MAAMQ,UAAU,GAAG,IAAAC,mCAAuB,EAAC;IACzCH,eAAe;IACfC;EACF,CAAC,CAAC;EAEF,MAAMG,UAAU,GAAG,IAAAC,qCAAyB,EAAC;IAC3CP,UAAU;IACVQ,MAAM,EAAE,IAAI;IACZC,UAAU,EAAEX;EACd,CAAC,CAAC;EAEF,MAAMY,YAAY,GAAG,IAAAH,qCAAyB,EAAC;IAC7CP,UAAU,EAAEC,gBAAgB;IAC5BO,MAAM,EAAE,IAAI;IACZC,UAAU,EAAEV;EACd,CAAC,CAAC;EAEF,OAAO,IAAAY,cAAO,EAAC,MAAM;IACnB,IAAIL,UAAU,IAAI,IAAI,IAAII,YAAY,IAAI,IAAI,EAAE;MAC9C,OAAO,IAAI;IACb;IAEA,OAAO;MACL,GAAGN,UAAU;MACbQ,MAAM,EAAEA,CAACC,SAAS,EAAEC,MAAM,KAAK;QAC7B,IAAI,IAAAC,sBAAe,EAACF,SAAS,CAAC,EAAE;UAC9B,OAAOP,UAAU,oBAAVA,UAAU,CAAGO,SAAS,CAACG,IAAI,CAACC,iBAAiB,EAAEH,MAAM,CAAC;QAC/D;QAEA,IAAI,IAAAI,wBAAiB,EAACL,SAAS,CAAC,EAAE;UAChC,OAAOH,YAAY,oBAAZA,YAAY,CAAGG,SAAS,CAACG,IAAI,CAACC,iBAAiB,EAAEH,MAAM,CAAC;QACjE;QAEA,OAAO,IAAI;MACb;IACF,CAAC;EACH,CAAC,EAAE,CAACV,UAAU,EAAEE,UAAU,EAAEI,YAAY,CAAC,CAAC;AAC5C"}

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

@@ -0,0 +1,30 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useTableFoldersSyncProps = useTableFoldersSyncProps;
+var _useToolbarCollectionSyncProps = require("../ToolbarCollection/useToolbarCollectionSyncProps");
+var _useColumnsSyncProps = require("../../hooks/useColumnsSyncProps");
+function useTableFoldersSyncProps(props) {
+  const {
+    state,
+    customColumns,
+    columns
+  } = props;
+  const toolbar = state.toolbar;
+  (0, _useToolbarCollectionSyncProps.useToolbarCollectionSyncProps)({
+    ...props,
+    state: toolbar,
+    isUsingDragAndDrop: !!props.dragAndDrop,
+    isUsingBulkActionsToolbar: !!props.bulkActionToolbar,
+    isUsingHorizontalScroll: true,
+    isUsingFolders: true,
+    isUsingTableVirtualization: true
+  });
+  (0, _useColumnsSyncProps.useColumnsSyncProps)({
+    toolbar,
+    customColumns,
+    columns
+  });
+  return state;
+}
+//# sourceMappingURL=useTableFoldersSyncProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_useToolbarCollectionSyncProps","require","_useColumnsSyncProps","useTableFoldersSyncProps","props","state","customColumns","columns","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","dragAndDrop","isUsingBulkActionsToolbar","bulkActionToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useColumnsSyncProps"],"sources":["../../../../src/components/TableFolders/useTableFoldersSyncProps.ts"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport { TableFoldersState } from '../../state';\nimport { TableFoldersColumn } from './TableFolders.types';\nimport { CustomColumnsElement } from '../assertComponentType';\nimport { MultiCollectionBulkActionToolbarRenderProps } from '../BulkAction';\nimport { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';\n\nexport interface UseTableFoldersSyncPropsParams<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n> {\n  state: TableFoldersState<T1, F1, T2, F2>;\n  customColumns?: CustomColumnsElement | null;\n  columns: TableFoldersColumn<T1, T2>[];\n  bulkActionToolbar?: MultiCollectionBulkActionToolbarRenderProps;\n  dragAndDrop?: any;\n}\n\nexport function useTableFoldersSyncProps<\n  T1,\n  F1 extends FiltersMap,\n  T2,\n  F2 extends FiltersMap,\n>(props: UseTableFoldersSyncPropsParams<T1, F1, T2, F2>) {\n  const { state, customColumns, columns } = props;\n\n  const toolbar = state.toolbar;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: toolbar,\n    isUsingDragAndDrop: !!props.dragAndDrop,\n    isUsingBulkActionsToolbar: !!props.bulkActionToolbar,\n    isUsingHorizontalScroll: true,\n    isUsingFolders: true,\n    isUsingTableVirtualization: true,\n  });\n\n  useColumnsSyncProps({\n    toolbar,\n    customColumns,\n    columns,\n  });\n\n  return state;\n}\n"],"mappings":";;;;AACA,IAAAA,8BAAA,GAAAC,OAAA;AAKA,IAAAC,oBAAA,GAAAD,OAAA;AAeO,SAASE,wBAAwBA,CAKtCC,KAAqD,EAAE;EACvD,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC;EAAQ,CAAC,GAAGH,KAAK;EAE/C,MAAMI,OAAO,GAAGH,KAAK,CAACG,OAAO;EAE7B,IAAAC,4DAA6B,EAAC;IAC5B,GAAGL,KAAK;IACRC,KAAK,EAAEG,OAAO;IACdE,kBAAkB,EAAE,CAAC,CAACN,KAAK,CAACO,WAAW;IACvCC,yBAAyB,EAAE,CAAC,CAACR,KAAK,CAACS,iBAAiB;IACpDC,uBAAuB,EAAE,IAAI;IAC7BC,cAAc,EAAE,IAAI;IACpBC,0BAA0B,EAAE;EAC9B,CAAC,CAAC;EAEF,IAAAC,wCAAmB,EAAC;IAClBT,OAAO;IACPF,aAAa;IACbC;EACF,CAAC,CAAC;EAEF,OAAOF,KAAK;AACd"}

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

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.TableGridSwitch = void 0;
+exports._TableGridSwitch = _TableGridSwitch;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _Grid = require("../Grid");
+var _ = require("..");
+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 && Object.prototype.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 _TableGridSwitch(props) {
+  const {
+    state,
+    dragAndDrop
+  } = props;
+  const {
+    gridState,
+    tableState,
+    toolbar
+  } = state;
+  const tableGridSwitchButton = /*#__PURE__*/_react.default.createElement(_TableGridSwitchButton.TableGridSwitchButton, {
+    state: state.viewTypeState,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  });
+  (0, _react.useEffect)(() => state.init(), []);
+  const {
+    initTask: {
+      status
+    }
+  } = state;
+  const isLoading = status.isIdle || status.isLoading;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isLoading ? /*#__PURE__*/_react.default.createElement(_InitialLoader.InitialLoader, {
+    dataHook: "initial-loader",
+    state: toolbar,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 59,
+      columnNumber: 9
+    }
+  }) : state.viewType === 'grid' ? /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, props, {
+    tableGridSwitchButton: tableGridSwitchButton,
+    state: gridState,
+    dragAndDrop: dragAndDrop == null ? void 0 : dragAndDrop.grid,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 9
+    }
+  })) : /*#__PURE__*/_react.default.createElement(_.Table, (0, _extends2.default)({}, props, {
+    sticky: true,
+    tableGridSwitchButton: tableGridSwitchButton,
+    state: tableState,
+    dragAndDrop: dragAndDrop == null ? void 0 : dragAndDrop.table,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 68,
+      columnNumber: 9
+    }
+  })));
+}
+const TableGridSwitch = exports.TableGridSwitch = (0, _mobxReactLite.observer)(_TableGridSwitch);
+//# sourceMappingURL=TableGridSwitch.js.map

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

@@ -0,0 +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","prototype","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/common-hooks--usetablegridswitch).\n   */\n  state: TableGridSwitchState<T, F>;\n  /**\n   * Drag and drop implementation: `import { TableGridSwitchDragAndDrop } from '@wix/patterns';`\n   * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\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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"}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+exports.__esModule = true;
+exports.TableGridSwitchUniDriver = TableGridSwitchUniDriver;
+exports.default = void 0;
+var _TableUni = require("../Table/Table.uni.driver");
+var _GridUni = require("../Grid/Grid.uni.driver");
+var _CollectionToolbarUni = require("../CollectionToolbar/CollectionToolbar.uni.driver");
+var _unidriver = require("../../unidriver");
+var _SummaryBarUni = require("../SummaryBar/SummaryBar.uni.driver");
+function TableGridSwitchUniDriver(base, body) {
+  const getToolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(base.$('[data-hook="collection-toolbar"]'), body);
+  const getTable = () => (0, _TableUni.TableUniDriver)(base, body);
+  const getGrid = () => (0, _GridUni.GridUniDriver)(base, body);
+  const getSummaryBar = () => (0, _SummaryBarUni.SummaryBarUniDriver)(base, body);
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    /**
+     * Wait until root element to exist
+     * @param timeout - time to wait until bailing
+     */
+    wait: timeout => base.wait(timeout),
+    /** Get layout switch button */
+    getSwitchButton: () => getToolbar().getSwitchButton(),
+    /** Get layout switch button divider */
+    getSwitchButtonDivider: () => getToolbar().getSwitchButtonDivider(),
+    /** Get Table driver */
+    getTable,
+    /** Get Grid driver */
+    getGrid,
+    isShowingGrid: () => base.$(`[data-hook="toolbar-collection-content"]`).exists(),
+    isShowingTable: async () => !(await base.$(`[data-hook="toolbar-collection-content"]`).exists()),
+    /**
+     * Gets collection summary bar
+     */
+    getSummaryBar
+  };
+}
+var _default = exports.default = TableGridSwitchUniDriver;
+//# sourceMappingURL=TableGridSwitch.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_TableUni","require","_GridUni","_CollectionToolbarUni","_unidriver","_SummaryBarUni","TableGridSwitchUniDriver","base","body","getToolbar","CollectionToolbarUniDriver","$","getTable","TableUniDriver","getGrid","GridUniDriver","getSummaryBar","SummaryBarUniDriver","baseUniDriverFactory","wait","timeout","getSwitchButton","getSwitchButtonDivider","isShowingGrid","exists","isShowingTable","_default","exports","default"],"sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { TableUniDriver } from '../Table/Table.uni.driver';\nimport { GridUniDriver } from '../Grid/Grid.uni.driver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';\n\nexport function TableGridSwitchUniDriver(base: UniDriver, body: UniDriver) {\n  const getToolbar = () =>\n    CollectionToolbarUniDriver(\n      base.$('[data-hook=\"collection-toolbar\"]'),\n      body,\n    );\n\n  const getTable = () => TableUniDriver(base, body);\n  const getGrid = () => GridUniDriver(base, body);\n  const getSummaryBar = () => SummaryBarUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    /**\n     * Wait until root element to exist\n     * @param timeout - time to wait until bailing\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    /** Get layout switch button */\n    getSwitchButton: () => getToolbar().getSwitchButton(),\n    /** Get layout switch button divider */\n    getSwitchButtonDivider: () => getToolbar().getSwitchButtonDivider(),\n    /** Get Table driver */\n    getTable,\n    /** Get Grid driver */\n    getGrid,\n    isShowingGrid: () =>\n      base.$(`[data-hook=\"toolbar-collection-content\"]`).exists(),\n    isShowingTable: async () =>\n      !(await base.$(`[data-hook=\"toolbar-collection-content\"]`).exists()),\n    /**\n     * Gets collection summary bar\n     */\n    getSummaryBar,\n  };\n}\n\nexport default TableGridSwitchUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AAEO,SAASK,wBAAwBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACzE,MAAMC,UAAU,GAAGA,CAAA,KACjB,IAAAC,gDAA0B,EACxBH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,EAC1CH,IACF,CAAC;EAEH,MAAMI,QAAQ,GAAGA,CAAA,KAAM,IAAAC,wBAAc,EAACN,IAAI,EAAEC,IAAI,CAAC;EACjD,MAAMM,OAAO,GAAGA,CAAA,KAAM,IAAAC,sBAAa,EAACR,IAAI,EAAEC,IAAI,CAAC;EAC/C,MAAMQ,aAAa,GAAGA,CAAA,KAAM,IAAAC,kCAAmB,EAACV,IAAI,EAAEC,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAU,+BAAoB,EAACX,IAAI,CAAC;IAC7B;AACJ;AACA;AACA;IACIY,IAAI,EAAGC,OAAgB,IAAKb,IAAI,CAACY,IAAI,CAACC,OAAO,CAAC;IAC9C;IACAC,eAAe,EAAEA,CAAA,KAAMZ,UAAU,CAAC,CAAC,CAACY,eAAe,CAAC,CAAC;IACrD;IACAC,sBAAsB,EAAEA,CAAA,KAAMb,UAAU,CAAC,CAAC,CAACa,sBAAsB,CAAC,CAAC;IACnE;IACAV,QAAQ;IACR;IACAE,OAAO;IACPS,aAAa,EAAEA,CAAA,KACbhB,IAAI,CAACI,CAAC,CAAE,0CAAyC,CAAC,CAACa,MAAM,CAAC,CAAC;IAC7DC,cAAc,EAAE,MAAAA,CAAA,KACd,EAAE,MAAMlB,IAAI,CAACI,CAAC,CAAE,0CAAyC,CAAC,CAACa,MAAM,CAAC,CAAC,CAAC;IACtE;AACJ;AACA;IACIR;EACF,CAAC;AACH;AAAC,IAAAU,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEctB,wBAAwB"}