@wix/patterns 1.366.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":"AAAA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AACzE,OAAO,EAAE,6BAA6B,EAAE,MAAM,iCAAiC,CAAC;AAEhF,MAAM,UAAU,6CAA6C,CAC3D,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;IACnD,MAAM,EACJ,OAAO,EAAE,EAAE,UAAU,EAAE,GACxB,GAAG,YAAY,CAAC;IAEjB,IAAI,KAAK,GAAG,CACV,oBAAC,QAAQ;QACN,IAAI,CAAC,CAAC,CAAC,CACN;YACG,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;YACA,cAAc,CACd,CACJ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACrB,cAAc,CACf,CAAC,CAAC,CAAC,SAAS;QAEZ,iBAAiB,IAAI,CACpB,oBAAC,0BAA0B,IAAC,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,GAAG,EAAC,KAAK;YAC9D,oBAAC,iBAAiB,OAAG,CACM,CAC9B;QAED,oBAAC,0BAA0B,IAAC,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,GAAG,EAAC,KAAK;YAC7D,aAAa,IAAI,0BAA0B,IAAI,aAAa;YAC5D,iBAAiB;YACjB,YAAY;gBACX,YAAY,CAAC,YAAY,EAAE;oBACzB,WAAW,EAAE,SAAS;iBACvB,CAAC;YACH,YAAY;gBACX,YAAY,CAAC,YAAY,EAAE;oBACzB,WAAW,EAAE,SAAS;iBACvB,CAAC;YACH,aAAa,IAAI,CAAC,0BAA0B,IAAI,aAAa,CACnC;QAE5B,MAAM,IAAI,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CACxD,CACZ,CAAC;IAEF,KAAK,GAAG,CACN,oBAAC,GAAG,IACF,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACf,UAAU,CAAC,eAAe,GAAG,OAAO,CAAC;QACvC,CAAC,EACD,QAAQ,EAAC,yBAAyB,EAClC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAC,YAAY,EACtB,GAAG,EAAC,KAAK,IAER,KAAK,CACF,CACP,CAAC;IAEF,KAAK,GAAG,oBAAC,WAAW,QAAE,KAAK,CAAe,CAAC;IAE3C,KAAK,GAAG,CACN,oBAAC,GAAG,IACF,GAAG,EAAE,CAAC,OAAO,EAAE,EAAE;YACf,UAAU,CAAC,mBAAmB,GAAG,OAAO,CAAC;QAC3C,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,OAAO,EACb,SAAS,EAAC,YAAY,IAErB,KAAK,CACF,CACP,CAAC;IAEF,OAAO,KAAK,CAAC;AACf,CAAC"}
+{"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_ = "SearchOrCustomFilter281901088";
+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": "SearchOrCustomFilter281901088__root", "search": "SearchOrCustomFilter281901088__search", "searchMobile": "SearchOrCustomFilter281901088__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/SearchOrCustomFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.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,QAAQ,EAAC,uCAAuC,EAAC,cAAc,EAAC,6CAA6C,EAAC,CAAC;AAClL,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":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.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,QAAQ,EAAC,wCAAwC,EAAC,cAAc,EAAC,8CAA8C,EAAC,CAAC;AACrL,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/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_ = "AutoCompleteReadonly3238632147";
+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": "AutoCompleteReadonly3238632147__root" };
+export var classes = { "root": "AutoCompleteReadonly1590410434__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "ViewsDropdown767838626";
+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": "ViewsDropdown767838626__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_ = "DragHandle1649945225";
+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": "DragHandle1649945225__root" };
+export var classes = { "root": "DragHandle2706796462__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EditableCell3084944771";
+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": "EditableCell3084944771__root", "validationIndicator": "EditableCell3084944771__validationIndicator" };
+export var classes = { "root": "EditableCell4007055773__root", "validationIndicator": "EditableCell4007055773__validationIndicator" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2756468535";
+var _namespace_ = "Edit3240722367";
 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": "Edit2756468535__root", "booleanEdit": "Edit2756468535__booleanEdit" };
+export var classes = { "root": "Edit3240722367__root", "booleanEdit": "Edit3240722367__booleanEdit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/boolean/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View1734812011";
+var _namespace_ = "View3426461177";
 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": "View1734812011__root", "booleanView": "View1734812011__booleanView" };
+export var classes = { "root": "View3426461177__root", "booleanView": "View3426461177__booleanView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2954194738";
+var _namespace_ = "Edit3386202237";
 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": "Edit2954194738__root", "dateInput": "Edit2954194738__dateInput" };
+export var classes = { "root": "Edit3386202237__root", "dateInput": "Edit3386202237__dateInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3496179537";
+var _namespace_ = "View292028254";
 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": "View3496179537__root", "textView": "View3496179537__textView" };
+export var classes = { "root": "View292028254__root", "textView": "View292028254__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,UAAU,EAAC,0BAA0B,EAAC,CAAC;AAC3F,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":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,UAAU,EAAC,yBAAyB,EAAC,CAAC;AACzF,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/EditableTable/cellTypes/email/Edit.js

@@ -0,0 +1,21 @@
+import React, { useCallback } from 'react';
+import { Input, Box } from '@wix/design-system';
+import { classes } from './Edit.st.css.js';
+export const EmailEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            onCommit();
+        }
+        else if (e.key === 'Escape') {
+            e.preventDefault();
+            onCancel();
+        }
+    }, [onCommit, onCancel]);
+    const handleBlur = useCallback(() => {
+        onCommit();
+    }, [onCommit]);
+    return (React.createElement(Box, { width: "100%", height: "100%", verticalAlign: "middle" },
+        React.createElement(Input, { ref: inputRef, size: "small", border: "none", value: value ?? '', onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyDown, onBlur: handleBlur, type: "email", autoSelect: false, className: classes.emailInput })));
+};
+//# sourceMappingURL=Edit.js.map

package/dist/esm/components/EditableTable/cellTypes/email/Edit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAoC,CAAC,EACzD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ;QACpD,oBAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,EACb,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAC,OAAO,EACZ,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,OAAO,CAAC,UAAU,GAC7B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css

@@ -0,0 +1,4 @@
+.emailInput {
+  width: 100%;
+  margin-left: -1px;
+}

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "Edit3860369112";
+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": "Edit3860369112__root", "emailInput": "Edit3860369112__emailInput" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,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,sBAAsB,EAAC,YAAY,EAAC,4BAA4B,EAAC,CAAC;AAC/F,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/EditableTable/cellTypes/email/Edit.uni.driver.js

@@ -0,0 +1,13 @@
+import { InputUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function EmailEditUniDriver(base, body) {
+    const input = InputUniDriver(base, body);
+    return {
+        ...baseUniDriverFactory(base),
+        getValue: () => input.getValue(),
+        typeValue: (value) => input.enterText(value),
+        keyDown: (key, opts) => input.keyDown({ key, ...opts }),
+        blur: () => input.blur(),
+    };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/email/Edit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAG3E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,kBAAkB,CAAC,IAAe,EAAE,IAAe;IACjE,MAAM,KAAK,GAAI,cAA0D,CACvE,IAAI,EACJ,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE;QAChC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;QACpD,OAAO,EAAE,CACP,GAAW,EACX,IAAmE,EACnE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;QACpC,IAAI,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE;KACzB,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/View.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { TextView } from '@wix/patterns-fields';
+import { classes } from './View.st.css.js';
+export const EmailView = ({ value }) => (React.createElement(TextView, { data: value ?? '', className: classes.textView }));
+//# sourceMappingURL=View.js.map

package/dist/esm/components/EditableTable/cellTypes/email/View.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,SAAS,GAAoC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACvE,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,GAAI,CAC7D,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css

@@ -0,0 +1,4 @@
+.textView {
+  width: 100%;
+  padding: 9px 12px;
+}

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+var _namespace_ = "View150901042";
+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": "View150901042__root", "textView": "View150901042__textView" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = {};
+//# sourceMappingURL=View.st.css.js.map

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,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,qBAAqB,EAAC,UAAU,EAAC,yBAAyB,EAAC,CAAC;AACzF,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"}