@wix/patterns 1.378.0 → 1.381.0

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1540636546";
+var _namespace_ = "Edit3405934222";
 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": "Edit1540636546__root", "numberInput": "Edit1540636546__numberInput" };
+export var classes = { "root": "Edit3405934222__root", "numberInput": "Edit3405934222__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View1894319470";
+var _namespace_ = "View467769775";
 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": "View1894319470__root", "textView": "View1894319470__textView" };
+export var classes = { "root": "View467769775__root", "textView": "View467769775__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3961799499";
+var _namespace_ = "Edit975343976";
 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": "Edit3961799499__root", "jsonInput": "Edit3961799499__jsonInput" };
+export var classes = { "root": "Edit975343976__root", "jsonInput": "Edit975343976__jsonInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/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,WAAW,EAAC,2BAA2B,EAAC,CAAC;AAC7F,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/object/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,WAAW,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"}

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

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

package/dist/esm/components/EditableTable/cellTypes/richContent/Edit.js

@@ -0,0 +1,18 @@
+import React, { useCallback } from 'react';
+import { CellRichContentInput } from '@wix/patterns-fields/form-rich-content-input';
+import { RichContentView } from './View';
+export const RichContentEdit = ({ value, onChange, onCommit, 
+// onCancel intentionally unused: Escape commits via RichContentEditor.onClose → editorEvents.publish().
+editTrigger, }) => {
+    const initialTypedKey = editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type'
+        ? editTrigger.key
+        : undefined;
+    const handleSave = useCallback(() => {
+        onCommit();
+    }, [onCommit]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(RichContentView, { value: value }),
+        React.createElement(CellRichContentInput, { value: value, onChange: onChange, onSave: handleSave, initialTypedKey: initialTypedKey })));
+};
+export default RichContentEdit;
+//# sourceMappingURL=Edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/richContent/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAGpF,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,MAAM,CAAC,MAAM,eAAe,GAAqC,CAAC,EAChE,KAAK,EACL,QAAQ,EACR,QAAQ;AACR,wGAAwG;AACxG,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,eAAe,GACnB,WAAW,IAAI,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,CAAC,IAAI,KAAK,MAAM;QAC3E,CAAC,CAAC,WAAW,CAAC,GAAG;QACjB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL;QAEE,oBAAC,eAAe,IAAC,KAAK,EAAE,KAAK,GAAI;QACjC,oBAAC,oBAAoB,IACnB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAgD,EAC1D,MAAM,EAAE,UAAU,EAClB,eAAe,EAAE,eAAe,GAChC,CACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CellRichContentView } from '@wix/patterns-fields';
+import { CellViewLayout } from '../CellViewLayout';
+export const RichContentView = ({ value, }) => (React.createElement(CellViewLayout, null,
+    React.createElement(CellRichContentView, { value: value })));
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/richContent/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAG3D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAqC,CAAC,EAChE,KAAK,GACN,EAAE,EAAE,CAAC,CACJ,oBAAC,cAAc;IACb,oBAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,GAAI,CACtB,CAClB,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/richContent/View.uni.driver.js

@@ -0,0 +1,9 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function RichContentViewUniDriver(base, _body) {
+    return {
+        ...baseUniDriverFactory(base),
+        /** Returns the plain-text content shown in the cell */
+        getValue: () => base.text(),
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/richContent/View.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/richContent/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,wBAAwB,CACtC,IAAe,EACf,KAAgB;IAEhB,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,uDAAuD;QACvD,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;KAC5B,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/richContent/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Loader } from '@wix/design-system';
+import { ensureRicosContent, fromPlainText, toPlainTextSync, } from '@wix/ricos/content';
+import { defineCellType } from '../../types';
+import { RichContentView } from './View';
+const richContentEditFactory = () => import(/* webpackChunkName: "EditableTableRichContentEdit" */ './Edit');
+if (process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+    richContentEditFactory();
+}
+const LazyRichContentEdit = React.lazy(richContentEditFactory);
+const RichContentEdit = (props) => (React.createElement(React.Suspense, { fallback: React.createElement(Loader, { size: "tiny" }) },
+    React.createElement(LazyRichContentEdit, { ...props })));
+export const richContentCellType = defineCellType({
+    type: 'richContent',
+    ViewComponent: RichContentView,
+    EditComponent: RichContentEdit,
+    /** Serialize to single-line plain text for TSV clipboard. */
+    serialize: (value) => {
+        if (!value) {
+            return '';
+        }
+        return toPlainTextSync(ensureRicosContent(value), {
+            delimiter: ' ',
+        });
+    },
+    /** Deserialize a pasted plain-text string back to a minimal Ricos document. */
+    deserialize: (raw) => (raw ? fromPlainText(raw) : null),
+    editable: true,
+    clearable: false,
+    onTypeToEdit: () => ({}),
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/richContent/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/richContent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,MAAM,sBAAsB,GAAG,GAAG,EAAE,CAClC,MAAM,CAAC,sDAAsD,CAAC,QAAQ,CAAC,CAAC;AAE1E,IAAI,OAAO,CAAC,GAAG,CAAC,oBAAoB,KAAK,MAAM,EAAE;IAC/C,sBAAsB,EAAE,CAAC;CAC1B;AAED,MAAM,mBAAmB,GAAG,KAAK,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;AAE/D,MAAM,eAAe,GAAG,CAAC,KAA6B,EAAE,EAAE,CAAC,CACzD,oBAAC,KAAK,CAAC,QAAQ,IAAC,QAAQ,EAAE,oBAAC,MAAM,IAAC,IAAI,EAAC,MAAM,GAAG;IAC9C,oBAAC,mBAAmB,OAAK,KAAK,GAAI,CACnB,CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,cAAc,CAAU;IACzD,IAAI,EAAE,aAAa;IACnB,aAAa,EAAE,eAAe;IAC9B,aAAa,EAAE,eAAe;IAE9B,6DAA6D;IAC7D,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;QACnB,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,EAAE,CAAC;SACX;QACD,OAAO,eAAe,CAAC,kBAAkB,CAAC,KAAY,CAAC,EAAE;YACvD,SAAS,EAAE,GAAG;SACf,CAAC,CAAC;IACL,CAAC;IAED,+EAA+E;IAC/E,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEvD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,KAAK;IAEhB,YAAY,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC;CACzB,CAAC,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit245233832";
+var _namespace_ = "Edit2187970819";
 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": "Edit245233832__root", "selectInput": "Edit245233832__selectInput" };
+export var classes = { "root": "Edit2187970819__root", "selectInput": "Edit2187970819__selectInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/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,aAAa,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"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/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,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,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/text/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit4234533147";
+var _namespace_ = "Edit1413525660";
 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": "Edit4234533147__root", "editWrapper": "Edit4234533147__editWrapper", "inputArea": "Edit4234533147__inputArea" };
+export var classes = { "root": "Edit1413525660__root", "editWrapper": "Edit1413525660__editWrapper", "inputArea": "Edit1413525660__inputArea" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "View3635888428";
 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": "View3635888428__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_ = "Edit3375197161";
 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": "Edit3375197161__root", "urlInput": "Edit3375197161__urlInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "View2866048905";
 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": "View2866048905__root", "textView": "View2866048905__textView", "urlText": "View2866048905__urlText", "suffix": "View2866048905__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_ = "EntityPagePlain758988730";
 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": "EntityPagePlain758988730__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,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,iCAAiC,EAAC,CAAC;AAChE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}
+{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

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

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

@@ -1 +1 @@
-{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,CAAC;AACpD,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":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,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,CAAC;AACrD,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/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading841018376";
+var _namespace_ = "Heading3014193496";
 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": "Heading3014193496__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_ = "ImportStepUpload162635118";
 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": "ImportStepUpload162635118__root", "fileUpload": "ImportStepUpload162635118__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_ = "InputOverflow1873892648";
 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": "InputOverflow1873892648__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":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAG3D,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CACxC,MAAM,CAAC,kBAAkB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACtC,OAAO,EAAE,CAAC,CAAC,aAAyC;CACrD,CAAC,CAAC,CACJ,CAAC;AASF,SAAS,aAAa,CAA0B,EAC9C,KAAK,EACL,UAAU,EACV,SAAS,EACT,gBAAgB,GACQ;IACxB,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IACnD,MAAM,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,MAAM,IAAI,QAAQ,CAAC,MAAM,CAAC,SAAS,CAAC;IAEtE,kEAAkE;IAClE,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACH,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,EAAE;QACtC,IAAI,MAAM,KAAK,OAAO,EAAE;YACtB,OAAO,CAAC,CAAC,UAAU,CAAC;SACrB;QACD,IAAI,MAAM,KAAK,MAAM,EAAE;YACrB,OAAO,CAAC,CAAC,SAAS,CAAC;SACpB;QACD,IAAI,MAAM,KAAK,aAAa,EAAE;YAC5B,OAAO,CAAC,CAAC,gBAAgB,CAAC;SAC3B;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IACJ,uDAAuD;IACvD,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,CAChD,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,CAAC;IAElC,6EAA6E;IAC7E,+EAA+E;IAC/E,2EAA2E;IAC3E,SAAS,CAAC,GAAG,EAAE;QACb,IACE,gBAAgB,CAAC,MAAM,GAAG,CAAC;YAC3B,CAAC,gBAAgB,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,EAClD;YACA,aAAa,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAE,CAAC,CAAC;SACpD;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC;IAE/C,IAAI,CAAC,gBAAgB,CAAC,MAAM,EAAE;QAC5B,OAAO,CAAC,KAAK,CACX,6FAA6F,CAC9F,CAAC;QACF,OAAO,IAAI,CAAC;KACb;IAED,MAAM,kBAAkB,GAAG,CACzB,oBAAC,kBAAkB,IAAC,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,gBAAgB,GAAI,CACxE,CAAC;IAEF,IAAI,SAAS,EAAE;QACb,OAAO,oBAAC,aAAa,IAAC,QAAQ,EAAC,gBAAgB,EAAC,KAAK,EAAE,OAAO,GAAI,CAAC;KACpE;IAED,2EAA2E;IAC3E,uEAAuE;IACvE,MAAM,UAAU,GAAG,gBAAgB,CAAC,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC;QAClE,CAAC,CAAC,aAAa,CAAC,QAAQ;QACxB,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAExB,IAAI,UAAU,KAAK,OAAO,EAAE;QAC1B,OAAO,CACL,0CAAe,mBAAmB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YAC/D,oBAAC,KAAK,OAAK,UAAW,EAAE,qBAAqB,EAAE,kBAAkB,GAAI,CACjE,CACP,CAAC;KACH;IAED,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,OAAO,CACL,0CAAe,kBAAkB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YAC9D,oBAAC,IAAI,OAAK,SAAU,EAAE,qBAAqB,EAAE,kBAAkB,GAAI,CAC/D,CACP,CAAC;KACH;IAED,IAAI,UAAU,KAAK,aAAa,EAAE;QAChC,OAAO,CACL,0CAAe,yBAAyB,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE;YACrE,oBAAC,QAAQ,IACP,QAAQ,EAAE,oBAAC,aAAa,IAAC,QAAQ,EAAC,gBAAgB,EAAC,KAAK,EAAE,OAAO,GAAI;gBAErE,oBAAC,iBAAiB,OACZ,gBAAiB,EACrB,qBAAqB,EAAE,kBAAkB,GACzC,CACO,CACP,CACP,CAAC;KACH;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

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"}