@wix/patterns 0.8.0

package/dist/esm/components/TableFolders/TableFolders.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableFolders.types.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/TableFolders.types.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,24 @@
+import { ToolbarCollectionErrorStateUniDriver } from '../ErrorState/ToolbarCollectionErrorState.uni.driver';
+import { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';
+import { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';
+import { AppliedFiltersTagListUniDriver } from '../AppliedFiltersTagList/AppliedFiltersTagList.uni.driver';
+import TableUniDriver from '../Table/Table.uni.driver';
+import { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';
+export function TableFoldersUniDriver(base, body) {
+    const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
+    const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);
+    const table = TableUniDriver(base, body);
+    const loadingStateExists = () => base.$('[data-hook="placeholder-states-loading-state"]').exists();
+    const getSummaryBar = () => SummaryBarUniDriver(base, body);
+    return Object.assign(Object.assign({}, table), { toolbar: () => toolbar(), getErrorStateByDataHook: (dataHook = 'placeholder-states-error-state') => ToolbarCollectionErrorStateUniDriver(base.$(`[data-hook="${dataHook}"]`), body), getEmptyStateByDataHook: (dataHook = 'placeholder-states-empty-state') => CollectionEmptyStateUniDriver(base.$(`[data-hook="${dataHook}"]`), body), loadingStateExists, folderIconExistsAt: async (row, col = 0) => (await table.getRowByIndex(row).$$('td').get(col))
+            .$('[data-hook="folder-icon"]')
+            .exists(), avatarExistsAt: async (row, col) => (await table.getRowByIndex(row).$$('td').get(col))
+            .$('[data-hook="item-avatar"]')
+            .exists(), subToolbar: () => AppliedFiltersTagListUniDriver(base.$('[data-hook="collection-table-sub-toolbar"]'), body), 
+        /**
+         * Gets collection summary bar
+         */
+        getSummaryBar });
+}
+export default TableFoldersUniDriver;
+//# sourceMappingURL=TableFolders.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFolders.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/TableFolders.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oCAAoC,EAAE,MAAM,sDAAsD,CAAC;AAC5G,OAAO,EAAE,6BAA6B,EAAE,MAAM,+CAA+C,CAAC;AAC9F,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,8BAA8B,EAAE,MAAM,2DAA2D,CAAC;AAC3G,OAAO,cAAc,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,IAAe;IACpE,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC;IAErE,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,0BAA0B,CAAC,WAAW,EAAE,EAAE,IAAI,CAAC,CAAC;IAEtE,MAAM,KAAK,GAAG,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEzC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAC9B,IAAI,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,MAAM,EAAE,CAAC;IACpE,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE5D,uCACK,KAAK,KACR,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,EACxB,uBAAuB,EAAE,CAAC,QAAQ,GAAG,gCAAgC,EAAE,EAAE,CACvE,oCAAoC,CAClC,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,EACnC,IAAI,CACL,EACH,uBAAuB,EAAE,CAAC,QAAQ,GAAG,gCAAgC,EAAE,EAAE,CACvE,6BAA6B,CAC3B,IAAI,CAAC,CAAC,CAAC,eAAe,QAAQ,IAAI,CAAC,EACnC,IAAI,CACL,EAEH,kBAAkB,EAClB,kBAAkB,EAAE,KAAK,EAAE,GAAW,EAAE,GAAG,GAAG,CAAC,EAAE,EAAE,CACjD,CAAC,MAAM,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;aAC/C,CAAC,CAAC,2BAA2B,CAAC;aAC9B,MAAM,EAAE,EAEb,cAAc,EAAE,KAAK,EAAE,GAAW,EAAE,GAAW,EAAE,EAAE,CACjD,CAAC,MAAM,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;aAC/C,CAAC,CAAC,2BAA2B,CAAC;aAC9B,MAAM,EAAE,EAEb,UAAU,EAAE,GAAG,EAAE,CACf,8BAA8B,CAC5B,IAAI,CAAC,CAAC,CAAC,4CAA4C,CAAC,EACpD,IAAI,CACL;QACH;;WAEG;QACH,aAAa,IACb;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,80 @@
+import { __rest } from "tslib";
+import { Avatar, Table as WSRTable, } from '@wix/design-system';
+import React, { useCallback, useState, } from 'react';
+import { observer } from 'mobx-react-lite';
+import { FolderIcon } from '../FolderIcon';
+import { CollectionTableWSRTable, } from '../CollectionTable/CollectionTableWSRTable';
+import { CollectionTableContent } from '../CollectionTable/CollectionTableContent';
+import { VirtualTableRepeater, } from '../VirtualGridRepeater/VirtualTableRepeater';
+import { VirtualGridStateProvider } from '../VirtualGridRepeater/VirtualGridStateContext';
+import { useOrFolderActionCellColumn } from './useOrFolderActionCellColumn';
+import { TableFoldersInfiniteScroll } from './TableFoldersInfiniteScroll';
+import { MultiCollectionBulkActionToolbar, } from '../BulkAction';
+import { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';
+import { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';
+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 } = props, rest = __rest(props, ["state", "columns", "renderEmptyState", "renderError", "iconColumn", "multiLevelSorting", "actionCell", "folderActionCell", "actionCellWidth", "actionCellProps", "filters", "customColumns", "views", "bulkActionToolbar", "bulkActionModal", "tableGridSwitchButton", "topNotification", "search", "showTitleBar", "onRowClick", "onFolderRowClick", "selectionDisabled", "horizontalScroll", "rowVerticalPadding"]);
+    const actionCellColumn = useOrFolderActionCellColumn({
+        actionCell,
+        folderActionCell,
+        actionCellWidth,
+        actionCellProps: Object.assign(Object.assign({}, (actionCellProps !== null && actionCellProps !== void 0 ? actionCellProps : {})), { stickyActionCell: true }),
+        state: state.collections,
+    });
+    const { toolbar: { selectedOrderedColumnsOrAll }, } = state;
+    const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });
+    const finalColumns = [
+        Object.assign(Object.assign({ key: 'cairo-avatar', title: '', width: '48px' }, iconColumn), { style: undefined, render: ({ item }, rowNum) => {
+                var _a, _b, _c, _d;
+                if (item._tag === 'folder') {
+                    return ((_b = (_a = iconColumn === null || iconColumn === void 0 ? void 0 : iconColumn.renderFolder) === null || _a === void 0 ? void 0 : _a.call(iconColumn, item.originalKeyedItem.item, rowNum)) !== null && _b !== void 0 ? _b : (React.createElement(FolderIcon, { "data-hook": "folder-icon" })));
+                }
+                return ((_d = (_c = iconColumn === null || iconColumn === void 0 ? void 0 : iconColumn.render) === null || _c === void 0 ? void 0 : _c.call(iconColumn, item.originalKeyedItem.item, rowNum)) !== null && _d !== void 0 ? _d : (React.createElement(Avatar, { dataHook: "item-avatar", name: state.collections.items.itemName(item.originalKeyedItem.item) })));
+            } }),
+        ...selectedOrderedColumnsOrAll.map((column, index, { length }) => {
+            const { id, title, width, sortable, infoTooltipProps, render, renderFolder } = column, restColumn = __rest(column, ["id", "title", "width", "sortable", "infoTooltipProps", "render", "renderFolder"]);
+            return Object.assign(Object.assign(Object.assign({}, 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 || renderFolder === void 0 ? void 0 : renderFolder(item.originalKeyedItem.item, rowNum);
+                    }
+                    return render(item.originalKeyedItem.item, rowNum);
+                } });
+        }),
+        ...(actionCellColumn ? [actionCellColumn] : []),
+    ];
+    const [BodyElementType] = useState(() => ({ children }) => (React.createElement(VirtualGridStateProvider, { value: state.virtual },
+        React.createElement(VirtualTableRepeater, null, children))));
+    const selectionDisabled = useCallback(({ item }) => selectionDisabledProp === null || selectionDisabledProp === void 0 ? void 0 : selectionDisabledProp(item), [selectionDisabledProp]);
+    if (selectionDisabled != null) {
+        state.toolbar.bulk.selectionDisabledProp =
+            selectionDisabled;
+    }
+    const Table = CollectionTableWSRTable;
+    const showSelection = bulkActionToolbar != null;
+    const { st, classes } = WSRTable.dataTableRowVirtualStyle;
+    return (React.createElement(Table, Object.assign({}, rest, { showHeaderWhenEmpty: true, state: state, sticky: true, search: search, filters: filters, customColumns: customColumns, views: views, showSelection: showSelection, selectionToolbar: bulkActionToolbar && (React.createElement(MultiCollectionBulkActionToolbar, { state: state.toolbar, bulkActionToolbar: bulkActionToolbar })), 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 === void 0 ? void 0 : onFolderRowClick(item.originalKeyedItem.item, index);
+                }
+                else {
+                    onRowClick === null || onRowClick === void 0 ? void 0 : onRowClick(item.originalKeyedItem.item, index);
+                }
+            }), selectionDisabled: selectionDisabledProp &&
+            (({ item }) => selectionDisabledProp === null || selectionDisabledProp === void 0 ? void 0 : selectionDisabledProp(item.originalKeyedItem.item)) }),
+        React.createElement(TablePlaceholderStates, { state: state, renderEmptyState: renderEmptyState, renderError: renderError, topNotification: topNotification, rowVerticalPadding: rowVerticalPadding }),
+        React.createElement(CollectionTableContent, { state: state.table },
+            React.createElement(TableFoldersInfiniteScroll, { state: state }))));
+}
+export const TableFoldersContent = observer(_TableFoldersContent);
+//# sourceMappingURL=TableFoldersContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoldersContent.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/TableFoldersContent.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';
+function _TableFoldersInfiniteScroll(props) {
+    const { state: { showFoldersSection, showItemsSection, collections }, } = props;
+    return (React.createElement(React.Fragment, null,
+        showFoldersSection && (React.createElement(PageInfiniteScrollLoader, { state: collections.folders, scrollMoreAlways: true })),
+        showItemsSection && (React.createElement(PageInfiniteScrollLoader, { state: collections.items, scrollMoreAlways: true }))));
+}
+export const TableFoldersInfiniteScroll = observer(_TableFoldersInfiniteScroll);
+//# sourceMappingURL=TableFoldersInfiniteScroll.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoldersInfiniteScroll.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/TableFoldersInfiniteScroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAWvE,SAAS,2BAA2B,CAKlC,KAAsD;IACtD,MAAM,EACJ,KAAK,EAAE,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAC7D,GAAG,KAAK,CAAC;IAEV,OAAO,CACL;QACG,kBAAkB,IAAI,CACrB,oBAAC,wBAAwB,IACvB,KAAK,EAAE,WAAW,CAAC,OAAO,EAC1B,gBAAgB,SAChB,CACH;QAEA,gBAAgB,IAAI,CACnB,oBAAC,wBAAwB,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,EAAE,gBAAgB,SAAG,CACxE,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,0BAA0B,GAAG,QAAQ,CAAC,2BAA2B,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionCard } from '../CollectionCard';
+function _TableFoldersLayout(props) {
+    const { state, dataHook, children } = props;
+    const { toolbar } = state;
+    return (React.createElement(CollectionCard, { renderError: false, state: toolbar, dataHook: dataHook }, children));
+}
+export const TableFoldersLayout = observer(_TableFoldersLayout);
+//# sourceMappingURL=TableFoldersLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableFoldersLayout.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/TableFoldersLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAcnD,SAAS,mBAAmB,CAK1B,KAA8C;IAC9C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE1B,OAAO,CACL,oBAAC,cAAc,IAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,IACnE,QAAQ,CACM,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export * from './TableFolders';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,35 @@
+import { useActionCellColumnBase, useRenderActionCellColumn, } from '../ActionCell';
+import { useMemo } from 'react';
+import { isFolderKeyedItem, isItemKeyedItem } from '../../state';
+export function useOrFolderActionCellColumn(params) {
+    const { state: { items, folders }, actionCell, folderActionCell, actionCellProps, actionCellWidth, } = params;
+    const baseColumn = useActionCellColumnBase({
+        actionCellProps,
+        actionCellWidth,
+    });
+    const renderItem = useRenderActionCellColumn({
+        actionCell,
+        sticky: true,
+        collection: items,
+    });
+    const renderFolder = useRenderActionCellColumn({
+        actionCell: folderActionCell,
+        sticky: true,
+        collection: folders,
+    });
+    return useMemo(() => {
+        if (renderItem == null && renderFolder == null) {
+            return null;
+        }
+        return Object.assign(Object.assign({}, baseColumn), { render: (keyedItem, rowNum) => {
+                if (isItemKeyedItem(keyedItem)) {
+                    return renderItem === null || renderItem === void 0 ? void 0 : renderItem(keyedItem.item.originalKeyedItem, rowNum);
+                }
+                if (isFolderKeyedItem(keyedItem)) {
+                    return renderFolder === null || renderFolder === void 0 ? void 0 : renderFolder(keyedItem.item.originalKeyedItem, rowNum);
+                }
+                return null;
+            } });
+    }, [baseColumn, renderItem, renderFolder]);
+}
+//# sourceMappingURL=useOrFolderActionCellColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useOrFolderActionCellColumn.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/useOrFolderActionCellColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,eAAe,CAAC;AAIvB,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,iBAAiB,EAAE,eAAe,EAAgB,MAAM,aAAa,CAAC;AAe/E,MAAM,UAAU,2BAA2B,CAMzC,MAAyD;IAEzD,MAAM,EACJ,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EACzB,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,GAAG,MAAM,CAAC;IAEX,MAAM,UAAU,GAAG,uBAAuB,CAAC;QACzC,eAAe;QACf,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,UAAU,GAAG,yBAAyB,CAAC;QAC3C,UAAU;QACV,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,yBAAyB,CAAC;QAC7C,UAAU,EAAE,gBAAgB;QAC5B,MAAM,EAAE,IAAI;QACZ,UAAU,EAAE,OAAO;KACpB,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,UAAU,IAAI,IAAI,IAAI,YAAY,IAAI,IAAI,EAAE;YAC9C,OAAO,IAAI,CAAC;SACb;QAED,uCACK,UAAU,KACb,MAAM,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE;gBAC5B,IAAI,eAAe,CAAC,SAAS,CAAC,EAAE;oBAC9B,OAAO,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;iBAC/D;gBAED,IAAI,iBAAiB,CAAC,SAAS,CAAC,EAAE;oBAChC,OAAO,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC,CAAC;iBACjE;gBAED,OAAO,IAAI,CAAC;YACd,CAAC,IACD;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC;AAC7C,CAAC"}

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

@@ -0,0 +1,14 @@
+import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
+import { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';
+export function useTableFoldersSyncProps(props) {
+    const { state, customColumns, columns } = props;
+    const toolbar = state.toolbar;
+    useToolbarCollectionSyncProps(Object.assign(Object.assign({}, props), { state: toolbar, isUsingDragAndDrop: !!props.dragAndDrop, isUsingBulkActionsToolbar: !!props.bulkActionToolbar, isUsingHorizontalScroll: true, isUsingFolders: true, isUsingTableVirtualization: true }));
+    useColumnsSyncProps({
+        toolbar,
+        customColumns,
+        columns,
+    });
+    return state;
+}
+//# sourceMappingURL=useTableFoldersSyncProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTableFoldersSyncProps.js","sourceRoot":"","sources":["../../../../src/components/TableFolders/useTableFoldersSyncProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAKnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAetE,MAAM,UAAU,wBAAwB,CAKtC,KAAqD;IACrD,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;IAE9B,6BAA6B,iCACxB,KAAK,KACR,KAAK,EAAE,OAAO,EACd,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,EACvC,yBAAyB,EAAE,CAAC,CAAC,KAAK,CAAC,iBAAiB,EACpD,uBAAuB,EAAE,IAAI,EAC7B,cAAc,EAAE,IAAI,EACpB,0BAA0B,EAAE,IAAI,IAChC,CAAC;IAEH,mBAAmB,CAAC;QAClB,OAAO;QACP,aAAa;QACb,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/components/TableGridSwitch/TableGridSwitch.js

@@ -0,0 +1,17 @@
+import React, { useEffect } from 'react';
+import { Grid } from '../Grid';
+import { Table } from '..';
+import { observer } from 'mobx-react-lite';
+import { TableGridSwitchButton } from '../TableGridSwitchButton';
+import { InitialLoader } from '../InitialLoader';
+export function _TableGridSwitch(props) {
+    const { state, dragAndDrop } = props;
+    const { gridState, tableState, toolbar } = state;
+    const tableGridSwitchButton = (React.createElement(TableGridSwitchButton, { state: state.viewTypeState }));
+    useEffect(() => state.init(), []);
+    const { initTask: { status }, } = state;
+    const isLoading = status.isIdle || status.isLoading;
+    return (React.createElement(React.Fragment, null, isLoading ? (React.createElement(InitialLoader, { dataHook: "initial-loader", state: toolbar })) : state.viewType === 'grid' ? (React.createElement(Grid, Object.assign({}, props, { tableGridSwitchButton: tableGridSwitchButton, state: gridState, dragAndDrop: dragAndDrop === null || dragAndDrop === void 0 ? void 0 : dragAndDrop.grid }))) : (React.createElement(Table, Object.assign({}, props, { sticky: true, tableGridSwitchButton: tableGridSwitchButton, state: tableState, dragAndDrop: dragAndDrop === null || dragAndDrop === void 0 ? void 0 : dragAndDrop.table })))));
+}
+export const TableGridSwitch = observer(_TableGridSwitch);
+//# sourceMappingURL=TableGridSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableGridSwitch.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAA8B,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAc,MAAM,IAAI,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA4BjD,MAAM,UAAU,gBAAgB,CAC9B,KAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,qBAAqB,GAAG,CAC5B,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAI,CACtD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,MAAM,EACJ,QAAQ,EAAE,EAAE,MAAM,EAAE,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC;IAEpD,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,IAAC,QAAQ,EAAC,gBAAgB,EAAC,KAAK,EAAE,OAAO,GAAI,CAC5D,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,oBAAC,IAAI,oBACC,KAAK,IACT,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,IAC9B,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,oBACA,KAAK,IACT,MAAM,QACN,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,IAC/B,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

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

@@ -0,0 +1,31 @@
+import { TableUniDriver } from '../Table/Table.uni.driver';
+import { GridUniDriver } from '../Grid/Grid.uni.driver';
+import { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';
+import { baseUniDriverFactory } from '../../unidriver';
+import { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';
+export function TableGridSwitchUniDriver(base, body) {
+    const getToolbar = () => CollectionToolbarUniDriver(base.$('[data-hook="collection-toolbar"]'), body);
+    const getTable = () => TableUniDriver(base, body);
+    const getGrid = () => GridUniDriver(base, body);
+    const getSummaryBar = () => SummaryBarUniDriver(base, body);
+    return Object.assign(Object.assign({}, 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 });
+}
+export default TableGridSwitchUniDriver;
+//# sourceMappingURL=TableGridSwitch.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableGridSwitch.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,MAAM,UAAU,wBAAwB,CAAC,IAAe,EAAE,IAAe;IACvE,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,0BAA0B,CACxB,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,EAC1C,IAAI,CACL,CAAC;IAEJ,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAChD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE5D,uCACK,oBAAoB,CAAC,IAAI,CAAC;QAC7B;;;WAGG;QACH,IAAI,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAC9C,+BAA+B;QAC/B,eAAe,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE;QACrD,uCAAuC;QACvC,sBAAsB,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,sBAAsB,EAAE;QACnE,uBAAuB;QACvB,QAAQ;QACR,sBAAsB;QACtB,OAAO,EACP,aAAa,EAAE,GAAG,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,MAAM,EAAE,EAC7D,cAAc,EAAE,KAAK,IAAI,EAAE,CACzB,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,MAAM,EAAE,CAAC;QACtE;;WAEG;QACH,aAAa,IACb;AACJ,CAAC;AAED,eAAe,wBAAwB,CAAC"}

package/dist/esm/components/TableGridSwitch/TableGridSwitchDragAndDrop.js

@@ -0,0 +1,7 @@
+import { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';
+import { TableDragAndDrop } from '../TableDragAndDrop';
+export const TableGridSwitchDragAndDrop = {
+    grid: GridDragAndDrop,
+    table: TableDragAndDrop,
+};
+//# sourceMappingURL=TableGridSwitchDragAndDrop.js.map

package/dist/esm/components/TableGridSwitch/TableGridSwitchDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableGridSwitchDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitch/TableGridSwitchDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,gBAAgB;CACxB,CAAC"}

package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.js

@@ -0,0 +1,22 @@
+import { observer } from 'mobx-react-lite';
+import React from 'react';
+import { SegmentedToggle } from '@wix/design-system';
+import { LayoutGallery, LayoutList } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+function _TableGridSwitchButton(props) {
+    const { translate: t } = useWixPatternsContainer();
+    const { state } = props;
+    const { viewType } = state;
+    return (React.createElement(SegmentedToggle, { size: "small", dataHook: "table-grid-switch-toggle-button", selected: viewType, onClick: (_, value) => {
+            if (state.viewType === value) {
+                return;
+            }
+            state.changeViewType(value);
+        } },
+        React.createElement(SegmentedToggle.Icon, { value: "grid", dataHook: "toggle-option-grid", tooltipText: t('cairo.table.gridView') },
+            React.createElement(LayoutGallery, null)),
+        React.createElement(SegmentedToggle.Icon, { value: "table", dataHook: "toggle-option-table", tooltipText: t('cairo.table.listView') },
+            React.createElement(LayoutList, null))));
+}
+export const TableGridSwitchButton = observer(_TableGridSwitchButton);
+//# sourceMappingURL=TableGridSwitchButton.js.map

package/dist/esm/components/TableGridSwitchButton/TableGridSwitchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableGridSwitchButton.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAS9D,SAAS,sBAAsB,CAAC,KAAiC;IAC/D,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACnD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO,CACL,oBAAC,eAAe,IACd,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAC,iCAAiC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;YACpB,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,EAAE;gBAC5B,OAAO;aACR;YACD,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;QAED,oBAAC,eAAe,CAAC,IAAI,IACnB,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAC,oBAAoB,EAC7B,WAAW,EAAE,CAAC,CAAC,sBAAsB,CAAC;YAEtC,oBAAC,aAAa,OAAG,CACI;QACvB,oBAAC,eAAe,CAAC,IAAI,IACnB,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,qBAAqB,EAC9B,WAAW,EAAE,CAAC,CAAC,sBAAsB,CAAC;YAEtC,oBAAC,UAAU,OAAG,CACO,CACP,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { SegmentedToggleUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+export function TableGridSwitchButtonUniDriver(base, body) {
+    const getSegmented = () => SegmentedToggleUniDriver(base, body);
+    return Object.assign(Object.assign({}, getSegmented()), { clickTableButton: () => base.$$(`[data-hook="toggle-icon"]`).get(1).click(), clickGridButton: () => base.$$(`[data-hook="toggle-icon"]`).get(0).click() });
+}
+export default TableGridSwitchButtonUniDriver;
+//# sourceMappingURL=TableGridSwitchButton.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableGridSwitchButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,2CAA2C,CAAC;AAGrF,MAAM,UAAU,8BAA8B,CAC5C,IAAe,EACf,IAAe;IAEf,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhE,uCACK,YAAY,EAAE,KACjB,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,EAC3E,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,IAC1E;AACJ,CAAC;AAED,eAAe,8BAA8B,CAAC"}

package/dist/esm/components/TableGridSwitchButton/index.js

@@ -0,0 +1,2 @@
+export * from './TableGridSwitchButton';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/TableGridSwitchButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/esm/components/TableGridSwitchFolders/TableGridSwitchFolders.js

@@ -0,0 +1,19 @@
+import React, { useEffect } from 'react';
+import { observer } from 'mobx-react-lite';
+import { TableGridSwitchButton } from '../TableGridSwitchButton';
+import { GridFolders, } from '../Grid/GridFolders';
+import { TableFolders } from '../TableFolders';
+import { InitialLoader } from '../InitialLoader';
+function _TableGridSwitchFolders(props) {
+    const { state } = props;
+    const { gridFoldersState, tableFoldersState, toolbar } = state;
+    const tableGridSwitchButton = (React.createElement(TableGridSwitchButton, { state: state.viewTypeState }));
+    useEffect(() => {
+        state.init();
+    }, []);
+    const { initTask: { status }, } = state;
+    const isLoading = status.isIdle || status.isLoading;
+    return (React.createElement(React.Fragment, null, isLoading ? (React.createElement(InitialLoader, { dataHook: "initial-loader", state: toolbar })) : state.viewType === 'grid' ? (React.createElement(GridFolders, Object.assign({}, props, { tableGridSwitchButton: tableGridSwitchButton, state: gridFoldersState }))) : (React.createElement(TableFolders, Object.assign({}, props, { tableGridSwitchButton: tableGridSwitchButton, state: tableFoldersState })))));
+}
+export const TableGridSwitchFolders = observer(_TableGridSwitchFolders);
+//# sourceMappingURL=TableGridSwitchFolders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableGridSwitchFolders.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EACL,WAAW,GAEZ,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,YAAY,EAAqB,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA8BjD,SAAS,uBAAuB,CAK9B,KAAkD;IAClD,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IACxB,MAAM,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE/D,MAAM,qBAAqB,GAAG,CAC5B,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAI,CACtD,CAAC;IACF,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EACJ,QAAQ,EAAE,EAAE,MAAM,EAAE,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC;IACpD,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,IAAC,QAAQ,EAAC,gBAAgB,EAAC,KAAK,EAAE,OAAO,GAAI,CAC5D,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,oBAAC,WAAW,oBACN,KAAK,IACT,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,gBAAgB,IACvB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,oBACP,KAAK,IACT,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,iBAAiB,IACxB,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}

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

@@ -0,0 +1,35 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';
+import TableFoldersUniDriver from '../TableFolders/TableFolders.uni.driver';
+import GridFoldersUniDriver from '../Grid/GridFolders.uni.driver';
+import { SummaryBarUniDriver } from '../SummaryBar/SummaryBar.uni.driver';
+export function TableGridSwitchFoldersUniDriver(base, body) {
+    const getToolbar = () => CollectionToolbarUniDriver(base.$('[data-hook="collection-toolbar"]'), body);
+    const getTable = () => TableFoldersUniDriver(base, body);
+    const getGrid = () => GridFoldersUniDriver(base, body);
+    const getSummaryBar = () => SummaryBarUniDriver(base, body);
+    return Object.assign(Object.assign({}, 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 [TableFoldersUniDriver](./?path=/story/common-components--tablefolders) driver */
+        getTable,
+        /** Get [GridFoldersUniDriver](./?path=/story/common-components--gridfolders) driver */
+        getGrid, 
+        /** Indicates grid is currently shown */
+        isShowingGrid: () => base.$(`[data-hook="toolbar-collection-content"]`).exists(), 
+        /** Indicates table is currently shown */
+        isShowingTable: async () => !(await base.$(`[data-hook="toolbar-collection-content"]`).exists()), 
+        /**
+         * Gets collection summary bar
+         */
+        getSummaryBar });
+}
+export default TableGridSwitchFoldersUniDriver;
+//# sourceMappingURL=TableGridSwitchFolders.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableGridSwitchFolders.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchFolders/TableGridSwitchFolders.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,qBAAqB,MAAM,yCAAyC,CAAC;AAC5E,OAAO,oBAAoB,MAAM,gCAAgC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,MAAM,UAAU,+BAA+B,CAC7C,IAAe,EACf,IAAe;IAEf,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,0BAA0B,CACxB,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,EAC1C,IAAI,CACL,CAAC;IAEJ,MAAM,QAAQ,GAAG,GAAG,EAAE,CAAC,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACzD,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,oBAAoB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAE5D,uCACK,oBAAoB,CAAC,IAAI,CAAC;QAC7B;;;WAGG;QACH,IAAI,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAC9C,+BAA+B;QAC/B,eAAe,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE;QACrD,uCAAuC;QACvC,sBAAsB,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,sBAAsB,EAAE;QACnE,yFAAyF;QACzF,QAAQ;QACR,uFAAuF;QACvF,OAAO;QACP,wCAAwC;QACxC,aAAa,EAAE,GAAG,EAAE,CAClB,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,MAAM,EAAE;QAC7D,yCAAyC;QACzC,cAAc,EAAE,KAAK,IAAI,EAAE,CACzB,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,0CAA0C,CAAC,CAAC,MAAM,EAAE,CAAC;QACtE;;WAEG;QACH,aAAa,IACb;AACJ,CAAC;AAED,eAAe,+BAA+B,CAAC"}

package/dist/esm/components/TablePlaceholderStates/TablePlaceholderStates.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { InitialLoader } from '../InitialLoader';
+import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
+import { TableSkeleton } from '../TableSkeleton/TableSkeleton';
+import { PlaceholderStatesBase, } from '../PlaceholderStates/PlaceholderStatesBase';
+function _TablePlaceholderStates(props) {
+    var _a;
+    const state = useToolbarCollectionContext();
+    const tableSkeletonEnabled = (_a = state.container.internalExperiments) === null || _a === void 0 ? void 0 : _a.enabled('specs.cairo.TableSkeletonLoader');
+    return (React.createElement(PlaceholderStatesBase, Object.assign({ loadingState: tableSkeletonEnabled ? (React.createElement(TableSkeleton, { dataHook: "placeholder-states-loading-state", state: state, rowVerticalPadding: props.rowVerticalPadding })) : (React.createElement(InitialLoader, { dataHook: "placeholder-states-loading-state", state: state })) }, props)));
+}
+export const TablePlaceholderStates = observer(_TablePlaceholderStates);
+//# sourceMappingURL=TablePlaceholderStates.js.map

package/dist/esm/components/TablePlaceholderStates/TablePlaceholderStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePlaceholderStates.js","sourceRoot":"","sources":["../../../../src/components/TablePlaceholderStates/TablePlaceholderStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EACL,qBAAqB,GAEtB,MAAM,4CAA4C,CAAC;AAmBpD,SAAS,uBAAuB,CAAC,KAAkC;;IACjE,MAAM,KAAK,GAAG,2BAA2B,EAAE,CAAC;IAC5C,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,SAAS,CAAC,mBAAmB,0CAAE,OAAO,CACvE,iCAAiC,CAClC,CAAC;IAEF,OAAO,CACL,oBAAC,qBAAqB,kBACpB,YAAY,EACV,oBAAoB,CAAC,CAAC,CAAC,CACrB,oBAAC,aAAa,IACZ,QAAQ,EAAC,kCAAkC,EAC3C,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,KAAK,CAAC,kBAAkB,GAC5C,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,IACZ,QAAQ,EAAC,kCAAkC,EAC3C,KAAK,EAAE,KAAK,GACZ,CACH,IAEC,KAAK,EACT,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/TableSkeleton/TableSkeleton.js

@@ -0,0 +1,41 @@
+import { __rest } from "tslib";
+import React, { forwardRef, useMemo, useState } from 'react';
+import { Box, Card, SkeletonGroup, SkeletonLine, Table, } from '@wix/design-system';
+import { ResponsiveColumnsState } from '../../state';
+import { observer } from 'mobx-react-lite';
+export function _TableSkeleton(props) {
+    const { state, dataHook, rowsCount = 7 } = props, rest = __rest(props, ["state", "dataHook", "rowsCount"]);
+    const [{ columnCount, minItemWidth, itemsContentWidth }] = useState(() => new ResponsiveColumnsState({
+        gap: 24,
+        minItemWidth: 192,
+        rectState: state.toolbarRect,
+        containerPadding: 48,
+    }));
+    const data = useMemo(() => new Array(rowsCount)
+        .fill(null)
+        .map((_, i) => ({ id: `skeleton-row-${i}` })), [rowsCount]);
+    const columns = useMemo(() => new Array(columnCount).fill(null).map((_, i) => ({
+        title: '',
+        key: `skeleton-column-${i}`,
+        dataHook: `skeleton-column-${i}`,
+        render: () => (React.createElement(Box, { direction: "vertical", width: "100%", minWidth: `${minItemWidth}px` },
+            React.createElement(SkeletonGroup, null,
+                React.createElement(SkeletonLine, { width: "100%", marginTop: "SP1", marginBottom: "SP1" })))),
+    })), [columnCount]);
+    const [TrElementType] = useState(() => forwardRef((_a, ref) => {
+        var { rowData: _rowData } = _a, trProps = __rest(_a, ["rowData"]);
+        // <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
+        return React.createElement("tr", Object.assign({ ref: ref }, trProps, { "data-table-row": undefined }));
+    }));
+    if (!itemsContentWidth) {
+        return null;
+    }
+    return (
+    // <Box/> wrapper always aligns the skeleton to the top of the table
+    React.createElement(Box, { marginBottom: "auto", dataHook: dataHook },
+        React.createElement(Table, Object.assign({ skin: "neutral", data: data, columns: columns, withWrapper: false }, { TrElementType }, rest),
+            React.createElement(Card, null,
+                React.createElement(Table.Content, { titleBarVisible: true })))));
+}
+export const TableSkeleton = observer(_TableSkeleton);
+//# sourceMappingURL=TableSkeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableSkeleton.js","sourceRoot":"","sources":["../../../../src/components/TableSkeleton/TableSkeleton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/TableTopNotification/ScrollAwayPushStrategy.js

@@ -0,0 +1,38 @@
+import { action, makeObservable } from 'mobx';
+export class ScrollAwayPushStrategy {
+    constructor(state) {
+        this.state = state;
+        makeObservable(this, {
+            switchToSticky: action.bound,
+            switchToInline: action.bound,
+            onIntersectionRatioChanged: action.bound,
+        });
+    }
+    switchToSticky() {
+        const { consideredVisibleRatio, intersection: { intersectionRatio }, position, } = this.state;
+        if (position !== 'sticky' && intersectionRatio < consideredVisibleRatio) {
+            this.state.position = 'sticky';
+        }
+    }
+    switchToInline() {
+        this.state.position = 'inline';
+    }
+    onIntersectionRatioChanged(ratio) {
+        const { position, consideredVisibleRatio } = this.state;
+        if (position === 'sticky' && ratio >= consideredVisibleRatio) {
+            this.state.position = 'inline';
+        }
+    }
+    init() {
+        const { topNotification } = this.state;
+        topNotification.events.on('enter', this.switchToSticky);
+        topNotification.events.on('beforeExit', this.switchToSticky);
+        topNotification.events.on('exited', this.switchToInline);
+        return () => {
+            topNotification.events.off('enter', this.switchToSticky);
+            topNotification.events.off('beforeExit', this.switchToSticky);
+            topNotification.events.off('exited', this.switchToInline);
+        };
+    }
+}
+//# sourceMappingURL=ScrollAwayPushStrategy.js.map

package/dist/esm/components/TableTopNotification/ScrollAwayPushStrategy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollAwayPushStrategy.js","sourceRoot":"","sources":["../../../../src/components/TableTopNotification/ScrollAwayPushStrategy.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,MAAM,CAAC;AAE9C,MAAM,OAAO,sBAAsB;IAEjC,YAAY,KAAgC;QAC1C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,cAAc,CAAC,IAAI,EAAE;YACnB,cAAc,EAAE,MAAM,CAAC,KAAK;YAC5B,cAAc,EAAE,MAAM,CAAC,KAAK;YAC5B,0BAA0B,EAAE,MAAM,CAAC,KAAK;SACzC,CAAC,CAAC;IACL,CAAC;IAED,cAAc;QACZ,MAAM,EACJ,sBAAsB,EACtB,YAAY,EAAE,EAAE,iBAAiB,EAAE,EACnC,QAAQ,GACT,GAAG,IAAI,CAAC,KAAK,CAAC;QAEf,IAAI,QAAQ,KAAK,QAAQ,IAAI,iBAAiB,GAAG,sBAAsB,EAAE;YACvE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAChC;IACH,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;IACjC,CAAC;IAED,0BAA0B,CAAC,KAAa;QACtC,MAAM,EAAE,QAAQ,EAAE,sBAAsB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACxD,IAAI,QAAQ,KAAK,QAAQ,IAAI,KAAK,IAAI,sBAAsB,EAAE;YAC5D,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAChC;IACH,CAAC;IAED,IAAI;QACF,MAAM,EAAE,eAAe,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACvC,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QACxD,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC7D,eAAe,CAAC,MAAM,CAAC,EAAE,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAEzD,OAAO,GAAG,EAAE;YACV,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YACzD,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,YAAY,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;YAC9D,eAAe,CAAC,MAAM,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;QAC5D,CAAC,CAAC;IACJ,CAAC;CACF"}

package/dist/esm/components/TableTopNotification/ScrollAwayScheduleStrategy.js

@@ -0,0 +1,61 @@
+import { action, makeObservable } from 'mobx';
+import { EventEmitter } from 'events';
+export class ScrollAwayScheduleStrategy {
+    constructor(state) {
+        this.events = new EventEmitter();
+        this.state = state;
+        makeObservable(this, {
+            preventEnter: action.bound,
+            preventExit: action.bound,
+            onIntersectionRatioChanged: action.bound,
+        });
+    }
+    _scheduleEnter() {
+        const { topNotification } = this.state;
+        const { nextData } = topNotification;
+        this.events.removeAllListeners('enter');
+        this.events.once('enter', action(() => {
+            if (nextData === topNotification.nextData) {
+                topNotification.set(nextData);
+            }
+        }));
+    }
+    preventEnter() {
+        const { topNotification, intersection, consideredVisibleRatio } = this.state;
+        if (intersection.intersectionRatio < consideredVisibleRatio) {
+            topNotification.show = false;
+            // console.log('enter prevented');
+            this._scheduleEnter();
+        }
+    }
+    preventExit() {
+        const { topNotification, intersection, consideredVisibleRatio } = this.state;
+        if (intersection.intersectionRatio < consideredVisibleRatio) {
+            topNotification.show = true;
+            // console.log('exit prevented');
+            this._scheduleEnter();
+        }
+    }
+    onIntersectionRatioChanged(ratio) {
+        const { consideredVisibleRatio, topNotification } = this.state;
+        // when scrolling in trigger enter
+        if (ratio >= consideredVisibleRatio) {
+            this.events.emit('enter');
+            topNotification.events.off('beforeExit', this.preventExit);
+            topNotification.events.off('enter', this.preventEnter);
+        }
+        // when scrolling out schedule prevention
+        else {
+            topNotification.events.off('beforeExit', this.preventExit);
+            topNotification.events.off('enter', this.preventEnter);
+            if (topNotification.show) {
+                topNotification.events.on('beforeExit', this.preventExit);
+            }
+            else {
+                topNotification.events.on('enter', this.preventEnter);
+            }
+        }
+    }
+    init() { }
+}
+//# sourceMappingURL=ScrollAwayScheduleStrategy.js.map