@wix/patterns 0.8.0

package/dist/esm/components/CollectionTable/CollectionTableContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTableContent.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAW1E,SAAS,uBAAuB,CAC9B,KAAwC;IAExC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE9C,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC;IAEjC,MAAM,EACJ,iBAAiB,EACjB,cAAc,EACd,KAAK,EAAE,EAAE,iBAAiB,EAAE,cAAc,EAAE,EAC5C,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,gBAAgB,GACpB,CAAC,iBAAiB;QAClB,CAAC,iBAAiB;QAClB,CAAC,cAAc;QACf,CAAC,CAAC,cAAc,IAAI,CAAC,cAAc,CAAC,CAAC;IAEvC,MAAM,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CACtC,KAAK,CAAC,cAAc,CAAC,iBAAiB,EAAE,CACzC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,EAAE;YACpB,eAAe,EAAE,CAAC;SACnB;IACH,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,OAAO,CACL,0CACG,gBAAgB,IAAI;IACnB,wOAAwO;IACxO,oBAAC,0BAA0B,QAAE,QAAQ,CAA8B,CACpE,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}

package/dist/esm/components/CollectionTable/CollectionTableContentCard.js

@@ -0,0 +1,14 @@
+import { Card, Table } from '@wix/design-system';
+import React from 'react';
+import { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';
+import { classes, st } from '../common.st.css.js';
+export function CollectionTableContentCard(props) {
+    const { children } = props;
+    return (
+    // wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar
+    React.createElement(Card, { className: st(classes.column, classes.fullHeight) },
+        React.createElement(ToolbarCollectionContentAutoSizer, null,
+            React.createElement(Table.Content, { titleBarVisible: false, dataHook: "table-content" }),
+            children)));
+}
+//# sourceMappingURL=CollectionTableContentCard.js.map

package/dist/esm/components/CollectionTable/CollectionTableContentCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTableContentCard.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableContentCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,iCAAiC,EAAE,MAAM,sCAAsC,CAAC;AACzF,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AAMlD,MAAM,UAAU,0BAA0B,CACxC,KAAsC;IAEtC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAE3B,OAAO;IACL,wOAAwO;IACxO,oBAAC,IAAI,IAAC,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC;QACrD,oBAAC,iCAAiC;YAChC,oBAAC,KAAK,CAAC,OAAO,IAAC,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAC,eAAe,GAAG;YACjE,QAAQ,CACyB,CAC/B,CACR,CAAC;AACJ,CAAC"}

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.js

@@ -0,0 +1,44 @@
+import { Box, Table as WSRTable, } from '@wix/design-system';
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CollectionProvider } from '../CollectionContext';
+import { CollectionToolbars } from '../CollectionToolbars';
+import { BorderOnlyBox } from '../BorderOnlyBox';
+import { classes, st } from '../common.st.css.js';
+function _CollectionTableWSRTable(props) {
+    var _a;
+    const { state, filters, title, tabs, customColumns: customColumnsProp, multiLevelSorting: multiLevelSortingProp, views, extraToolbar, summaryBar, selectionToolbar, dragAndDropReorderModeToolbar, showSelection: showSelectionProp, exportButton, tags, sticky, onRowClick, search, children, tableGridSwitchButton, useShowLoaderWhenEmpty, dragAndDrop, showTitleBar, horizontalScroll, stickyColumns, stickySelectionColumn, hideBulkSelectionCheckbox, columns, primaryActionButton, onSelectionChanged, } = props;
+    const { toolbar, tableState: table, keyedItems } = state;
+    const { bulk, collection: toolbarCollection, initTask } = toolbar;
+    const { collection } = table;
+    const { result: { hasAvailableItems }, } = toolbarCollection;
+    const { showRefreshLoader, showErrorState, showEmptyState } = collection;
+    const Table = WSRTable;
+    const showSelection = showSelectionProp !== null && showSelectionProp !== void 0 ? showSelectionProp : selectionToolbar != null;
+    const tableSkeletonEnabled = (_a = toolbar.container.internalExperiments) === null || _a === void 0 ? void 0 : _a.enabled('specs.cairo.TableSkeletonLoader');
+    const hideTitleBar = !hasAvailableItems || initTask.status.isLoading || initTask.status.isError;
+    const showBorderBox = !(tableSkeletonEnabled && initTask.status.isLoading) &&
+        (hideTitleBar || !showTitleBar);
+    return (React.createElement("div", { "data-hook": "collection-table", className: st(classes.fullHeight, classes.column) },
+        React.createElement(Table, Object.assign({}, props, { withWrapper: false, data: keyedItems, columns: columns, onRowClick: onRowClick, 
+            // this forces WSR <Table/> to render the loader even when `data.length=0`
+            showHeaderWhenEmpty: useShowLoaderWhenEmpty &&
+                !showRefreshLoader &&
+                !showErrorState &&
+                !showEmptyState, hideBulkSelectionCheckbox: selectionToolbar ? false : hideBulkSelectionCheckbox, dragAndDrop: dragAndDrop, rowDataHook: (rowData) => `table-row-${rowData.key}`, controlled: true, horizontalScroll: horizontalScroll, stickyColumns: table.getStickyColumnsCount({
+                horizontalScroll,
+                stickyColumns,
+                showSelection,
+                stickySelectionColumn,
+            }), showSelection: showSelection, selectedIds: bulk.selectedIds, onSelectionStarted: state.toolbar.onSelectionStarted, onSelectionChanged: onSelectionChanged !== null && onSelectionChanged !== void 0 ? onSelectionChanged : ((_selectedIds, _change) => {
+                state.toolbar.onSelectionChanged(_selectedIds, _change);
+            }) }),
+            React.createElement(CollectionToolbars, { sticky: sticky, state: toolbar, search: search, customColumns: customColumnsProp, multiLevelSorting: multiLevelSortingProp, views: views, title: title, tabs: tabs, filters: filters, selectionToolbar: selectionToolbar, dragAndDropReorderModeToolbar: dragAndDropReorderModeToolbar, extraToolbar: extraToolbar, summaryBar: summaryBar, titleBar: React.createElement(React.Fragment, null,
+                    showBorderBox && React.createElement(BorderOnlyBox, null),
+                    !hideTitleBar && (React.createElement("div", { "data-hook": "titlebar-a11y-wrapper", style: { display: showTitleBar ? undefined : 'none' } },
+                        React.createElement(WSRTable.Titlebar, null)))), tableGridSwitchButton: tableGridSwitchButton, exportButton: exportButton, tags: tags, primaryActionButton: primaryActionButton }),
+            React.createElement(CollectionProvider, { value: collection },
+                React.createElement(Box, { width: "100%", direction: "vertical", minHeight: 0, flex: 1, verticalAlign: "middle" }, children)))));
+}
+export const CollectionTableWSRTable = observer(_CollectionTableWSRTable);
+//# sourceMappingURL=CollectionTableWSRTable.js.map

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTableWSRTable.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,KAAK,IAAI,QAAQ,GAGlB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AA6DlD,SAAS,wBAAwB,CAC/B,KAA4C;;IAE5C,MAAM,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACL,IAAI,EACJ,aAAa,EAAE,iBAAiB,EAChC,iBAAiB,EAAE,qBAAqB,EACxC,KAAK,EACL,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,6BAA6B,EAC7B,aAAa,EAAE,iBAAiB,EAChC,YAAY,EACZ,IAAI,EACJ,MAAM,EACN,UAAU,EACV,MAAM,EACN,QAAQ,EACR,qBAAqB,EACrB,sBAAsB,EACtB,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,aAAa,EACb,qBAAqB,EACrB,yBAAyB,EACzB,OAAO,EACP,mBAAmB,EACnB,kBAAkB,GACnB,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACzD,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,iBAAiB,EAAE,QAAQ,EAAE,GAAG,OAAO,CAAC;IAClE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,MAAM,EACJ,MAAM,EAAE,EAAE,iBAAiB,EAAE,GAC9B,GAAG,iBAAiB,CAAC;IACtB,MAAM,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,UAAU,CAAC;IAEzE,MAAM,KAAK,GAAG,QAAmD,CAAC;IAElE,MAAM,aAAa,GAAG,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,gBAAgB,IAAI,IAAI,CAAC;IAEpE,MAAM,oBAAoB,GAAG,MAAA,OAAO,CAAC,SAAS,CAAC,mBAAmB,0CAAE,OAAO,CACzE,iCAAiC,CAClC,CAAC;IACF,MAAM,YAAY,GAChB,CAAC,iBAAiB,IAAI,QAAQ,CAAC,MAAM,CAAC,SAAS,IAAI,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC;IAE7E,MAAM,aAAa,GACjB,CAAC,CAAC,oBAAoB,IAAI,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC;QACpD,CAAC,YAAY,IAAI,CAAC,YAAY,CAAC,CAAC;IAElC,OAAO,CACL,0CACY,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC;QAEjD,oBAAC,KAAK,oBACA,KAAK,IACT,WAAW,EAAE,KAAK,EAClB,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU;YACtB,0EAA0E;YAC1E,mBAAmB,EACjB,sBAAsB;gBACtB,CAAC,iBAAiB;gBAClB,CAAC,cAAc;gBACf,CAAC,cAAc,EAEjB,yBAAyB,EACvB,gBAAgB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,yBAAyB,EAEtD,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,aAAa,OAAO,CAAC,GAAG,EAAE,EACpD,UAAU,QACV,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,KAAK,CAAC,qBAAqB,CAAC;gBACzC,gBAAgB;gBAChB,aAAa;gBACb,aAAa;gBACb,qBAAqB;aACtB,CAAC,EACF,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,kBAAkB,EAAE,KAAK,CAAC,OAAO,CAAC,kBAAkB,EACpD,kBAAkB,EAChB,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAClB,CAAC,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE;gBACzB,KAAK,CAAC,OAAO,CAAC,kBAAkB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC1D,CAAC,CAAC;YAGJ,oBAAC,kBAAkB,IACjB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,iBAAiB,EAChC,iBAAiB,EAAE,qBAAqB,EACxC,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,6BAA6B,EAAE,6BAA6B,EAC5D,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,EACtB,QAAQ,EACN;oBACG,aAAa,IAAI,oBAAC,aAAa,OAAG;oBAClC,CAAC,YAAY,IAAI,CAChB,0CACY,uBAAuB,EACjC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,EAAE;wBAErD,oBAAC,QAAQ,CAAC,QAAQ,OAAG,CACjB,CACP,CACA,EAEL,qBAAqB,EAAE,qBAAqB,EAC5C,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,mBAAmB,EAAE,mBAAmB,GACxC;YACF,oBAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU;gBACnC,oBAAC,GAAG,IACF,KAAK,EAAC,MAAM,EACZ,SAAS,EAAC,UAAU,EACpB,SAAS,EAAE,CAAC,EACZ,IAAI,EAAE,CAAC,EACP,aAAa,EAAC,QAAQ,IAErB,QAAQ,CACL,CACa,CACf,CACJ,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

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

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

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

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

package/dist/esm/components/CollectionTable/useTableCollectionSyncProps.js

@@ -0,0 +1,34 @@
+import { useEffect, useState } from 'react';
+import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
+import { assertComponentType } from '../assertComponentType';
+import { useColumnsSyncProps } from '../../hooks/useColumnsSyncProps';
+export function useTableCollectionSyncProps(props) {
+    var _a;
+    const { state: table, customColumns, columns: tableColumns, showSelection, actionCell, multiLevelSorting, views, selectionDisabled, dataExtension, isUsingTableVirtualization, dragAndDropReorderModeToolbar, } = props;
+    assertComponentType(customColumns, 'CustomColumns', 'customColumns');
+    assertComponentType(multiLevelSorting, 'MultiLevelSorting', 'multiLevelSorting');
+    assertComponentType(views, 'CollectionViewsDropdown', 'views');
+    assertComponentType(dragAndDropReorderModeToolbar, 'ReorderModeToolbar', 'dragAndDropReorderModeToolbar');
+    const state = table.toolbar;
+    useToolbarCollectionSyncProps(Object.assign(Object.assign({}, props), { state, isUsingDragAndDrop: !!props.dragAndDrop, isUsingBulkActionsToolbar: !!props.bulkActionToolbar, isUsingHorizontalScroll: (_a = props.horizontalScroll) !== null && _a !== void 0 ? _a : false, isUsingFolders: false, isUsingTableVirtualization }));
+    useColumnsSyncProps({
+        toolbar: state,
+        customColumns,
+        columns: tableColumns,
+    });
+    useState(() => dataExtension === null || dataExtension === void 0 ? void 0 : dataExtension.setDataExtensionOnTable(state));
+    useEffect(() => {
+        if (!dragAndDropReorderModeToolbar) {
+            return;
+        }
+        dragAndDropReorderModeToolbar === null || dragAndDropReorderModeToolbar === void 0 ? void 0 : dragAndDropReorderModeToolbar.type.setReorderModeState(state);
+    }, [state._dnd, dragAndDropReorderModeToolbar]);
+    useEffect(() => state.selectionProps.set({ showSelection }), [showSelection]);
+    useEffect(() => state.actionCell.set(actionCell), [actionCell]);
+    if (selectionDisabled != null) {
+        state.bulk.selectionDisabledProp =
+            selectionDisabled;
+    }
+    return state;
+}
+//# sourceMappingURL=useTableCollectionSyncProps.js.map

package/dist/esm/components/CollectionTable/useTableCollectionSyncProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableCollectionSyncProps.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/useTableCollectionSyncProps.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AACnG,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAEtE,MAAM,UAAU,2BAA2B,CACzC,KAEC;;IAED,MAAM,EACJ,KAAK,EAAE,KAAK,EACZ,aAAa,EACb,OAAO,EAAE,YAAY,EACrB,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,KAAK,EACL,iBAAiB,EACjB,aAAa,EACb,0BAA0B,EAC1B,6BAA6B,GAC9B,GAAG,KAAK,CAAC;IAEV,mBAAmB,CAAC,aAAa,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC;IACrE,mBAAmB,CACjB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,CACpB,CAAC;IACF,mBAAmB,CAAC,KAAK,EAAE,yBAAyB,EAAE,OAAO,CAAC,CAAC;IAC/D,mBAAmB,CACjB,6BAA6B,EAC7B,oBAAoB,EACpB,+BAA+B,CAChC,CAAC;IAEF,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;IAE5B,6BAA6B,iCACxB,KAAK,KACR,KAAK,EACL,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,EACvC,yBAAyB,EAAE,CAAC,CAAC,KAAK,CAAC,iBAAiB,EACpD,uBAAuB,EAAE,MAAA,KAAK,CAAC,gBAAgB,mCAAI,KAAK,EACxD,cAAc,EAAE,KAAK,EACrB,0BAA0B,IAC1B,CAAC;IAEH,mBAAmB,CAAC;QAClB,OAAO,EAAE,KAAK;QACd,aAAa;QACb,OAAO,EAAE,YAAY;KACtB,CAAC,CAAC;IAEH,QAAQ,CAAC,GAAG,EAAE,CAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,6BAA6B,EAAE;YAClC,OAAO;SACR;QACD,6BAA6B,aAA7B,6BAA6B,uBAA7B,6BAA6B,CAAE,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACjE,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,6BAA6B,CAAC,CAAC,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAC9E,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEhE,IAAI,iBAAiB,IAAI,IAAI,EAAE;QAC7B,KAAK,CAAC,IAAI,CAAC,qBAAqB;YAC9B,iBAA0C,CAAC;KAC9C;IAED,OAAO,KAAK,CAAC;AACf,CAAC"}

package/dist/esm/components/CollectionTableActionsColumn.js

@@ -0,0 +1,25 @@
+import { __rest } from "tslib";
+import React, { useCallback, useEffect, useState } from 'react';
+import { ItemActionsState } from '../state';
+import { CollectionItemActions } from './CollectionItemActions';
+import { observer } from 'mobx-react-lite';
+function _CollectionTableActionsColumn(props) {
+    const { collection, index, sticky, keyedItem, actionCell } = props, rest = __rest(props, ["collection", "index", "sticky", "keyedItem", "actionCell"]);
+    const [state] = useState(() => new ItemActionsState({
+        keyedItem,
+        collection,
+        fade: 'static',
+    }));
+    const renderActionCell = useCallback(() => {
+        const actionCellProps = typeof actionCell === 'function'
+            ? actionCell(keyedItem.item, index, state.actionCellAPI)
+            : actionCell;
+        return Object.assign(Object.assign({}, actionCellProps), { popoverMenuProps: Object.assign(Object.assign({}, (sticky && { zIndex: 1200 })), actionCellProps === null || actionCellProps === void 0 ? void 0 : actionCellProps.popoverMenuProps) });
+    }, [actionCell, sticky, index, keyedItem]);
+    useEffect(() => {
+        state.setItemIfChanged(keyedItem);
+    }, [keyedItem]);
+    return (React.createElement(CollectionItemActions, Object.assign({}, rest, { collection: state.collection, renderActionCell: renderActionCell, state: state })));
+}
+export const CollectionTableActionsColumn = observer(_CollectionTableActionsColumn);
+//# sourceMappingURL=CollectionTableActionsColumn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionTableActionsColumn.js","sourceRoot":"","sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAW3C,SAAS,6BAA6B,CACpC,KAA8C;IAE9C,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArE,4DAA6D,CAAQ,CAAC;IAE5E,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CACH,IAAI,gBAAgB,CAAC;QACnB,SAAS;QACT,UAAU;QACV,IAAI,EAAE,QAAQ;KACf,CAAC,CACL,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,MAAM,eAAe,GACnB,OAAO,UAAU,KAAK,UAAU;YAC9B,CAAC,CAAC,UAAU,CAAC,SAAS,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;YACxD,CAAC,CAAC,UAAU,CAAC;QAEjB,uCACK,eAAe,KAClB,gBAAgB,kCAEX,CAAC,MAAM,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAC5B,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,gBAAgB,KAEtC;IACJ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,KAAK,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,qBAAqB,oBAChB,IAAI,IACR,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,IACZ,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}

package/dist/esm/components/CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.js

@@ -0,0 +1,86 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { usePageContext } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+import { DragAndDropContext, SortableReactiveContext, } from '@wix/wix-style-react-incubator/drag-and-drop';
+import { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';
+import { dragHandleTestEvents, sortableItemTestEvents, } from '../GridDragAndDropDndKit/dndTestEventHandlers';
+import { addEventListener } from '@wix/bex-core/util';
+import { NestedTableDragAndDropState } from '../DragAndDrop/NestedTableDragAndDropState';
+function _CollectionNestedTableDragAndDropContext(props) {
+    const { state: nestedState, onSubmit, onCancel, onBulkSubmit, children, } = props;
+    const { type: Table, props: tableProps } = children;
+    const { tableState } = nestedState;
+    const { modalsContainerRef } = usePageContext();
+    const [state] = useState(() => {
+        const nestedDnDState = new NestedTableDragAndDropState({
+            nestedState,
+            modalsContainerRef,
+        });
+        tableState.tableDragAndDropState = nestedDnDState;
+        return nestedDnDState;
+    });
+    const dragAndDropState = state.dragAndDrop.dnd;
+    useEffect(() => state.init({
+        a11yContainer: modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current,
+    }), []);
+    dragAndDropState.onSubmit = onSubmit;
+    dragAndDropState.onCancel = onCancel;
+    dragAndDropState.onBulkSubmit = onBulkSubmit;
+    const [dragAndDropContext] = useState(() => ({
+        onDragAndDropDisabledRowPointerDown: (id, e) => {
+            dragAndDropState.attachDisabledDragAttempt(id, e, 'y');
+        },
+        cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),
+        dropAnimation: {
+            duration: dragAndDropState.dropAnimation.duration,
+            easing: dragAndDropState.dropAnimation.easing,
+        },
+        announcements: dragAndDropState.nullAnnouncements,
+        a11yContainer: dragAndDropState.a11yContainer,
+        onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),
+        onDragMove: (event) => dragAndDropState.onDragMove(event),
+        restoreFocus: false,
+        onDropAnimationEnd: (id, dragHandleRef) => {
+            return addEventListener(dragAndDropState.events, 'dropAnimationEnd', () => {
+                dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);
+            });
+        },
+        eventHandlers: {
+            row: ({ id }) => {
+                const testEvents = process.env.NODE_ENV === 'test'
+                    ? sortableItemTestEvents({
+                        state: dragAndDropState,
+                        id,
+                    })
+                    : undefined;
+                return Object.assign(Object.assign({}, testEvents), { onPointerDown: (e) => {
+                        var _a, _b, _c;
+                        (_b = (_a = dragAndDropState.containerEvents).onPointerDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                        (_c = testEvents === null || testEvents === void 0 ? void 0 : testEvents.onPointerDown) === null || _c === void 0 ? void 0 : _c.call(testEvents, e);
+                    } });
+            },
+            handle: ({ id }) => (Object.assign({ onPointerDown: (e) => {
+                    var _a, _b;
+                    (_b = (_a = dragAndDropState.handleEvents).onPointerDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                }, onKeyDown: (e) => {
+                    var _a, _b;
+                    (_b = (_a = dragAndDropState.handleEvents).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                } }, (process.env.NODE_ENV === 'test' &&
+                dragHandleTestEvents({
+                    state: dragAndDropState,
+                    id,
+                })))),
+            keyboardCodes: dragAndDropState.keyboardCodes,
+        },
+    }));
+    dragAndDropContext.a11yContainer = dragAndDropState.a11yContainer;
+    const sortableReactiveContext = useMemo(() => ({
+        dropDisabled: dragAndDropState.isActiveRectOutsideContainer,
+    }), [dragAndDropState.isActiveRectOutsideContainer]);
+    return (React.createElement(DragAndDropContext.Provider, { value: dragAndDropContext },
+        React.createElement(SortableReactiveContext.Provider, { value: sortableReactiveContext },
+            React.createElement(Table, Object.assign({}, tableProps, { isDragAndDropDisabled: dragAndDropState.isDisabled, onDragStart: (event) => dragAndDropState.onDragStart(event), onDragEnd: (event) => dragAndDropState.onDragEnd(event), onDragCancel: () => dragAndDropState.onDragCancel() })),
+            React.createElement(DragAndDropAnnouncements, { state: dragAndDropState, dataHook: "collection-table-dnd-live-region" }))));
+}
+export const CollectionNestedTableDragAndDropContext = observer(_CollectionNestedTableDragAndDropContext);
+//# sourceMappingURL=CollectionNestedTableDragAndDropContext.js.map

package/dist/esm/components/CollectionTableDragAndDropContext/CollectionNestedTableDragAndDropContext.js.map

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

package/dist/esm/components/CollectionTableDragAndDropContext/CollectionTableDragAndDropContext.js

@@ -0,0 +1,86 @@
+import React, { useEffect, useMemo, useState } from 'react';
+import { usePageContext } from '@wix/bex-core/react';
+import { observer } from 'mobx-react-lite';
+import { DragAndDropContext, SortableReactiveContext, } from '@wix/wix-style-react-incubator/drag-and-drop';
+import { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';
+import { dragHandleTestEvents, sortableItemTestEvents, } from '../GridDragAndDropDndKit/dndTestEventHandlers';
+import { useTableContext } from '../../providers';
+import { addEventListener } from '@wix/bex-core/util';
+import { TableDragAndDropState } from '../DragAndDrop/TableDragAndDropState';
+function _CollectionTableDragAndDropContext(props) {
+    const { onSubmit, onCancel, onBulkSubmit, children } = props;
+    const { type: Table, props: tableProps } = children;
+    const tableState = useTableContext();
+    const { modalsContainerRef } = usePageContext();
+    const [state] = useState(() => {
+        var _a;
+        return ((_a = tableState.tableDragAndDropState) !== null && _a !== void 0 ? _a : (tableState.tableDragAndDropState = new TableDragAndDropState({
+            tableState,
+            modalsContainerRef,
+        })));
+    });
+    const dragAndDropState = state.dragAndDrop.dnd;
+    useEffect(() => state.init({
+        a11yContainer: modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current,
+    }), []);
+    dragAndDropState.onSubmit = onSubmit;
+    dragAndDropState.onCancel = onCancel;
+    dragAndDropState.onBulkSubmit = onBulkSubmit;
+    const [dragAndDropContext] = useState(() => ({
+        onDragAndDropDisabledRowPointerDown: (id, e) => {
+            dragAndDropState.attachDisabledDragAttempt(id, e, 'y');
+        },
+        cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),
+        dropAnimation: {
+            duration: dragAndDropState.dropAnimation.duration,
+            easing: dragAndDropState.dropAnimation.easing,
+        },
+        announcements: dragAndDropState.nullAnnouncements,
+        a11yContainer: dragAndDropState.a11yContainer,
+        onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),
+        onDragMove: (event) => dragAndDropState.onDragMove(event),
+        restoreFocus: false,
+        onDropAnimationEnd: (id, dragHandleRef) => {
+            return addEventListener(dragAndDropState.events, 'dropAnimationEnd', () => {
+                dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);
+            });
+        },
+        eventHandlers: {
+            row: ({ id }) => {
+                const testEvents = process.env.NODE_ENV === 'test'
+                    ? sortableItemTestEvents({
+                        state: dragAndDropState,
+                        id,
+                    })
+                    : undefined;
+                return Object.assign(Object.assign({}, testEvents), { onPointerDown: (e) => {
+                        var _a, _b, _c;
+                        (_b = (_a = dragAndDropState.containerEvents).onPointerDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                        (_c = testEvents === null || testEvents === void 0 ? void 0 : testEvents.onPointerDown) === null || _c === void 0 ? void 0 : _c.call(testEvents, e);
+                    } });
+            },
+            handle: ({ id }) => (Object.assign({ onPointerDown: (e) => {
+                    var _a, _b;
+                    (_b = (_a = dragAndDropState.handleEvents).onPointerDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                }, onKeyDown: (e) => {
+                    var _a, _b;
+                    (_b = (_a = dragAndDropState.handleEvents).onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+                } }, (process.env.NODE_ENV === 'test' &&
+                dragHandleTestEvents({
+                    state: dragAndDropState,
+                    id,
+                })))),
+            keyboardCodes: dragAndDropState.keyboardCodes,
+        },
+    }));
+    dragAndDropContext.a11yContainer = dragAndDropState.a11yContainer;
+    const sortableReactiveContext = useMemo(() => ({
+        dropDisabled: dragAndDropState.isActiveRectOutsideContainer,
+    }), [dragAndDropState.isActiveRectOutsideContainer]);
+    return (React.createElement(DragAndDropContext.Provider, { value: dragAndDropContext },
+        React.createElement(SortableReactiveContext.Provider, { value: sortableReactiveContext },
+            React.createElement(Table, Object.assign({}, tableProps, { isDragAndDropDisabled: dragAndDropState.isDisabled, onDragStart: (event) => dragAndDropState.onDragStart(event), onDragEnd: (event) => dragAndDropState.onDragEnd(event), onDragCancel: () => dragAndDropState.onDragCancel() })),
+            React.createElement(DragAndDropAnnouncements, { state: dragAndDropState, dataHook: "collection-table-dnd-live-region" }))));
+}
+export const CollectionTableDragAndDropContext = observer(_CollectionTableDragAndDropContext);
+//# sourceMappingURL=CollectionTableDragAndDropContext.js.map

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

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

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

@@ -0,0 +1,3 @@
+export { CollectionTableDragAndDropContext, } from './CollectionTableDragAndDropContext';
+export { CollectionNestedTableDragAndDropContext, } from './CollectionNestedTableDragAndDropContext';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollectionTableDragAndDropContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iCAAiC,GAElC,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EACL,uCAAuC,GAExC,MAAM,2CAA2C,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.js

@@ -0,0 +1,72 @@
+import { Box, Divider, SkeletonLine, TableToolbar, SkeletonGroup, } from '@wix/design-system';
+import React, { cloneElement, useEffect, useMemo, useState, } from 'react';
+import { CollectionProvider } from '../CollectionContext';
+import { observer } from 'mobx-react-lite';
+import { ToolbarItemBox } from '../ToolbarItemBox';
+import { SearchOrCustomFilter } from './SearchOrCustomFilter';
+import { classes, st } from './CollectionToolbar.st.css.js';
+import { InitialLoadingConditional } from '../InitialLoadingConditional';
+import { assertComponentType } from '../assertComponentType';
+function _CollectionToolbar(props) {
+    var _a, _b, _c;
+    const { state, search = true, title, tabs, customColumns, multiLevelSorting, views, dataHook, filters: filtersProp, tableGridSwitchButton, exportButton, dragAndDropReorderModeToolbar, primaryActionButton, } = props;
+    assertComponentType(primaryActionButton, 'PrimaryActionButton', 'PrimaryActionButton');
+    const { collection, featuredComponents } = state;
+    const MoreFiltersButton = featuredComponents.moreFiltersButton
+        .value;
+    const viewsToolbarItem = views && (React.createElement(ToolbarItemBox, { dataHook: "collection-table-toolbar-views-item" }, views));
+    const TagsFiltersWrapper = (_a = state.tagsCollectionState) === null || _a === void 0 ? void 0 : _a.components.CollectionToolbarFilters;
+    const filtersElement = useMemo(() => {
+        return filtersProp !== null && filtersProp !== void 0 ? filtersProp : (TagsFiltersWrapper && React.createElement(TagsFiltersWrapper, null));
+    }, [filtersProp]);
+    let left;
+    if (tabs) {
+        left = (React.createElement(ToolbarItemBox, { removeStartPadding: true, expandable: true, layout: "button" }, tabs));
+    }
+    else if (title) {
+        left = title;
+    }
+    /* checking if something is rendered in the .left TableToolbar.ItemGroup (not empty) */
+    const [rendersStart, setRendersStart] = useState();
+    useEffect(() => {
+        var _a, _b, _c;
+        setRendersStart(!!left ||
+            !!viewsToolbarItem ||
+            (((_a = state.toolbarFiltersState) === null || _a === void 0 ? void 0 : _a.totalInlineFilters.value) !== undefined &&
+                ((_b = state.toolbarFiltersState) === null || _b === void 0 ? void 0 : _b.totalInlineFilters.value) !== null &&
+                ((_c = state.toolbarFiltersState) === null || _c === void 0 ? void 0 : _c.totalInlineFilters.value) > 0));
+    }, [left, viewsToolbarItem, state.toolbarFiltersStateInitialized]);
+    const shouldAddDivider = tableGridSwitchButton && (search || MoreFiltersButton);
+    const analyticsCustomColumnsDiscoverability = (_b = state.container.experiments) === null || _b === void 0 ? void 0 : _b.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
+    const showCustomColumnsOnTheLeft = analyticsCustomColumnsDiscoverability === 'b' ||
+        analyticsCustomColumnsDiscoverability === 'c';
+    const tableSkeletonEnabled = (_c = state.container.internalExperiments) === null || _c === void 0 ? void 0 : _c.enabled('specs.cairo.TableSkeletonLoader');
+    return (React.createElement(CollectionProvider, { value: collection },
+        React.createElement(Box, { direction: "vertical", dataHook: dataHook },
+            React.createElement(Box, { minHeight: (title === null || title === void 0 ? void 0 : title.props.subtitle) ? '78px' : '60px' }, state.isReorderModeToolbarVisible ? (dragAndDropReorderModeToolbar) : (React.createElement(TableToolbar, { removeVerticalPadding: true, className: st(classes.root), dataHook: "collection-table-toolbar" },
+                React.createElement(InitialLoadingConditional, { state: state, fallback: tableSkeletonEnabled ? (React.createElement(TableToolbar.ItemGroup, { dataHook: "toolbar-skeleton", position: "start" },
+                        React.createElement(SkeletonGroup, null,
+                            React.createElement(SkeletonLine, { width: "169px" })))) : null },
+                    React.createElement(TableToolbar.ItemGroup, { position: "start", className: st(classes.left, { expandable: !!tabs }), dataHook: "collection-table-toolbar-filters" }, left !== null && left !== void 0 ? left : (React.createElement(React.Fragment, null,
+                        viewsToolbarItem,
+                        filtersElement))),
+                    React.createElement(TableToolbar.ItemGroup, { position: "end", className: st(classes.right, {}, ...[rendersStart ? undefined : classes.fullWidth]) },
+                        left ? (React.createElement(React.Fragment, null,
+                            viewsToolbarItem,
+                            filtersElement)) : undefined,
+                        MoreFiltersButton && (React.createElement(TableToolbar.Item, null,
+                            React.createElement(MoreFiltersButton, null))),
+                        customColumns && showCustomColumnsOnTheLeft && (React.createElement(TableToolbar.Item, null, customColumns)),
+                        multiLevelSorting && (React.createElement(TableToolbar.Item, null, multiLevelSorting)),
+                        exportButton && (React.createElement(TableToolbar.Item, null, cloneElement(exportButton, {
+                            toolbarType: 'default',
+                        }))),
+                        customColumns && !showCustomColumnsOnTheLeft && (React.createElement(TableToolbar.Item, null, customColumns)),
+                        search && React.createElement(SearchOrCustomFilter, { search: search }),
+                        primaryActionButton && (React.createElement(TableToolbar.Item, null, primaryActionButton)),
+                        shouldAddDivider && (React.createElement(Box, { alignSelf: "stretch", paddingLeft: "SP2" },
+                            React.createElement(Divider, { direction: "vertical", dataHook: "collection-table--grid-switch--divider" }))),
+                        tableGridSwitchButton && (React.createElement(TableToolbar.Item, null, tableGridSwitchButton))))))))));
+}
+export const CollectionToolbar = observer(_CollectionToolbar);
+//# sourceMappingURL=CollectionToolbar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionToolbar.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EACH,OAAO,EACP,YAAY,EACZ,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EACZ,YAAY,EAEZ,SAAS,EACT,OAAO,EACP,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAC5D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AA4B7D,SAAS,kBAAkB,CACzB,KAAmC;;IAEnC,MAAM,EACJ,KAAK,EACL,MAAM,GAAG,IAAI,EACb,KAAK,EACL,IAAI,EACJ,aAAa,EACb,iBAAiB,EACjB,KAAK,EACL,QAAQ,EACR,OAAO,EAAE,WAAW,EACpB,qBAAqB,EACrB,YAAY,EACZ,6BAA6B,EAC7B,mBAAmB,GACpB,GAAG,KAAK,CAAC;IACV,mBAAmB,CACjB,mBAAmB,EACnB,qBAAqB,EACrB,qBAAqB,CACtB,CAAC;IACF,MAAM,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,iBAAiB,GAAG,kBAAkB,CAAC,iBAAiB;SAC3D,KAA6D,CAAC;IAEjE,MAAM,gBAAgB,GAAG,KAAK,IAAI,CAChC,oBAAC,cAAc,IAAC,QAAQ,EAAC,qCAAqC,IAC3D,KAAK,CACS,CAClB,CAAC;IAEF,MAAM,kBAAkB,GACtB,MAAA,KAAK,CAAC,mBAAmB,0CAAE,UAAU,CAAC,wBAAwB,CAAC;IAEjE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,CAAC,kBAAkB,IAAI,oBAAC,kBAAkB,OAAG,CAAC,CAAC;IACvE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAI,IAA6B,CAAC;IAElC,IAAI,IAAI,EAAE;QACR,IAAI,GAAG,CACL,oBAAC,cAAc,IAAC,kBAAkB,QAAC,UAAU,QAAC,MAAM,EAAC,QAAQ,IAC1D,IAAI,CACU,CAClB,CAAC;KACH;SAAM,IAAI,KAAK,EAAE;QAChB,IAAI,GAAG,KAAK,CAAC;KACd;IAED,uFAAuF;IACvF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,EAAW,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;;QACb,eAAe,CACb,CAAC,CAAC,IAAI;YACJ,CAAC,CAAC,gBAAgB;YAClB,CAAC,CAAA,MAAA,KAAK,CAAC,mBAAmB,0CAAE,kBAAkB,CAAC,KAAK,MAAK,SAAS;gBAChE,CAAA,MAAA,KAAK,CAAC,mBAAmB,0CAAE,kBAAkB,CAAC,KAAK,MAAK,IAAI;gBAC5D,CAAA,MAAA,KAAK,CAAC,mBAAmB,0CAAE,kBAAkB,CAAC,KAAK,IAAG,CAAC,CAAC,CAC7D,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,CAAC,8BAA8B,CAAC,CAAC,CAAC;IAEnE,MAAM,gBAAgB,GACpB,qBAAqB,IAAI,CAAC,MAAM,IAAI,iBAAiB,CAAC,CAAC;IAEzD,MAAM,qCAAqC,GACzC,MAAA,KAAK,CAAC,SAAS,CAAC,WAAW,0CAAE,GAAG,CAC9B,kDAAkD,CACnD,CAAC;IAEJ,MAAM,0BAA0B,GAC9B,qCAAqC,KAAK,GAAG;QAC7C,qCAAqC,KAAK,GAAG,CAAC;IAEhD,MAAM,oBAAoB,GAAG,MAAA,KAAK,CAAC,SAAS,CAAC,mBAAmB,0CAAE,OAAO,CACvE,iCAAiC,CAClC,CAAC;IAEF,OAAO,CACL,oBAAC,kBAAkB,IAAC,KAAK,EAAE,UAAU;QACnC,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAE,QAAQ;YAC1C,oBAAC,GAAG,IAAC,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,CAAC,QAAQ,EAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,IACpD,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAC,CACnC,6BAA6B,CAC9B,CAAC,CAAC,CAAC,CACF,oBAAC,YAAY,IACX,qBAAqB,QACrB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,EAC3B,QAAQ,EAAC,0BAA0B;gBAEnC,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EACN,oBAAoB,CAAC,CAAC,CAAC,CACrB,oBAAC,YAAY,CAAC,SAAS,IACrB,QAAQ,EAAC,kBAAkB,EAC3B,QAAQ,EAAC,OAAO;wBAEhB,oBAAC,aAAa;4BACZ,oBAAC,YAAY,IAAC,KAAK,EAAC,OAAO,GAAG,CAChB,CACO,CAC1B,CAAC,CAAC,CAAC,IAAI;oBAGV,oBAAC,YAAY,CAAC,SAAS,IACrB,QAAQ,EAAC,OAAO,EAChB,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,UAAU,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EACnD,QAAQ,EAAC,kCAAkC,IAE1C,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,CACP;wBACG,gBAAgB;wBAChB,cAAc,CACd,CACJ,CACsB;oBAEzB,oBAAC,YAAY,CAAC,SAAS,IACrB,QAAQ,EAAC,KAAK,EACd,SAAS,EAAE,EAAE,CACX,OAAO,CAAC,KAAK,EACb,EAAE,EACF,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,CAClD;wBAEA,IAAI,CAAC,CAAC,CAAC,CACN;4BACG,gBAAgB;4BAChB,cAAc,CACd,CACJ,CAAC,CAAC,CAAC,SAAS;wBACZ,iBAAiB,IAAI,CACpB,oBAAC,YAAY,CAAC,IAAI;4BAChB,oBAAC,iBAAiB,OAAG,CACH,CACrB;wBACA,aAAa,IAAI,0BAA0B,IAAI,CAC9C,oBAAC,YAAY,CAAC,IAAI,QAAE,aAAa,CAAqB,CACvD;wBACA,iBAAiB,IAAI,CACpB,oBAAC,YAAY,CAAC,IAAI,QAAE,iBAAiB,CAAqB,CAC3D;wBACA,YAAY,IAAI,CACf,oBAAC,YAAY,CAAC,IAAI,QACf,YAAY,CAAC,YAAY,EAAE;4BAC1B,WAAW,EAAE,SAAS;yBACvB,CAAC,CACgB,CACrB;wBACA,aAAa,IAAI,CAAC,0BAA0B,IAAI,CAC/C,oBAAC,YAAY,CAAC,IAAI,QAAE,aAAa,CAAqB,CACvD;wBACA,MAAM,IAAI,oBAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,GAAI;wBAClD,mBAAmB,IAAI,CACtB,oBAAC,YAAY,CAAC,IAAI,QAAE,mBAAmB,CAAqB,CAC7D;wBACA,gBAAgB,IAAI,CACnB,oBAAC,GAAG,IAAC,SAAS,EAAC,SAAS,EAAC,WAAW,EAAC,KAAK;4BACxC,oBAAC,OAAO,IACN,SAAS,EAAC,UAAU,EACpB,QAAQ,EAAC,wCAAwC,GACjD,CACE,CACP;wBACA,qBAAqB,IAAI,CACxB,oBAAC,YAAY,CAAC,IAAI,QACf,qBAAqB,CACJ,CACrB,CACsB,CACC,CACf,CAChB,CACG,CACF,CACa,CACtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css

@@ -0,0 +1,19 @@
+.left {
+  -st-states: expandable;
+  min-width: 0;
+}
+
+.left:expandable {
+  flex: auto;
+}
+
+.root .right {
+  justify-content: flex-end !important;
+  flex: auto;
+}
+
+.root .right.fullWidth {
+  margin-inline-start: 0 !important;
+}
+
+

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "CollectionToolbar2400466856";
+var _style_ = classesRuntime.bind(null, _namespace_);
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st = _style_;
+export var namespace = _namespace_;
+export var classes = { "root": "CollectionToolbar2400466856__root", "left": "CollectionToolbar2400466856__left", "right": "CollectionToolbar2400466856__right", "fullWidth": "CollectionToolbar2400466856__fullWidth" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=CollectionToolbar.st.css.js.map

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,MAAM,EAAC,mCAAmC,EAAC,OAAO,EAAC,oCAAoC,EAAC,WAAW,EAAC,wCAAwC,EAAC,CAAC;AAC/M,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}