@wix/patterns 1.378.0 → 1.381.0

package/dist/esm/components/LayoutSwitchButton/LayoutSwitchButton.js

@@ -0,0 +1,38 @@
+import { observer } from 'mobx-react-lite';
+import React, { useMemo } from 'react';
+import { DropdownBase, IconButton, listItemSelectBuilder, SegmentedToggle, Tooltip, } from '@wix/design-system';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
+import { layoutConfig } from './layoutConfig';
+function _LayoutSwitchButton({ state, options }) {
+    const { translate: t, experiments } = useWixPatternsContainer();
+    const { viewType } = state;
+    const isLayoutToggleRedesignEnabled = experiments.enabled('specs.cairo.layout-toggle.redesign');
+    const dropdownOptions = useMemo(() => options.map((option) => listItemSelectBuilder({
+        id: option,
+        title: t(layoutConfig[option].translationKey),
+        prefix: layoutConfig[option].icon,
+        dataHook: `layout-option-${option}`,
+    })), [t, options]);
+    if (!isLayoutToggleRedesignEnabled) {
+        return (React.createElement(SegmentedToggle, { size: "small", dataHook: "layout-switch-toggle-button", selected: viewType, onClick: (_, value) => {
+                if (state.viewType === value) {
+                    return;
+                }
+                state.changeViewType(value);
+            } }, options.map((option) => (React.createElement(SegmentedToggle.Icon, { key: option, value: option, dataHook: `toggle-option-${option}`, tooltipText: t(layoutConfig[option].translationKey) }, layoutConfig[option].icon)))));
+    }
+    return (React.createElement(DropdownBase, { dataHook: "layout-switch-popover", options: dropdownOptions, selectedId: viewType, showArrow: true, onSelect: (option) => {
+            const selectedOption = option.id;
+            const index = options.indexOf(selectedOption);
+            state.reportLayoutOptionClicked(selectedOption, index);
+            if (viewType !== selectedOption) {
+                state.changeViewType(selectedOption);
+            }
+        } }, ({ toggle }) => (React.createElement(Tooltip, { content: t('cairo.table.layout.switchLayout'), size: "medium" },
+        React.createElement(IconButton, { dataHook: "layout-switch-button", size: "small", priority: "secondary", "aria-haspopup": "menu", onClick: () => {
+                state.reportLayoutSwitch();
+                toggle();
+            } }, layoutConfig[viewType].icon)))));
+}
+export const LayoutSwitchButton = observer(_LayoutSwitchButton);
+//# sourceMappingURL=LayoutSwitchButton.js.map

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

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

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

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

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

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

package/dist/esm/components/LayoutSwitchButton/layoutConfig.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { TableChart, LayoutGallery, LayoutSplit, } from '@wix/wix-ui-icons-common';
+export const layoutConfig = {
+    table: {
+        icon: React.createElement(LayoutSplit, null),
+        translationKey: 'cairo.table.layout.table',
+    },
+    grid: {
+        icon: React.createElement(LayoutGallery, null),
+        translationKey: 'cairo.table.layout.grid',
+    },
+    spreadsheet: {
+        icon: React.createElement(TableChart, null),
+        translationKey: 'cairo.table.layout.spreadsheet',
+    },
+};
+//# sourceMappingURL=layoutConfig.js.map

package/dist/esm/components/LayoutSwitchButton/layoutConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutConfig.js","sourceRoot":"","sources":["../../../../src/components/LayoutSwitchButton/layoutConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,0BAA0B,CAAC;AAIlC,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,KAAK,EAAE;QACL,IAAI,EAAE,oBAAC,WAAW,OAAG;QACrB,cAAc,EAAE,0BAA0B;KAC3C;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAC,aAAa,OAAG;QACvB,cAAc,EAAE,yBAAyB;KAC1C;IACD,WAAW,EAAE;QACX,IAAI,EAAE,oBAAC,UAAU,OAAG;QACpB,cAAc,EAAE,gCAAoD;KACrE;CACF,CAAC"}

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow2196858778";
+var _namespace_ = "LoadingRow2988693935";
 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": "LoadingRow2196858778__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow2196858778__gradientSwoosh" };
+export var classes = { "root": "LoadingRow2988693935__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow2988693935__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

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

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

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

package/dist/esm/components/MoreActions/MoreActionsBase.js

@@ -7,9 +7,9 @@ import { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';
 import { usePageButtonBiParams } from '../usePageButtonBiParams';
 import { useExploreAppsState } from './useExploreAppsState';
 function _MoreActionsBase(params) {
-    const { items = [], containerId, dataHook = 'more-actions', triggerElement, exploreAppsModalProps, biAdditionalInfo, } = params;
+    const { items = [], containerId, containerProps, dataHook = 'more-actions', triggerElement, exploreAppsModalProps, biAdditionalInfo, } = params;
     const { pageType, location } = usePageButtonBiParams();
-    const state = useExtensionMenuItems({ containerId });
+    const state = useExtensionMenuItems({ containerId, containerProps });
     const container = useWixPatternsContainer();
     const pageState = useCollectionPageContext();
     const { reportBi, environment } = container;
@@ -75,7 +75,7 @@ function _MoreActionsBase(params) {
                                     tpaComponentId: item.componentId,
                                 }));
                             }
-                            onClick(); // TODO: We don't have any params we need to pass to the TPA here?
+                            onClick(isTPA ? state.containerProps : undefined);
                         }, ...rest }));
                 }),
                 ...(index !== array.length - 1

package/dist/esm/components/MoreActions/MoreActionsBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreActionsBase.js","sourceRoot":"","sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAoB,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EACL,wBAAwB,EACxB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAgB5D,SAAS,gBAAgB,CAAC,MAA4B;IACpD,MAAM,EACJ,KAAK,GAAG,EAAE,EACV,WAAW,EACX,QAAQ,GAAG,cAAc,EACzB,cAAc,EACd,qBAAqB,EACrB,gBAAgB,GACjB,GAAG,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACvD,MAAM,KAAK,GAAG,qBAAqB,CAAC,EAAE,WAAW,EAAE,CAAC,CAAC;IACrD,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,SAAS,GAAG,wBAAwB,EAAE,CAAC;IAC7C,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,KAAK,IAAI,EAAE;YAC5B,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;YAChE,QAAQ,CACN,SAAS,CAAC;gBACR,aAAa,EAAE,cAAc;gBAC7B,aAAa,EAAE,WAAW,CAAC,aAAa;gBACxC,8BAA8B,EAAE,uBAAuB,CAAC,CAAC,qBAAqB,EAAE;aACjF,CAAC,CACH,CAAC;YACF,QAAQ;YACN,sEAAsE;YACtE,OAAO,CAAC;gBACN,aAAa,EAAE,cAAc;gBAC7B,GAAG,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI;gBACzB,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,QAAQ;gBAC/B,aAAa,EAAE,WAAW,CAAC,aAAa;aACzC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;QACF,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IAEpE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,MAAM,MAAM,GAAG,CAAC,GAAG,YAAY,EAAE,KAAK,CAAC,SAAS,CAG3C,CAAC;QAEN,IAAI,gBAAgB,EAAE;YACpB,MAAM,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC,CAAC;SACrD;QAED,MAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;QAC3E,MAAM,WAAW,GAAG,MAAM,CAAC,IAAI,EAAE,CAAC;QAElC,OAAO,MAAM;aACV,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;aACzC,MAAM,CAAc,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE;YACnD,OAAO;gBACL,GAAG,MAAM;gBACT,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBACpB,MAAM,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,GAClD,OAAO,IAAI,KAAK,UAAU;wBACxB,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;wBAChC,CAAC,CAAC,IAAI,CAAC;oBACX,MAAM,KAAK,GAAG,MAAM,IAAI,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC;oBACpD,MAAM,kBAAkB,GACtB,kBAAkB,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC;oBAEjE,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IACnB,GAAG,EAAE,KAAK,EACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CACN,mBAAmB,CAAC;gCAClB,OAAO,EAAE,MAAM;gCACf,OAAO,EAAE,qBAAqB;gCAC9B,QAAQ;gCACR,gBAAgB,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;gCAC3C,OAAO;gCACP,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU;gCACnC,aAAa,EAAE,MAAM;gCACrB,QAAQ;gCACR,cAAc,EAAE,kBAAkB;6BACnC,CAAC,CACH,CAAC;4BAEF,IAAI,KAAK,EAAE;gCACT,QAAQ,CACN,mBAAmB,CAAC;oCAClB,KAAK,EAAE,IAAI,CAAC,KAAK;oCACjB,aAAa,EAAE,MAAM;oCACrB,OAAO;oCACP,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;oCACnC,OAAO,EAAE,MAAM;oCACf,QAAQ;oCACR,cAAc,EAAE,IAAI,CAAC,WAAW;iCACjC,CAAC,CACH,CAAC;6BACH;4BAED,OAAO,EAAE,CAAC,CAAC,kEAAkE;wBAC/E,CAAC,KACG,IAAI,GACR,CACH,CAAC;gBACJ,CAAC,CAAC;gBACF,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,CAAC;oBAC5B,CAAC,CAAC,CAAC,oBAAC,WAAW,CAAC,OAAO,IAAC,GAAG,EAAE,KAAK,GAAI,CAAC;oBACvC,CAAC,CAAC,EAAE,CAAC;aACR,CAAC;QACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IACX,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/C,OAAO,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACtC;QACE,oBAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,GAAG,EAAE;gBACX,QAAQ,CACN,mBAAmB,CAAC;oBAClB,OAAO,EAAE,cAAc;oBACvB,OAAO,EAAE,yBAAyB;oBAClC,QAAQ;oBACR,aAAa,EAAE,MAAM;oBACrB,QAAQ;oBACR,cAAc,EAAE,gBAAgB;iBACjC,CAAC,CACH,CAAC;YACJ,CAAC,EACD,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAC,QAAQ,EACjB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAE,IAAI,IAEX,UAAU,CACC;QACb,gBAAgB,IAAI,oBAAC,gBAAgB,CAAC,KAAK,IAAC,KAAK,EAAE,gBAAgB,GAAI,CACvE,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"MoreActionsBase.js","sourceRoot":"","sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar407643509";
+var _namespace_ = "MultiBulkActionToolbar3408629573";
 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": "MultiBulkActionToolbar407643509__root", "leftGroupWrapper": "MultiBulkActionToolbar407643509__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar407643509__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar407643509__selectedCountText" };
+export var classes = { "root": "MultiBulkActionToolbar3408629573__root", "leftGroupWrapper": "MultiBulkActionToolbar3408629573__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar3408629573__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar3408629573__selectedCountText" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,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,uCAAuC,EAAC,kBAAkB,EAAC,mDAAmD,EAAC,mBAAmB,EAAC,oDAAoD,EAAC,mBAAmB,EAAC,oDAAoD,EAAC,CAAC;AAC/R,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":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,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,wCAAwC,EAAC,kBAAkB,EAAC,oDAAoD,EAAC,mBAAmB,EAAC,qDAAqD,EAAC,mBAAmB,EAAC,qDAAqD,EAAC,CAAC;AACnS,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

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

package/dist/esm/components/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow4073148708";
+var _namespace_ = "NestedTableRow2822551837";
 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": "NestedTableRow4073148708__root", "firstLevel": "NestedTableRow4073148708__firstLevel", "placeholder": "NestedTableRow4073148708__placeholder", "parentHovered": "NestedTableRow4073148708__parentHovered" };
+export var classes = { "root": "NestedTableRow2822551837__root", "firstLevel": "NestedTableRow2822551837__firstLevel", "placeholder": "NestedTableRow2822551837__placeholder", "parentHovered": "NestedTableRow2822551837__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,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,2CAA2C,EAAC,CAAC;AAC1E,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":"MultipleDragOverlayEffect.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,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,0CAA0C,EAAC,CAAC;AACzE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

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

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,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,0CAA0C,EAAC,CAAC;AACzE,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":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,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,2CAA2C,EAAC,CAAC;AAC1E,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/PickerContent/PickerContent.st.css.js

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

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep1252550532";
+var _namespace_ = "PickerContentAdditionalStep2163690254";
 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": "PickerContentAdditionalStep1252550532__root", "titles": "PickerContentAdditionalStep1252550532__titles", "suffix": "PickerContentAdditionalStep1252550532__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep2163690254__root", "titles": "PickerContentAdditionalStep2163690254__titles", "suffix": "PickerContentAdditionalStep2163690254__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,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,kCAAkC,EAAC,CAAC;AACjE,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":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.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,CAAC;AAClE,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/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard2455371441";
+var _namespace_ = "SkeletonCard3852981435";
 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": "SkeletonCard2455371441__root", "headerLoading": "SkeletonCard2455371441__headerLoading" };
+export var classes = { "root": "SkeletonCard3852981435__root", "headerLoading": "SkeletonCard3852981435__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,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,6BAA6B,EAAC,CAAC;AAC5D,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":"SlidingModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/SlidingModal/SlidingModal.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"}

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

@@ -1,33 +1,36 @@
-import React, { useEffect } from 'react';
-import { Grid } from '../Grid';
-import { Table } from '..';
+import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { TableGridSwitchButton } from '../TableGridSwitchButton';
-import { InitialLoader } from '../InitialLoader';
+import { LayoutSwitch } from '../LayoutSwitch';
 export function _TableGridSwitch(props) {
     const { state, dragAndDrop, sections, ...restProps } = props;
-    const { gridState, tableState, toolbar } = state;
-    const tableGridSwitchButton = (React.createElement(TableGridSwitchButton, { state: state.viewTypeState }));
-    useEffect(() => state.init(), []);
-    const { initTask: { status }, } = state;
-    const isLoading = status.isIdle || status.isLoading;
-    const gridSections = sections
+    const tableSections = sections
         ? {
-            GridSections: sections.GridSections,
+            TableSections: sections.TableSections,
             groupBy: sections.groupBy,
             renderSection: sections.renderSection,
+            collapsible: sections.collapsible,
+            events: sections.events,
         }
         : undefined;
-    const tableSections = sections
+    const gridSections = sections
         ? {
-            TableSections: sections.TableSections,
+            GridSections: sections.GridSections,
             groupBy: sections.groupBy,
             renderSection: sections.renderSection,
-            collapsible: sections.collapsible,
-            events: sections.events,
         }
         : undefined;
-    return (React.createElement(React.Fragment, null, isLoading ? (React.createElement(InitialLoader, { dataHook: "initial-loader", state: toolbar })) : state.viewType === 'grid' ? (React.createElement(Grid, { ...restProps, tableGridSwitchButton: tableGridSwitchButton, state: gridState, dragAndDrop: dragAndDrop?.grid, sections: gridSections })) : (React.createElement(Table, { ...restProps, sticky: true, tableGridSwitchButton: tableGridSwitchButton, state: tableState, dragAndDrop: dragAndDrop?.table, sections: tableSections }))));
+    return (React.createElement(LayoutSwitch, { state: state, tableProps: {
+            ...restProps,
+            state: state.tableState,
+            dragAndDrop: dragAndDrop?.table,
+            sections: tableSections,
+            sticky: true,
+        }, gridProps: {
+            ...restProps,
+            state: state.gridState,
+            dragAndDrop: dragAndDrop?.grid,
+            sections: gridSections,
+        } }));
 }
 export const TableGridSwitch = observer(_TableGridSwitch);
 //# sourceMappingURL=TableGridSwitch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitch.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,IAAI,EAA8B,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAc,MAAM,IAAI,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAGjE,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAiDjD,MAAM,UAAU,gBAAgB,CAC9B,KAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC7D,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjD,MAAM,qBAAqB,GAAG,CAC5B,oBAAC,qBAAqB,IAAC,KAAK,EAAE,KAAK,CAAC,aAAa,GAAI,CACtD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,MAAM,EACJ,QAAQ,EAAE,EAAE,MAAM,EAAE,GACrB,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,SAAS,CAAC;IAEpD,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC;YACE,YAAY,EAAE,QAAQ,CAAC,YAAY;YACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;SACtC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,WAAW,EAAE,QAAQ,CAAC,WAAW;YACjC,MAAM,EAAE,QAAQ,CAAC,MAAM;SACxB;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,0CACG,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,aAAa,IAAC,QAAQ,EAAC,gBAAgB,EAAC,KAAK,EAAE,OAAO,GAAI,CAC5D,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,CAC9B,oBAAC,IAAI,OACC,SAAS,EACb,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,SAAS,EAChB,WAAW,EAAE,WAAW,EAAE,IAAI,EAC9B,QAAQ,EAAE,YAAY,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,KAAK,OACA,SAAS,EACb,MAAM,QACN,qBAAqB,EAAE,qBAAqB,EAC5C,KAAK,EAAE,UAAU,EACjB,WAAW,EAAE,WAAW,EAAE,KAAK,EAC/B,QAAQ,EAAE,aAAa,GACvB,CACH,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}
+{"version":3,"file":"TableGridSwitch.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitch/TableGridSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAa3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AA0C/C,MAAM,UAAU,gBAAgB,CAC9B,KAAiC;IAEjC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7D,MAAM,aAAa,GAAG,QAAQ;QAC5B,CAAC,CAAC;YACE,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;YACrC,WAAW,EAAE,QAAQ,CAAC,WAAW;YACjC,MAAM,EAAE,QAAQ,CAAC,MAAM;SACxB;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,MAAM,YAAY,GAAG,QAAQ;QAC3B,CAAC,CAAC;YACE,YAAY,EAAE,QAAQ,CAAC,YAAY;YACnC,OAAO,EAAE,QAAQ,CAAC,OAAO;YACzB,aAAa,EAAE,QAAQ,CAAC,aAAa;SACtC;QACH,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE;YACV,GAAG,SAAS;YACZ,KAAK,EAAE,KAAK,CAAC,UAAU;YACvB,WAAW,EAAE,WAAW,EAAE,KAAK;YAC/B,QAAQ,EAAE,aAAa;YACvB,MAAM,EAAE,IAAI;SACb,EACD,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,KAAK,EAAE,KAAK,CAAC,SAAS;YACtB,WAAW,EAAE,WAAW,EAAE,IAAI;YAC9B,QAAQ,EAAE,YAAY;SACvB,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAC"}

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

@@ -23,8 +23,8 @@ export function TableGridSwitchUniDriver(base, body) {
         getTable,
         /** Get Grid driver */
         getGrid,
-        isShowingGrid: () => base.$(`[data-hook="toolbar-collection-content"]`).exists(),
-        isShowingTable: async () => !(await base.$(`[data-hook="toolbar-collection-content"]`).exists()),
+        isShowingGrid: () => body.$(`[data-hook="layout-view-grid"]`).exists(),
+        isShowingTable: () => body.$(`[data-hook="layout-view-table"]`).exists(),
         /**
          * Gets collection summary bar
          */

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

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

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

@@ -1,44 +1,8 @@
 import { observer } from 'mobx-react-lite';
-import React, { useMemo } from 'react';
-import { DropdownBase, IconButton, listItemSelectBuilder, SegmentedToggle, Tooltip, } from '@wix/design-system';
-import { LayoutGallery, LayoutList } from '@wix/wix-ui-icons-common';
-import { useWixPatternsContainer } from '@wix/bex-core/react';
-import { layoutOptions, layoutConfig } from './layoutConfig';
-function _TableGridSwitchButton(props) {
-    const { translate: t, experiments } = useWixPatternsContainer();
-    const { state } = props;
-    const { viewType } = state;
-    const isLayoutToggleRedesignEnabled = experiments.enabled('specs.cairo.layout-toggle.redesign');
-    const options = useMemo(() => layoutOptions.map((option) => listItemSelectBuilder({
-        id: option,
-        title: t(layoutConfig[option].translationKey),
-        prefix: layoutConfig[option].icon,
-        dataHook: `layout-option-${option}`,
-    })), [t]);
-    if (!isLayoutToggleRedesignEnabled) {
-        return (React.createElement(SegmentedToggle, { size: "small", dataHook: "table-grid-switch-toggle-button", selected: viewType, onClick: (_, value) => {
-                if (state.viewType === value) {
-                    return;
-                }
-                state.changeViewType(value);
-            } },
-            React.createElement(SegmentedToggle.Icon, { value: "grid", dataHook: "toggle-option-grid", tooltipText: t('cairo.table.gridView') },
-                React.createElement(LayoutGallery, null)),
-            React.createElement(SegmentedToggle.Icon, { value: "table", dataHook: "toggle-option-table", tooltipText: t('cairo.table.listView') },
-                React.createElement(LayoutList, null))));
-    }
-    return (React.createElement(DropdownBase, { dataHook: "layout-switch-popover", options: options, selectedId: viewType, showArrow: true, onSelect: (option) => {
-            const selectedOption = option.id;
-            const index = layoutOptions.indexOf(selectedOption);
-            state.reportLayoutOptionClicked(selectedOption, index);
-            if (viewType !== selectedOption) {
-                state.changeViewType(selectedOption);
-            }
-        } }, ({ toggle }) => (React.createElement(Tooltip, { content: t('cairo.table.layout.switchLayout'), size: "medium" },
-        React.createElement(IconButton, { dataHook: "layout-switch-button", size: "small", priority: "secondary", "aria-haspopup": "menu", onClick: () => {
-                state.reportLayoutSwitch();
-                toggle();
-            } }, layoutConfig[viewType].icon)))));
+import React from 'react';
+import { LayoutSwitchButton } from '../LayoutSwitchButton';
+function _TableGridSwitchButton({ state }) {
+    return React.createElement(LayoutSwitchButton, { state: state, options: ['table', 'grid'] });
 }
 export const TableGridSwitchButton = observer(_TableGridSwitchButton);
 //# sourceMappingURL=TableGridSwitchButton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitchButton.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TableGridSwitchButton.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAM3D,SAAS,sBAAsB,CAAC,EAAE,KAAK,EAA8B;IACnE,OAAO,oBAAC,kBAAkB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,OAAO,EAAE,MAAM,CAAC,GAAI,CAAC;AAC1E,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

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

@@ -9,9 +9,13 @@ export function TableGridSwitchButtonUniDriver(base, body) {
         /** Check if the SegmentedToggle (old UI) exists */
         exists: () => base.exists(),
         /** Click table button in SegmentedToggle (old UI) */
-        clickTableButton: () => base.$$(`[data-hook="toggle-icon"]`).get(1).click(),
+        clickTableButton: () => base
+            .$(`[data-hook="toggle-option-table"] [data-hook="toggle-icon"]`)
+            .click(),
         /** Click grid button in SegmentedToggle (old UI) */
-        clickGridButton: () => base.$$(`[data-hook="toggle-icon"]`).get(0).click(),
+        clickGridButton: () => base
+            .$(`[data-hook="toggle-option-grid"] [data-hook="toggle-icon"]`)
+            .click(),
         popoverExists: () => getDropdown().exists(),
         layoutSwitchButtonExists: () => getLayoutSwitchButton().exists(),
         openPopover: () => getLayoutSwitchButton().click(),

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

@@ -1 +1 @@
-{"version":3,"file":"TableGridSwitchButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,2CAA2C,CAAC;AAGnD,MAAM,UAAU,8BAA8B,CAC5C,IAAe,EACf,IAAe;IAEf,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhE,+CAA+C;IAC/C,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,EAAE,IAAI,CAAC,CAAC;IAE7E,MAAM,qBAAqB,GAAG,GAAG,EAAE,CACjC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;IAE/C,OAAO;QACL,GAAG,YAAY,EAAE;QACjB,mDAAmD;QACnD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC3B,qDAAqD;QACrD,gBAAgB,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QAC3E,oDAAoD;QACpD,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE;QAE1E,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE;QAC3C,wBAAwB,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,EAAE;QAChE,WAAW,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE;QAClD,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,eAAe,EAAE;QACpD,iBAAiB,EAAE,CAAC,MAAwB,EAAE,EAAE,CAC9C,WAAW,EAAE,CAAC,sBAAsB,CAAC,iBAAiB,MAAM,EAAE,CAAC;QACjE,qBAAqB,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE;KAC1D,CAAC;AACJ,CAAC;AAED,eAAe,8BAA8B,CAAC"}
+{"version":3,"file":"TableGridSwitchButton.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/TableGridSwitchButton.uni.driver.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,qBAAqB,EACrB,wBAAwB,GACzB,MAAM,2CAA2C,CAAC;AAGnD,MAAM,UAAU,8BAA8B,CAC5C,IAAe,EACf,IAAe;IAEf,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,wBAAwB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEhE,+CAA+C;IAC/C,MAAM,WAAW,GAAG,GAAG,EAAE,CACvB,qBAAqB,CAAC,IAAI,CAAC,CAAC,CAAC,qCAAqC,CAAC,EAAE,IAAI,CAAC,CAAC;IAE7E,MAAM,qBAAqB,GAAG,GAAG,EAAE,CACjC,IAAI,CAAC,CAAC,CAAC,oCAAoC,CAAC,CAAC;IAE/C,OAAO;QACL,GAAG,YAAY,EAAE;QACjB,mDAAmD;QACnD,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;QAC3B,qDAAqD;QACrD,gBAAgB,EAAE,GAAG,EAAE,CACrB,IAAI;aACD,CAAC,CAAC,6DAA6D,CAAC;aAChE,KAAK,EAAE;QACZ,oDAAoD;QACpD,eAAe,EAAE,GAAG,EAAE,CACpB,IAAI;aACD,CAAC,CAAC,4DAA4D,CAAC;aAC/D,KAAK,EAAE;QAEZ,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE;QAC3C,wBAAwB,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,MAAM,EAAE;QAChE,WAAW,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,CAAC,KAAK,EAAE;QAClD,aAAa,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,eAAe,EAAE;QACpD,iBAAiB,EAAE,CAAC,MAAwC,EAAE,EAAE,CAC9D,WAAW,EAAE,CAAC,sBAAsB,CAAC,iBAAiB,MAAM,EAAE,CAAC;QACjE,qBAAqB,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,YAAY,EAAE;KAC1D,CAAC;AACJ,CAAC;AAED,eAAe,8BAA8B,CAAC"}

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

@@ -1,14 +1,3 @@
-import React from 'react';
-import { LayoutGallery, LayoutSplit } from '@wix/wix-ui-icons-common';
+export { layoutConfig } from '../LayoutSwitchButton/layoutConfig';
 export const layoutOptions = ['table', 'grid'];
-export const layoutConfig = {
-    table: {
-        icon: React.createElement(LayoutSplit, null),
-        translationKey: 'cairo.table.layout.table',
-    },
-    grid: {
-        icon: React.createElement(LayoutGallery, null),
-        translationKey: 'cairo.table.layout.grid',
-    },
-};
 //# sourceMappingURL=layoutConfig.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"layoutConfig.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/layoutConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAItE,MAAM,CAAC,MAAM,aAAa,GAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAE3D,MAAM,CAAC,MAAM,YAAY,GAGrB;IACF,KAAK,EAAE;QACL,IAAI,EAAE,oBAAC,WAAW,OAAG;QACrB,cAAc,EAAE,0BAA8C;KAC/D;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,oBAAC,aAAa,OAAG;QACvB,cAAc,EAAE,yBAA6C;KAC9D;CACF,CAAC"}
+{"version":3,"file":"layoutConfig.js","sourceRoot":"","sources":["../../../../src/components/TableGridSwitchButton/layoutConfig.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAClE,MAAM,CAAC,MAAM,aAAa,GAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC"}