@wix/patterns 1.378.0 → 1.380.0

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

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2992387440";
+var _namespace_ = "Edit113419719";
 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": "Edit2992387440__root", "urlInput": "Edit2992387440__urlInput" };
+export var classes = { "root": "Edit113419719__root", "urlInput": "Edit113419719__urlInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/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,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":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.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/url/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3921770292";
+var _namespace_ = "View3499712186";
 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": "View3921770292__root", "textView": "View3921770292__textView", "urlText": "View3921770292__urlText", "suffix": "View3921770292__suffix" };
+export var classes = { "root": "View3499712186__root", "textView": "View3499712186__textView", "urlText": "View3499712186__urlText", "suffix": "View3499712186__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/types.ts"],"names":[],"mappings":"AA0BA,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAAI,QAYjC;IACC,OAAO,QAAQ,CAAC;AAClB,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/types.ts"],"names":[],"mappings":"AA+DA,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAAI,QAA+B;IAC/D,OAAO,QAAoB,CAAC;AAC9B,CAAC"}

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

@@ -0,0 +1,28 @@
+import { useCallback, useRef } from 'react';
+export function useAddRow(state) {
+    const firstEditableColId = state.editableColumns.find((col) => col.editable !== false && !!col.setValue)?.id;
+    // Cached anchor so chained afterItemKey deps are avoided —
+    // prepareItemsToMergeIntoPage reverses createdPatches, so chained anchors
+    // would strand later items at the top of the table.
+    const addItemAnchorRef = useRef(undefined);
+    const handleAddItem = useCallback(() => {
+        // Refresh the anchor if it's missing or no longer in the current page
+        // (e.g. after query/filter/pagination changes moved it off-page).
+        const isAnchorStale = !addItemAnchorRef.current ||
+            !state.keyedItems.some((ki) => ki.key === addItemAnchorRef.current);
+        if (isAnchorStale) {
+            addItemAnchorRef.current =
+                state.keyedItems[state.keyedItems.length - 1]?.key;
+        }
+        const newKey = state.addItem(addItemAnchorRef.current);
+        if (!newKey || !firstEditableColId)
+            return;
+        // RAF gives React one frame to render the new row before we try to focus it.
+        requestAnimationFrame(() => {
+            state.cellInteraction.startEdit(newKey, firstEditableColId, 'enter');
+        });
+    }, [state, firstEditableColId]);
+    const showAddItemRow = !state.addItemDisabled && state.collection.initTask.status.isSuccess;
+    return { showAddItemRow, handleAddItem };
+}
+//# sourceMappingURL=useAddRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAddRow.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useAddRow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,UAAU,SAAS,CACvB,KAA+B;IAE/B,MAAM,kBAAkB,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,CACnD,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,KAAK,KAAK,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,CAClD,EAAE,EAAE,CAAC;IAEN,2DAA2D;IAC3D,0EAA0E;IAC1E,oDAAoD;IACpD,MAAM,gBAAgB,GAAG,MAAM,CAAqB,SAAS,CAAC,CAAC;IAE/D,MAAM,aAAa,GAAG,WAAW,CAAC,GAAG,EAAE;QACrC,sEAAsE;QACtE,kEAAkE;QAClE,MAAM,aAAa,GACjB,CAAC,gBAAgB,CAAC,OAAO;YACzB,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACtE,IAAI,aAAa,EAAE;YACjB,gBAAgB,CAAC,OAAO;gBACtB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,GAAG,CAAC;SACtD;QACD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC;QACvD,IAAI,CAAC,MAAM,IAAI,CAAC,kBAAkB;YAAE,OAAO;QAC3C,6EAA6E;QAC7E,qBAAqB,CAAC,GAAG,EAAE;YACzB,KAAK,CAAC,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,kBAAkB,EAAE,OAAO,CAAC,CAAC;QACvE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAEhC,MAAM,cAAc,GAClB,CAAC,KAAK,CAAC,eAAe,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC;IAEvE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC;AAC3C,CAAC"}

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

@@ -49,8 +49,12 @@ export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editI
             }, 0);
         }
         else {
-            // Let CellInteractionState own scroll positioning for the focused cell.
-            cellRef.current?.focus({ preventScroll: true });
+            // Don't steal focus if a descendant already has it (e.g. image cell's
+            // inner-focus buttons). The gridcell only needs focusing when it isn't
+            // already within the active focus subtree.
+            if (!cellRef.current?.contains(document.activeElement)) {
+                cellRef.current?.focus({ preventScroll: true });
+            }
         }
     }, [isFocused, isEditing, cellRef, editInputRef]);
     const handleActivate = useCallback(() => {
@@ -71,7 +75,17 @@ export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editI
         }
         if (e.key === 'Enter') {
             e.preventDefault();
-            handleActivate();
+            if (resolved?.showEditWhenFocused) {
+                // EditComponent is always visible. Focus into its first interactive
+                // element (inner focus) rather than entering full edit mode now —
+                // the cell type calls onStartEdit() itself right before any external
+                // UI (media manager / modal) opens, which is the only time isEditing
+                // needs to be true for useClearFocusOnBlur protection.
+                editInputRef.current?.focus();
+            }
+            else {
+                handleActivate();
+            }
             return;
         }
         // Type-to-edit: prevent the browser's default text insertion, start

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

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

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

@@ -1,6 +1,12 @@
 import { useCallback, useEffect, useRef } from 'react';
 /**
  * Clears cell focus when the user clicks outside the table container.
+ *
+ * Skips clearFocus() while isEditing=true so that portaled editors (date
+ * picker, select dropdown, media manager) can take focus without causing the
+ * cell to lose its editing state. Cell types that open external UI are
+ * responsible for calling onStartEdit() before the modal opens (which sets
+ * isEditing=true) and onCancel()/onCommit() when it closes.
  */
 export function useClearFocusOnBlur(cellInteraction) {
     const blurFrameId = useRef(0);

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

@@ -1 +1 @@
-{"version":3,"file":"useClearFocusOnBlur.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useClearFocusOnBlur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIvD;;GAEG;AACH,MAAM,UAAU,mBAAmB,CACjC,eAA2C;IAE3C,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAmC,EAAE,EAAE;QACtC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;QAElC,WAAW,CAAC,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;YAC/C,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC9C,OAAO;aACR;YAED,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE;gBAC9B,eAAe,CAAC,UAAU,EAAE,CAAC;aAC9B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC7B,CAAC"}
+{"version":3,"file":"useClearFocusOnBlur.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useClearFocusOnBlur.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAIvD;;;;;;;;GAQG;AACH,MAAM,UAAU,mBAAmB,CACjC,eAA2C;IAE3C,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;IAE9B,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,WAAW,CACxB,CAAC,CAAmC,EAAE,EAAE;QACtC,oBAAoB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAC1C,MAAM,SAAS,GAAG,CAAC,CAAC,aAAa,CAAC;QAElC,WAAW,CAAC,OAAO,GAAG,qBAAqB,CAAC,GAAG,EAAE;YAC/C,IAAI,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;gBAC9C,OAAO;aACR;YAED,IAAI,CAAC,eAAe,CAAC,SAAS,EAAE;gBAC9B,eAAe,CAAC,UAAU,EAAE,CAAC;aAC9B;QACH,CAAC,CAAC,CAAC;IACL,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;AAC7B,CAAC"}

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,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,wBAAwB,EAAC,CAAC;AACvD,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":"Heading.st.css.js","sourceRoot":"","sources":["../../../../src/components/Heading/Heading.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,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,yBAAyB,EAAC,CAAC;AACxD,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/ImportButton/ImportStepUpload.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ImportStepUpload686656776";
+var _namespace_ = "ImportStepUpload962406613";
 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": "ImportStepUpload686656776__root", "fileUpload": "ImportStepUpload686656776__fileUpload" };
+export var classes = { "root": "ImportStepUpload962406613__root", "fileUpload": "ImportStepUpload962406613__fileUpload" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

package/dist/esm/components/LayoutSwitch/LayoutSwitch.js

@@ -0,0 +1,67 @@
+import React, { Suspense, useEffect, useMemo } from 'react';
+import { observer } from 'mobx-react-lite';
+import { Table } from '../Table';
+import { Grid } from '../Grid';
+import { InitialLoader } from '../InitialLoader';
+import { LayoutSwitchButton } from '../LayoutSwitchButton';
+const LazyEditableTable = React.lazy(() => import('../EditableTable').then((m) => ({
+    default: m.EditableTable,
+})));
+function _LayoutSwitch({ state, tableProps, gridProps, spreadsheetProps, }) {
+    const { viewTypeState, initTask, toolbar } = state;
+    const isLoading = initTask.status.isIdle || initTask.status.isLoading;
+    // Recompute only when a prop flips between defined and undefined.
+    const availableOptions = useMemo(() => viewTypeState.options.filter((option) => {
+        if (option === 'table') {
+            return !!tableProps;
+        }
+        if (option === 'grid') {
+            return !!gridProps;
+        }
+        if (option === 'spreadsheet') {
+            return !!spreadsheetProps;
+        }
+        return false;
+    }), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [!!tableProps, !!gridProps, !!spreadsheetProps]);
+    useEffect(() => state.init(), []);
+    // If the stored viewType is not among the available options (e.g. 'grid' was
+    // persisted but gridProps is not provided), persist the correction so the next
+    // load starts from a valid value. changeViewType also updates dataCapsule.
+    useEffect(() => {
+        if (availableOptions.length > 0 &&
+            !availableOptions.includes(viewTypeState.viewType)) {
+            viewTypeState.changeViewType(availableOptions[0]);
+        }
+    }, [availableOptions, viewTypeState.viewType]);
+    if (!availableOptions.length) {
+        console.error('[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.');
+        return null;
+    }
+    const layoutSwitchButton = (React.createElement(LayoutSwitchButton, { state: viewTypeState, options: availableOptions }));
+    if (isLoading) {
+        return React.createElement(InitialLoader, { dataHook: "initial-loader", state: toolbar });
+    }
+    // If viewType is not yet available (loaded from storage but xProp absent),
+    // fall back locally without waiting for the correction effect to fire.
+    const activeView = availableOptions.includes(viewTypeState.viewType)
+        ? viewTypeState.viewType
+        : availableOptions[0];
+    if (activeView === 'table') {
+        return (React.createElement("div", { "data-hook": "layout-view-table", style: { display: 'contents' } },
+            React.createElement(Table, { ...tableProps, tableGridSwitchButton: layoutSwitchButton })));
+    }
+    if (activeView === 'grid') {
+        return (React.createElement("div", { "data-hook": "layout-view-grid", style: { display: 'contents' } },
+            React.createElement(Grid, { ...gridProps, tableGridSwitchButton: layoutSwitchButton })));
+    }
+    if (activeView === 'spreadsheet') {
+        return (React.createElement("div", { "data-hook": "layout-view-spreadsheet", style: { display: 'contents' } },
+            React.createElement(Suspense, { fallback: React.createElement(InitialLoader, { dataHook: "initial-loader", state: toolbar }) },
+                React.createElement(LazyEditableTable, { ...spreadsheetProps, tableGridSwitchButton: layoutSwitchButton }))));
+    }
+    return null;
+}
+export const LayoutSwitch = observer(_LayoutSwitch);
+//# sourceMappingURL=LayoutSwitch.js.map

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

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

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

@@ -0,0 +1,28 @@
+import { baseUniDriverFactory } from '../../unidriver';
+import { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';
+import { TableUniDriver } from '../Table/Table.uni.driver';
+import { GridUniDriver } from '../Grid/Grid.uni.driver';
+import { EditableTableUniDriver } from '../EditableTable/EditableTable.uni.driver';
+export function LayoutSwitchUniDriver(base, body) {
+    const getToolbar = () => CollectionToolbarUniDriver(base.$('[data-hook="collection-toolbar"]'), body);
+    return {
+        ...baseUniDriverFactory(base),
+        wait: (timeout) => base.wait(timeout),
+        /** Get the layout switch button */
+        getSwitchButton: () => getToolbar().getSwitchButton(),
+        /** Check if the table layout is currently shown */
+        isShowingTable: () => base.$('[data-hook="layout-view-table"]').exists(),
+        /** Check if the grid layout is currently shown */
+        isShowingGrid: () => base.$('[data-hook="layout-view-grid"]').exists(),
+        /** Check if the spreadsheet layout is currently shown */
+        isShowingSpreadsheet: () => base.$('[data-hook="layout-view-spreadsheet"]').exists(),
+        /** Get Table driver */
+        getTable: () => TableUniDriver(base, body),
+        /** Get Grid driver */
+        getGrid: () => GridUniDriver(base, body),
+        /** Get Spreadsheet (EditableTable) driver */
+        getSpreadsheet: () => EditableTableUniDriver(base, body),
+    };
+}
+export default LayoutSwitchUniDriver;
+//# sourceMappingURL=LayoutSwitch.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutSwitch.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,0BAA0B,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2CAA2C,CAAC;AAEnF,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,IAAe;IACpE,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,0BAA0B,CACxB,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC,EAC1C,IAAI,CACL,CAAC;IAEJ,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,IAAI,EAAE,CAAC,OAAgB,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC;QAC9C,mCAAmC;QACnC,eAAe,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC,eAAe,EAAE;QACrD,mDAAmD;QACnD,cAAc,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,MAAM,EAAE;QACxE,kDAAkD;QAClD,aAAa,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,CAAC,MAAM,EAAE;QACtE,yDAAyD;QACzD,oBAAoB,EAAE,GAAG,EAAE,CACzB,IAAI,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,MAAM,EAAE;QAC1D,uBAAuB;QACvB,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC;QAC1C,sBAAsB;QACtB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,IAAI,EAAE,IAAI,CAAC;QACxC,6CAA6C;QAC7C,cAAc,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,EAAE,IAAI,CAAC;KACzD,CAAC;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}

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

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

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

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

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_ = "LoadingRow2728541301";
 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": "LoadingRow2728541301__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow2728541301__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_ = "MaxHeightText3684570785";
 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": "MaxHeightText3684570785__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_ = "MaxLines1301827869";
 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": "MaxLines1301827869__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "MultiBulkActionToolbar2587023767";
 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": "MultiBulkActionToolbar2587023767__root", "leftGroupWrapper": "MultiBulkActionToolbar2587023767__leftGroupWrapper", "selectedCountItem": "MultiBulkActionToolbar2587023767__selectedCountItem", "selectedCountText": "MultiBulkActionToolbar2587023767__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_ = "NestedTablePlaceholderStatesRow2688492260";
 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": "NestedTablePlaceholderStatesRow2688492260__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0CAA0C,CAAC;AAC7D,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,gDAAgD,EAAC,CAAC;AAC/E,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":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2CAA2C,CAAC;AAC9D,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,iDAAiD,EAAC,CAAC;AAChF,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/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow4073148708";
+var _namespace_ = "NestedTableRow1130154746";
 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": "NestedTableRow1130154746__root", "firstLevel": "NestedTableRow1130154746__firstLevel", "placeholder": "NestedTableRow1130154746__placeholder", "parentHovered": "NestedTableRow1130154746__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_ = "MultipleDragOverlayEffect2404938392";
 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": "MultipleDragOverlayEffect2404938392__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "NestedTableDragAndDropRow3036756031";
 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": "NestedTableDragAndDropRow3036756031__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};