@wix/patterns 1.364.0 → 1.369.0

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

@@ -1,22 +1,48 @@
-import React, { cloneElement, Fragment } from 'react';
+import React, { cloneElement, Fragment, useEffect } from 'react';
 import { Box } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
 import { ToolbarItem } from '../ToolbarItem/ToolbarItem';
 import { ToolbarGroupScrollWidthBox } from './ToolbarGroupScrollWidthBox';
 import { SearchOrCustomFilter } from './SearchOrCustomFilter';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { InitialLoadingConditional } from '../InitialLoadingConditional';
 import { CollectionToolbarSkeletonItem } from './CollectionToolbarSkeletonItem';
-export function CollectionToolbarActionsGroupResponsiveLayout(props) {
-    const { state, left, viewsToolbarItem, filtersElement, MoreFiltersButton, multiLevelSorting, customColumns, exportButton, importButton, search, showCustomColumnsOnTheLeft, } = props;
+import { ToolbarOverflowMenu } from './ToolbarOverflowMenu';
+import { useToolbarOverflowItems } from './useToolbarOverflowItems';
+import { LAYOUT_SWITCH_BUTTON_WIDTH } from '../../state/Toolbar/toolbarResponsiveConstants';
+function _CollectionToolbarActionsGroupResponsiveLayout(props) {
+    const { state, left, viewsToolbarItem, filtersElement, MoreFiltersButton, multiLevelSorting, customColumns, exportButton, importButton, search, showCustomColumnsOnTheLeft, tableGridSwitchButton, viewTypeState, } = props;
     const toolbarState = useToolbarCollectionContext();
     const { toolbar: { responsive }, } = toolbarState;
+    const overflowItems = useToolbarOverflowItems(toolbarState, {
+        customColumns,
+        multiLevelSorting,
+        exportButton,
+        importButton,
+        MoreFiltersButton,
+        viewTypeState,
+    });
+    const overflowItemCount = overflowItems.primaryItems.length +
+        overflowItems.secondaryItems.length +
+        (overflowItems.layoutSwitchConfig ? 1 : 0);
+    // Don't show a "More" menu for a single item — keep it as an inline icon.
+    const shouldOverflow = responsive._shouldOverflow && overflowItemCount > 1;
+    // Track width of non-group content hidden during overflow so the algorithm
+    // doesn't overestimate available space when deciding whether to exit overflow.
+    // Tied to effective shouldOverflow (not just _shouldOverflow) so the single-item
+    // bypass doesn't cause a mismatch between DOM and algorithm.
+    useEffect(() => {
+        responsive._overflowHiddenContentWidth =
+            tableGridSwitchButton && shouldOverflow ? LAYOUT_SWITCH_BUTTON_WIDTH : 0;
+    }, [responsive, !!tableGridSwitchButton, shouldOverflow]);
     let child = (React.createElement(Fragment, null,
         left ? (React.createElement(React.Fragment, null,
             viewsToolbarItem && (React.createElement(InitialLoadingConditional, { state: toolbarState, loadingElement: React.createElement(CollectionToolbarSkeletonItem, { dataHook: "toolbar-views-skeleton", width: "100px" }) }, viewsToolbarItem)),
             filtersElement)) : viewsToolbarItem ? (filtersElement) : undefined,
-        MoreFiltersButton && (React.createElement(ToolbarGroupScrollWidthBox, { state: responsive.filters, gap: "SP2" },
+        !shouldOverflow && tableGridSwitchButton,
+        !shouldOverflow && MoreFiltersButton && (React.createElement(ToolbarGroupScrollWidthBox, { state: responsive.filters, gap: "SP2" },
             React.createElement(MoreFiltersButton, null))),
-        React.createElement(ToolbarGroupScrollWidthBox, { state: responsive.actions, gap: "SP2" },
+        !shouldOverflow && (React.createElement(ToolbarGroupScrollWidthBox, { state: responsive.actions, gap: "SP2" },
             customColumns && showCustomColumnsOnTheLeft && customColumns,
             multiLevelSorting,
             exportButton &&
@@ -27,7 +53,13 @@ export function CollectionToolbarActionsGroupResponsiveLayout(props) {
                 cloneElement(importButton, {
                     toolbarType: 'default',
                 }),
-            customColumns && !showCustomColumnsOnTheLeft && customColumns),
+            customColumns && !showCustomColumnsOnTheLeft && customColumns)),
+        shouldOverflow && (exportButton || importButton) && (React.createElement(Box, { display: "none" },
+            exportButton &&
+                cloneElement(exportButton, { toolbarType: 'default' }),
+            importButton &&
+                cloneElement(importButton, { toolbarType: 'default' }))),
+        shouldOverflow && (React.createElement(ToolbarOverflowMenu, { primaryItems: overflowItems.primaryItems, secondaryItems: overflowItems.secondaryItems, layoutSwitchConfig: overflowItems.layoutSwitchConfig })),
         search && React.createElement(SearchOrCustomFilter, { state: state, search: search })));
     child = (React.createElement(Box, { ref: (element) => {
             responsive._contentElement = element;
@@ -38,4 +70,5 @@ export function CollectionToolbarActionsGroupResponsiveLayout(props) {
         }, minWidth: 0, flex: 1, align: "right", direction: "horizontal" }, child));
     return child;
 }
+export const CollectionToolbarActionsGroupResponsiveLayout = observer(_CollectionToolbarActionsGroupResponsiveLayout);
 //# sourceMappingURL=CollectionToolbarActionsGroupResponsiveLayout.js.map

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

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

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

@@ -7,7 +7,7 @@ import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { observer } from 'mobx-react-lite';
 import { useIsMobile } from '../../hooks/useIsMobile';
 function _CollectionToolbarActionsToolbarItemsGroup(props) {
-    const { state, left, viewsToolbarItem, filtersElement, MoreFiltersButton, multiLevelSorting, customColumns, exportButton, importButton, search, showCustomColumnsOnTheLeft, } = props;
+    const { state, left, viewsToolbarItem, filtersElement, MoreFiltersButton, multiLevelSorting, customColumns, exportButton, importButton, search, showCustomColumnsOnTheLeft, tableGridSwitchButton, } = props;
     const toolbarState = useToolbarCollectionContext();
     const searchChild = search && (React.createElement(SearchOrCustomFilter, { state: state, search: search }));
     const isMobile = useIsMobile();
@@ -16,6 +16,7 @@ function _CollectionToolbarActionsToolbarItemsGroup(props) {
             left ? (React.createElement(React.Fragment, null,
                 viewsToolbarItem && (React.createElement(InitialLoadingConditional, { state: toolbarState, loadingElement: React.createElement(CollectionToolbarSkeletonItem, { dataHook: "toolbar-views-skeleton", width: "100px" }) }, viewsToolbarItem)),
                 filtersElement)) : viewsToolbarItem ? (filtersElement) : undefined,
+            tableGridSwitchButton && (React.createElement(TableToolbar.Item, null, tableGridSwitchButton)),
             MoreFiltersButton && (React.createElement(TableToolbar.Item, null,
                 React.createElement(MoreFiltersButton, null))),
             customColumns && showCustomColumnsOnTheLeft && (React.createElement(TableToolbar.Item, null, customColumns)),

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

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbarActionsToolbarItemsGroup.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,SAAS,0CAA0C,CACjD,KAAyC;IAEzC,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,0BAA0B,GAC3B,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,2BAA2B,EAAE,CAAC;IAEnD,MAAM,WAAW,GAAG,MAAM,IAAI,CAC5B,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CACvD,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,QAAQ;QACN,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CACxC,oBAAC,QAAQ;YACN,IAAI,CAAC,CAAC,CAAC,CACN;gBACG,gBAAgB,IAAI,CACnB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,YAAY,EACnB,cAAc,EACZ,oBAAC,6BAA6B,IAC5B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAC,OAAO,GACb,IAGH,gBAAgB,CACS,CAC7B;gBACA,cAAc,CACd,CACJ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,cAAc,CACf,CAAC,CAAC,CAAC,SAAS;YACZ,iBAAiB,IAAI,CACpB,oBAAC,YAAY,CAAC,IAAI;gBAChB,oBAAC,iBAAiB,OAAG,CACH,CACrB;YACA,aAAa,IAAI,0BAA0B,IAAI,CAC9C,oBAAC,YAAY,CAAC,IAAI,QAAE,aAAa,CAAqB,CACvD;YACA,iBAAiB,IAAI,CACpB,oBAAC,YAAY,CAAC,IAAI,QAAE,iBAAiB,CAAqB,CAC3D;YACA,YAAY,IAAI,CACf,oBAAC,YAAY,CAAC,IAAI,QACf,YAAY,CAAC,YAAY,EAAE;gBAC1B,WAAW,EAAE,SAAS;aACvB,CAAC,CACgB,CACrB;YACA,YAAY,IAAI,CACf,oBAAC,YAAY,CAAC,IAAI,QACf,YAAY,CAAC,YAAY,EAAE;gBAC1B,WAAW,EAAE,SAAS;aACvB,CAAC,CACgB,CACrB;YACA,aAAa,IAAI,CAAC,0BAA0B,IAAI,CAC/C,oBAAC,YAAY,CAAC,IAAI,QAAE,aAAa,CAAqB,CACvD,CACQ,CACZ;QAEA,WAAW,CACH,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yCAAyC,GAAG,QAAQ,CAC/D,0CAA0C,CAC3C,CAAC"}
+{"version":3,"file":"CollectionToolbarActionsToolbarItemsGroup.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbarActionsToolbarItemsGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,SAAS,0CAA0C,CACjD,KAAyC;IAEzC,MAAM,EACJ,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,MAAM,EACN,0BAA0B,EAC1B,qBAAqB,GACtB,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,2BAA2B,EAAE,CAAC;IAEnD,MAAM,WAAW,GAAG,MAAM,IAAI,CAC5B,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CACvD,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,OAAO,CACL,oBAAC,QAAQ;QACN,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,IAAI,CACxC,oBAAC,QAAQ;YACN,IAAI,CAAC,CAAC,CAAC,CACN;gBACG,gBAAgB,IAAI,CACnB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,YAAY,EACnB,cAAc,EACZ,oBAAC,6BAA6B,IAC5B,QAAQ,EAAC,wBAAwB,EACjC,KAAK,EAAC,OAAO,GACb,IAGH,gBAAgB,CACS,CAC7B;gBACA,cAAc,CACd,CACJ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,cAAc,CACf,CAAC,CAAC,CAAC,SAAS;YACZ,qBAAqB,IAAI,CACxB,oBAAC,YAAY,CAAC,IAAI,QAAE,qBAAqB,CAAqB,CAC/D;YACA,iBAAiB,IAAI,CACpB,oBAAC,YAAY,CAAC,IAAI;gBAChB,oBAAC,iBAAiB,OAAG,CACH,CACrB;YACA,aAAa,IAAI,0BAA0B,IAAI,CAC9C,oBAAC,YAAY,CAAC,IAAI,QAAE,aAAa,CAAqB,CACvD;YACA,iBAAiB,IAAI,CACpB,oBAAC,YAAY,CAAC,IAAI,QAAE,iBAAiB,CAAqB,CAC3D;YACA,YAAY,IAAI,CACf,oBAAC,YAAY,CAAC,IAAI,QACf,YAAY,CAAC,YAAY,EAAE;gBAC1B,WAAW,EAAE,SAAS;aACvB,CAAC,CACgB,CACrB;YACA,YAAY,IAAI,CACf,oBAAC,YAAY,CAAC,IAAI,QACf,YAAY,CAAC,YAAY,EAAE;gBAC1B,WAAW,EAAE,SAAS;aACvB,CAAC,CACgB,CACrB;YACA,aAAa,IAAI,CAAC,0BAA0B,IAAI,CAC/C,oBAAC,YAAY,CAAC,IAAI,QAAE,aAAa,CAAqB,CACvD,CACQ,CACZ;QAEA,WAAW,CACH,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,yCAAyC,GAAG,QAAQ,CAC/D,0CAA0C,CAC3C,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter1304714687";
+var _namespace_ = "SearchOrCustomFilter1183156895";
 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": "SearchOrCustomFilter1304714687__root", "search": "SearchOrCustomFilter1304714687__search", "searchMobile": "SearchOrCustomFilter1304714687__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter1183156895__root", "search": "SearchOrCustomFilter1183156895__search", "searchMobile": "SearchOrCustomFilter1183156895__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -0,0 +1,110 @@
+import React, { useCallback, useEffect, useRef, useState, } from 'react';
+import { Box, IconButton, ListItemAction, Popover, Text, TextButton, Thumbnail, } from '@wix/design-system';
+import { ChevronLeft, DataCollection, MoreSmall, } from '@wix/wix-ui-icons-common';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { layoutOptions, layoutConfig, } from '../TableGridSwitchButton/layoutConfig';
+export function ToolbarOverflowMenu({ primaryItems, secondaryItems, layoutSwitchConfig, }) {
+    const [shown, setShown] = useState(false);
+    const [activeView, setActiveView] = useState('main');
+    const triggerRef = useRef(null);
+    const focusTargetRef = useRef(null);
+    const { translate: t } = useWixPatternsContainer();
+    const shouldFocusTriggerOnCloseRef = useRef(false);
+    const close = useCallback(() => {
+        setShown(false);
+        setActiveView('main');
+    }, []);
+    const closeAndFocusTrigger = useCallback(() => {
+        shouldFocusTriggerOnCloseRef.current = true;
+        close();
+    }, [close]);
+    useEffect(() => {
+        if (!shown && shouldFocusTriggerOnCloseRef.current) {
+            shouldFocusTriggerOnCloseRef.current = false;
+            setTimeout(() => {
+                triggerRef.current?.focus();
+            });
+        }
+    }, [shown]);
+    const hasItems = primaryItems.length > 0 ||
+        secondaryItems.length > 0 ||
+        !!layoutSwitchConfig;
+    if (!hasItems) {
+        return null;
+    }
+    return (React.createElement(Popover, { dataHook: "toolbar-overflow-menu", shown: shown, placement: "bottom", showArrow: true, flip: true, appendTo: "parent", onClickOutside: closeAndFocusTrigger, onEscPress: closeAndFocusTrigger, onTabOut: close, zIndex: 1101 },
+        React.createElement(Popover.Element, null,
+            React.createElement(IconButton, { ref: triggerRef, size: "small", skin: "inverted", dataHook: "toolbar-overflow-menu-trigger", "aria-label": t('cairo.moreActions'), onClick: () => {
+                    setShown((prev) => {
+                        if (!prev) {
+                            focusTargetRef.current = 'first';
+                        }
+                        return !prev;
+                    });
+                } },
+                React.createElement(MoreSmall, null))),
+        React.createElement(Popover.Content, null,
+            React.createElement(Box, { dataHook: "toolbar-overflow-menu-content", direction: "vertical", minWidth: activeView === 'main' ? '300px' : '184px', paddingTop: "SP1", paddingBottom: "SP1" }, activeView === 'main' ? (React.createElement(MainView, { primaryItems: primaryItems, secondaryItems: secondaryItems, layoutSwitchConfig: layoutSwitchConfig, onItemClick: closeAndFocusTrigger, onLayoutSwitchClick: () => setActiveView('layout'), focusTarget: focusTargetRef, t: t })) : (React.createElement(LayoutSwitchView, { config: layoutSwitchConfig, onBack: () => {
+                    focusTargetRef.current = 'layoutSwitch';
+                    setActiveView('main');
+                }, onSelect: closeAndFocusTrigger, t: t }))))));
+}
+function MainView({ primaryItems, secondaryItems, layoutSwitchConfig, onItemClick, onLayoutSwitchClick, focusTarget, t, }) {
+    const firstItemRef = useRef(null);
+    const layoutSwitchRef = useRef(null);
+    useEffect(() => {
+        const target = focusTarget.current;
+        focusTarget.current = null;
+        if (target === 'first') {
+            firstItemRef.current?.focus();
+        }
+        else if (target === 'layoutSwitch') {
+            layoutSwitchRef.current?.focus();
+        }
+    });
+    const isFirstItemPrimary = primaryItems.length > 0;
+    return (React.createElement(React.Fragment, null,
+        primaryItems.length > 0 && (React.createElement(Box, { direction: "horizontal", gap: "SP2", padding: "SP2" }, primaryItems.map((item, index) => (React.createElement(Box, { key: index, flex: 1, minWidth: 0 },
+            React.createElement(Thumbnail, { ref: index === 0 ? firstItemRef : undefined, size: "tiny", skin: "secondary", image: item.icon, onClick: () => {
+                    item.onClick();
+                    onItemClick();
+                }, dataHook: item.dataHook, title: React.createElement(Text, { size: "medium", weight: "thin" }, item.text), width: "100%" })))))),
+        layoutSwitchConfig && (React.createElement(ListItemAction, { ref: !isFirstItemPrimary
+                ? (r) => {
+                    layoutSwitchRef.current = r;
+                    if (!firstItemRef.current) {
+                        firstItemRef.current = r;
+                    }
+                }
+                : layoutSwitchRef, size: "medium", dataHook: "overflow-layout-switch", prefixIcon: React.createElement(DataCollection, null), title: t('cairo.table.layout.switchLayout'), onClick: () => {
+                layoutSwitchConfig.viewTypeState.reportLayoutSwitch();
+                onLayoutSwitchClick();
+            } })),
+        secondaryItems.map((item, index) => (React.createElement(ListItemAction, { key: index, ref: !isFirstItemPrimary && !layoutSwitchConfig && index === 0
+                ? firstItemRef
+                : undefined, size: "medium", title: item.text, onClick: () => {
+                item.onClick();
+                onItemClick();
+            }, prefixIcon: item.prefixIcon, dataHook: item.dataHook })))));
+}
+function LayoutSwitchView({ config, onBack, onSelect, t, }) {
+    const { viewTypeState } = config;
+    const activeOptionRef = useRef(null);
+    useEffect(() => {
+        activeOptionRef.current?.focus();
+    }, []);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Box, { padding: "SP1 SP3" },
+            React.createElement(TextButton, { size: "small", dataHook: "overflow-layout-switch-back", prefixIcon: React.createElement(ChevronLeft, null), onClick: onBack }, t('cairo.import.back'))),
+        layoutOptions.map((option, index) => {
+            const isActive = viewTypeState.viewType === option;
+            return (React.createElement(ListItemAction, { key: option, ref: isActive ? activeOptionRef : undefined, size: "medium", dataHook: `overflow-layout-option-${option}`, prefixIcon: layoutConfig[option].icon, title: t(layoutConfig[option].translationKey), highlighted: isActive ? true : undefined, onClick: () => {
+                    viewTypeState.reportLayoutOptionClicked(option, index);
+                    if (!isActive) {
+                        viewTypeState.changeViewType(option);
+                    }
+                    onSelect();
+                } }));
+        })));
+}
+//# sourceMappingURL=ToolbarOverflowMenu.js.map

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

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

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

@@ -0,0 +1,74 @@
+import React, { useMemo } from 'react';
+import { ContentFilter, Adjust, ChangeOrder, UploadExport, DownloadImport, } from '@wix/wix-ui-icons-common';
+export function useToolbarOverflowItems(state, props) {
+    const { container, panels, exportState, importState } = state;
+    const { translate: t } = container;
+    return useMemo(() => {
+        const primaryItems = [];
+        const secondaryItems = [];
+        // Primary actions (rendered as Thumbnails)
+        if (props.MoreFiltersButton) {
+            primaryItems.push({
+                text: t('cairo.toolbar.moreFiltersButton', { defaultValue: '' }),
+                icon: React.createElement(ContentFilter),
+                onClick: () => panels.openSidePanel('filters'),
+                dataHook: 'overflow-more-filters',
+            });
+        }
+        if (props.customColumns) {
+            primaryItems.push({
+                text: t('cairo.table.custom-columns.button.cta', {
+                    defaultValue: '',
+                }),
+                icon: React.createElement(Adjust),
+                onClick: () => panels.openSidePanel('customColumns'),
+                dataHook: 'overflow-custom-columns',
+            });
+        }
+        // Secondary actions (rendered as ListItemAction)
+        if (props.multiLevelSorting) {
+            secondaryItems.push({
+                text: t('cairo.table.advanced-sorting.button.cta', {
+                    defaultValue: '',
+                }),
+                prefixIcon: React.createElement(ChangeOrder),
+                onClick: () => panels.openSidePanel('multiLevelSorting'),
+                dataHook: 'overflow-multi-level-sorting',
+            });
+        }
+        if (props.exportButton && exportState) {
+            secondaryItems.push({
+                text: t('cairo.export.export', { defaultValue: '' }),
+                prefixIcon: React.createElement(UploadExport),
+                onClick: () => exportState.open(),
+                dataHook: 'overflow-export',
+            });
+        }
+        if (props.importButton && importState) {
+            secondaryItems.push({
+                text: t('cairo.import.import', { defaultValue: '' }),
+                prefixIcon: React.createElement(DownloadImport),
+                onClick: () => importState.open(),
+                dataHook: 'overflow-import',
+            });
+        }
+        const layoutSwitchConfig = props.viewTypeState
+            ? {
+                viewTypeState: props.viewTypeState,
+            }
+            : undefined;
+        return { primaryItems, secondaryItems, layoutSwitchConfig };
+    }, [
+        props.customColumns,
+        props.multiLevelSorting,
+        props.exportButton,
+        props.importButton,
+        props.MoreFiltersButton,
+        props.viewTypeState,
+        t,
+        panels,
+        exportState,
+        importState,
+    ]);
+}
+//# sourceMappingURL=useToolbarOverflowItems.js.map

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

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

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly844239590";
+var _namespace_ = "AutoCompleteReadonly1590410434";
 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": "AutoCompleteReadonly844239590__root" };
+export var classes = { "root": "AutoCompleteReadonly1590410434__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,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,qCAAqC,EAAC,CAAC;AACpE,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"}
+{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,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,sCAAsC,EAAC,CAAC;AACrE,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"}

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown267929420";
+var _namespace_ = "ViewsDropdown2299579084";
 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": "ViewsDropdown267929420__root" };
+export var classes = { "root": "ViewsDropdown2299579084__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,CAAC;AAC7D,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"}
+{"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,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,+BAA+B,EAAC,CAAC;AAC9D,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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle3347869420";
+var _namespace_ = "DragHandle2706796462";
 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": "DragHandle3347869420__root" };
+export var classes = { "root": "DragHandle2706796462__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/EditableCell.js

@@ -0,0 +1,67 @@
+import React, { useCallback, useRef } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Tooltip } from '@wix/design-system';
+import { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';
+import { st, classes } from './EditableCell.st.css.js';
+import { useCellFocusAndEditing } from './useCellFocusAndEditing';
+function _EditableCell({ state, rowKey, columnId, }) {
+    const { cellInteraction, clipboard } = state;
+    const cellRef = useRef(null);
+    const editInputRef = useRef(null);
+    const column = state._columnMap.get(columnId);
+    const keyedItem = state._getKeyedItem(rowKey);
+    const resolved = column ? state.resolveCellType(column.cellType) : null;
+    const value = state.getCellDisplayValue(rowKey, columnId);
+    const cellValidation = state.getCellValidation(rowKey, columnId);
+    const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
+    const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
+    const isSelected = cellInteraction.isCellSelected(rowKey, columnId);
+    const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);
+    const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);
+    const isEditable = state.isCellEditable(rowKey, columnId);
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        state.handleCellClick(rowKey, columnId, e.shiftKey);
+    }, [state, rowKey, columnId]);
+    const handleDoubleClick = useCallback((e) => {
+        e.stopPropagation();
+        state.handleCellDoubleClick(rowKey, columnId);
+    }, [state, rowKey, columnId]);
+    const handleChange = useCallback((newValue) => cellInteraction.setEditingValue(newValue), [cellInteraction]);
+    const handleCommit = useCallback(() => cellInteraction.commitEdit(), [cellInteraction]);
+    const handleCancel = useCallback(() => cellInteraction.cancelEdit(), [cellInteraction]);
+    const cellKeyboard = useCellFocusAndEditing({
+        state,
+        rowKey,
+        columnId,
+        cellRef,
+        editInputRef,
+    });
+    if (!column || !keyedItem || !resolved) {
+        return null;
+    }
+    const { ViewComponent, EditComponent } = resolved;
+    const editingValue = cellInteraction.editingValue;
+    const showValidationIndicator = !cellValidation.valid && !isEditing;
+    const showEdit = isFocused && isEditable && EditComponent;
+    return (React.createElement("div", { ref: cellRef, className: st(classes.root, {
+            editing: isEditing,
+            focused: isFocused,
+            selected: isSelected,
+            invalid: !cellValidation.valid,
+            selectionTop: selectionBorder.top,
+            selectionBottom: selectionBorder.bottom,
+            selectionLeft: selectionBorder.left,
+            selectionRight: selectionBorder.right,
+            copiedTop: copiedBorder.top,
+            copiedBottom: copiedBorder.bottom,
+            copiedLeft: copiedBorder.left,
+            copiedRight: copiedBorder.right,
+        }), onClick: handleClick, onDoubleClick: handleDoubleClick, onKeyDown: cellKeyboard.onKeyDown, role: "gridcell", "aria-selected": isSelected, "aria-readonly": !isEditable, "aria-invalid": !cellValidation.valid || undefined, tabIndex: isFocused ? 0 : -1, "data-row-key": rowKey, "data-column-id": columnId, "data-editing": isEditing || undefined },
+        showValidationIndicator && (React.createElement(Tooltip, { content: cellValidation.errors?.join(', '), appendTo: "window" },
+            React.createElement("span", { "data-hook": "validation-indicator" },
+                React.createElement(StatusWarningFilledSmall, { className: classes.validationIndicator })))),
+        showEdit ? (React.createElement(EditComponent, { value: editingValue !== undefined ? editingValue : value, onChange: handleChange, onCommit: handleCommit, onCancel: handleCancel, inputRef: editInputRef, typeConfig: column.typeConfig, editTrigger: cellInteraction.editTrigger })) : (React.createElement(ViewComponent, { value: value, typeConfig: column.typeConfig }))));
+}
+export const EditableCell = observer(_EditableCell);
+//# sourceMappingURL=EditableCell.js.map

package/dist/esm/components/EditableTable/EditableCell.js.map

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

package/dist/esm/components/EditableTable/EditableCell.st.css

@@ -0,0 +1,68 @@
+@property st-global(--wsr-color-B10);
+@property st-global(--wsr-color-B40);
+@property st-global(--wsr-color-Y10);
+@property st-global(--wsr-color-D80);
+
+:global(td):has(> .root) {
+  position: relative;
+  min-height: 24px;
+}
+
+.root {
+  -st-states: editing, focused, selected, invalid, selectionTop, selectionBottom,
+    selectionLeft, selectionRight, copiedTop, copiedBottom, copiedLeft,
+    copiedRight;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  box-sizing: border-box;
+  outline: none;
+  cursor: default;
+  user-select: none;
+  background: var(--wsr-color-D80);
+  border: 1px solid var(--wsr-color-B40);
+}
+
+.root:selected {
+  background: rgba(56, 153, 236, 0.08);
+}
+
+.root:focused:not(:selected) {
+  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+  z-index: 2;
+}
+
+.root:editing {
+  background: var(--wsr-color-D80);
+  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+  z-index: 3;
+  user-select: auto;
+  overflow: visible;
+}
+
+.root:selectionTop { border-top: 2px solid var(--wsr-color-B10); }
+.root:selectionBottom { border-bottom: 2px solid var(--wsr-color-B10); }
+.root:selectionLeft { border-left: 2px solid var(--wsr-color-B10); }
+.root:selectionRight { border-right: 2px solid var(--wsr-color-B10); }
+
+.root:invalid:not(:editing) {
+  background: rgba(229, 0, 77, 0.06);
+}
+
+.root:copiedTop:not(:selectionTop) { border-top: 2px dashed var(--wsr-color-B10); }
+.root:copiedBottom:not(:selectionBottom) { border-bottom: 2px dashed var(--wsr-color-B10); }
+.root:copiedLeft:not(:selectionLeft) { border-left: 2px dashed var(--wsr-color-B10); }
+.root:copiedRight:not(:selectionRight) { border-right: 2px dashed var(--wsr-color-B10); }
+
+.validationIndicator {
+  flex-shrink: 0;
+  margin-left: 12px;
+  margin-right: 6px;
+  color: var(--wsr-color-Y10);
+}

package/dist/esm/components/EditableTable/EditableCell.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "EditableCell4007055773";
+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": "EditableCell4007055773__root", "validationIndicator": "EditableCell4007055773__validationIndicator" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wsr-color-B10": "--wsr-color-B10", "wsr-color-B40": "--wsr-color-B40", "wsr-color-Y10": "--wsr-color-Y10", "wsr-color-D80": "--wsr-color-D80" };
+//# sourceMappingURL=EditableCell.st.css.js.map

package/dist/esm/components/EditableTable/EditableCell.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableCell.st.css.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,qBAAqB,EAAC,6CAA6C,EAAC,CAAC;AACjI,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,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}