@wix/patterns 1.366.0 → 1.370.0

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

@@ -0,0 +1,8 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function EmailViewUniDriver(base, _body) {
+    return {
+        ...baseUniDriverFactory(base),
+        getValue: () => base.text(),
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

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

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

@@ -0,0 +1,22 @@
+import { defineCellType } from '../../types';
+import { EmailView } from './View';
+import { EmailEdit } from './Edit';
+import { emailValidation } from '@wix/patterns-fields/validations';
+export { EmailView, EmailEdit };
+export const emailCellType = defineCellType({
+    type: 'email',
+    ViewComponent: EmailView,
+    EditComponent: EmailEdit,
+    serialize: (value) => value ?? '',
+    deserialize: (raw) => raw,
+    validate: (value) => {
+        if (value && !emailValidation.isValid(value)) {
+            return 'Invalid email format';
+        }
+        return null;
+    },
+    editable: true,
+    clearable: true,
+    onTypeToEdit: ({ key }) => ({ value: key }),
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAEnE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;AAEhC,MAAM,CAAC,MAAM,aAAa,GAAG,cAAc,CAAS;IAClD,IAAI,EAAE,OAAO;IACb,aAAa,EAAE,SAAS;IACxB,aAAa,EAAE,SAAS;IACxB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,IAAI,KAAK,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YAC5C,OAAO,sBAAsB,CAAC;SAC/B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;CAC5C,CAAC,CAAC"}

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

@@ -4,7 +4,9 @@ import { booleanCellType } from './boolean';
 import { dateCellType } from './date';
 import { selectCellType } from './select';
 import { urlCellType } from './url';
-export { textCellType, numberCellType, booleanCellType, dateCellType, selectCellType, urlCellType, };
+import { emailCellType } from './email';
+import { objectCellType } from './object';
+export { textCellType, numberCellType, booleanCellType, dateCellType, selectCellType, urlCellType, emailCellType, objectCellType, };
 /** All built-in cell types */
 export const builtInCellTypes = [
     textCellType,
@@ -13,5 +15,7 @@ export const builtInCellTypes = [
     dateCellType,
     selectCellType,
     urlCellType,
+    emailCellType,
+    objectCellType,
 ];
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,cAAc,EACd,WAAW,GACZ,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,cAAc;IACd,WAAW;CACZ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAa,EACb,cAAc,GACf,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,cAAc;IACd,WAAW;IACX,aAAa;IACb,cAAc;CACf,CAAC"}

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

@@ -1,5 +1,5 @@
 import React, { useCallback } from 'react';
-import { NumberInput } from '@wix/design-system';
+import { CellNumberInput } from '@wix/patterns-fields';
 import { classes } from './Edit.st.css.js';
 export const NumberEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
     const handleKeyDown = useCallback((e) => {
@@ -11,13 +11,10 @@ export const NumberEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) =
             e.preventDefault();
             onCancel();
         }
-        if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-            e.preventDefault();
-        }
     }, [onCommit, onCancel]);
     const handleBlur = useCallback(() => {
         onCommit();
     }, [onCommit]);
-    return (React.createElement(NumberInput, { inputRef: inputRef, size: "small", border: "none", value: value ?? undefined, onChange: (val) => onChange(val), onKeyDown: handleKeyDown, onBlur: handleBlur, autoSelect: false, hideStepper: true, className: classes.numberInput }));
+    return (React.createElement(CellNumberInput, { inputRef: inputRef, size: "small", border: "none", value: value ?? undefined, onChange: (val) => onChange(val ?? null), onKeyDown: handleKeyDown, onBlur: handleBlur, className: classes.numberInput }));
 };
 //# sourceMappingURL=Edit.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAA2C,CAAC,EACjE,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS,IAAI,CAAC,CAAC,GAAG,KAAK,WAAW,EAAE;YAChD,CAAC,CAAC,cAAc,EAAE,CAAC;SACpB;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,EAChC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,KAAK,EACjB,WAAW,QACX,SAAS,EAAE,OAAO,CAAC,WAAW,GAC9B,CACH,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAA2C,CAAC,EACjE,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,IAAI,IAAI,CAAC,EACxC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,OAAO,CAAC,WAAW,GAC9B,CACH,CAAC;AACJ,CAAC,CAAC"}

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_ = "Edit1086718486";
+var _namespace_ = "Edit3063205289";
 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": "Edit1086718486__root", "numberInput": "Edit1086718486__numberInput" };
+export var classes = { "root": "Edit3063205289__root", "numberInput": "Edit3063205289__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text } from '@wix/design-system';
+import { TextView } from '@wix/patterns-fields';
 import { classes } from './View.st.css.js';
-export const NumberView = ({ value, }) => (React.createElement(Text, { size: "small", ellipsis: true, className: classes.textView }, value != null ? String(value) : ''));
+export const NumberView = ({ value, }) => (React.createElement(TextView, { data: value != null ? value : '', className: classes.textView }));
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAA2C,CAAC,EACjE,KAAK,GACN,EAAE,EAAE,CAAC,CACJ,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,IACpD,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAC9B,CACR,CAAC"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAA2C,CAAC,EACjE,KAAK,GACN,EAAE,EAAE,CAAC,CACJ,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,EAAE,OAAO,CAAC,QAAQ,GAAI,CAC5E,CAAC"}

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_ = "View489596864";
+var _namespace_ = "View3566891687";
 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": "View489596864__root", "textView": "View489596864__textView" };
+export var classes = { "root": "View3566891687__root", "textView": "View3566891687__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,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"}
+{"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"}

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

@@ -0,0 +1,39 @@
+import React, { useCallback, useEffect, useRef } from 'react';
+import { Box } from '@wix/design-system';
+import { CellJsonInput } from '@wix/patterns-fields';
+import { classes } from './Edit.st.css.js';
+export const ObjectEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
+    const committedRef = useRef(false);
+    const inputAreaRef = useRef(null);
+    // Expand to fit content immediately on mount (= entering edit mode).
+    // Deferred to next frame so the textarea has rendered its content.
+    useEffect(() => {
+        requestAnimationFrame(() => {
+            inputAreaRef.current?.calculateComputedRows();
+        });
+    }, []);
+    const handleChange = useCallback((parsed) => {
+        onChange(parsed);
+    }, [onChange]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            committedRef.current = true;
+            onCancel();
+        }
+        // Enter is not handled — multi-line JSON needs Enter for newlines
+    }, [onCancel]);
+    const handleBlur = useCallback(() => {
+        if (!committedRef.current) {
+            onCommit();
+        }
+    }, [onCommit]);
+    return (React.createElement(Box, { width: "100%", height: "100%" },
+        React.createElement(CellJsonInput, { ref: (instance) => {
+                inputAreaRef.current = instance;
+                if (inputRef) {
+                    inputRef.current = instance;
+                }
+            }, size: "small", value: value, onChange: handleChange, onKeyDown: handleKeyDown, onBlur: handleBlur, autoSelect: false, autoGrow: true, minRowsAutoGrow: 1, className: classes.jsonInput })));
+};
+//# sourceMappingURL=Edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAAqD,CAAC,EAC3E,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,qEAAqE;IACrE,mEAAmE;IACnE,SAAS,CAAC,GAAG,EAAE;QACb,qBAAqB,CAAC,GAAG,EAAE;YACzB,YAAY,CAAC,OAAO,EAAE,qBAAqB,EAAE,CAAC;QAChD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,MAAY,EAAE,EAAE;QACf,QAAQ,CAAC,MAAiC,CAAC,CAAC;IAC9C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YACtB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC;YAC5B,QAAQ,EAAE,CAAC;SACZ;QACD,kEAAkE;IACpE,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;YACzB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM;QAC7B,oBAAC,aAAa,IACZ,GAAG,EAAE,CAAC,QAAa,EAAE,EAAE;gBACrB,YAAY,CAAC,OAAO,GAAG,QAAQ,CAAC;gBAChC,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC7B;YACH,CAAC,EACD,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,KAAK,EACjB,QAAQ,QACR,eAAe,EAAE,CAAC,EAClB,SAAS,EAAE,OAAO,CAAC,SAAS,GAC5B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

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

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

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

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

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

@@ -0,0 +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,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/Edit.uni.driver.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Edit.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAG/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,mBAAmB,CAAC,IAAe,EAAE,IAAe;IAClE,MAAM,SAAS,GACb,kBACD,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEd,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE;QACpC,SAAS,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC;QACxD,OAAO,EAAE,CACP,GAAW,EACX,IAAmE,EACnE,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;QACnD,IAAI,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC;KAC1C,CAAC;AACJ,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,UAAU,GAAqD,CAAC,EAC3E,KAAK,GACN,EAAE,EAAE,CAAC,CACJ,6BAAK,SAAS,EAAE,OAAO,CAAC,QAAQ,IAC7B,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,CAC7C,CACP,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function ObjectViewUniDriver(base, _body) {
+    return {
+        ...baseUniDriverFactory(base),
+        getValue: () => base.text(),
+    };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

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

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

@@ -0,0 +1,47 @@
+import { defineCellType } from '../../types';
+import { ObjectView } from './View';
+import { ObjectEdit } from './Edit';
+import { safeStringify, safeParse } from '@wix/patterns-fields';
+export { ObjectView, ObjectEdit };
+export const objectCellType = defineCellType({
+    type: 'object',
+    ViewComponent: ObjectView,
+    EditComponent: ObjectEdit,
+    serialize: (value) => (value != null ? safeStringify(value) : ''),
+    deserialize: (raw) => {
+        if (!raw) {
+            return {};
+        }
+        const parsed = safeParse(raw);
+        return typeof parsed === 'object' &&
+            parsed !== null &&
+            !Array.isArray(parsed)
+            ? parsed
+            : {};
+    },
+    validate: (value) => {
+        if (value == null) {
+            return null;
+        }
+        if (typeof value === 'string') {
+            try {
+                const parsed = JSON.parse(value);
+                if (typeof parsed !== 'object' ||
+                    parsed === null ||
+                    Array.isArray(parsed)) {
+                    return 'Value must be a valid JSON object';
+                }
+            }
+            catch {
+                return 'Invalid JSON syntax';
+            }
+        }
+        if (typeof value !== 'object' || Array.isArray(value)) {
+            return 'Value must be a valid JSON object';
+        }
+        return null;
+    },
+    editable: true,
+    clearable: true,
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/object/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAEhE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC;AAElC,MAAM,CAAC,MAAM,cAAc,GAAG,cAAc,CAA0B;IACpE,IAAI,EAAE,QAAQ;IACd,aAAa,EAAE,UAAU;IACzB,aAAa,EAAE,UAAU;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IACjE,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE;QACnB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,EAAE,CAAC;SACX;QACD,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,CAAC,CAAC;QAC9B,OAAO,OAAO,MAAM,KAAK,QAAQ;YAC/B,MAAM,KAAK,IAAI;YACf,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YACtB,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,EAAE,CAAC;IACT,CAAC;IACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,IAAI,KAAK,IAAI,IAAI,EAAE;YACjB,OAAO,IAAI,CAAC;SACb;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;YAC7B,IAAI;gBACF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBACjC,IACE,OAAO,MAAM,KAAK,QAAQ;oBAC1B,MAAM,KAAK,IAAI;oBACf,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EACrB;oBACA,OAAO,mCAAmC,CAAC;iBAC5C;aACF;YAAC,MAAM;gBACN,OAAO,qBAAqB,CAAC;aAC9B;SACF;QACD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;YACrD,OAAO,mCAAmC,CAAC;SAC5C;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;CAChB,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_ = "Edit2171501204";
+var _namespace_ = "Edit242516165";
 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": "Edit2171501204__root", "selectInput": "Edit2171501204__selectInput" };
+export var classes = { "root": "Edit242516165__root", "selectInput": "Edit242516165__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,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"}
+{"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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2274296977";
+var _namespace_ = "View1636281048";
 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": "View2274296977__root", "textView": "View2274296977__textView" };
+export var classes = { "root": "View1636281048__root", "textView": "View1636281048__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "Edit659033210";
+var _namespace_ = "Edit590536607";
 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": "Edit659033210__root", "editWrapper": "Edit659033210__editWrapper", "inputArea": "Edit659033210__inputArea" };
+export var classes = { "root": "Edit590536607__root", "editWrapper": "Edit590536607__editWrapper", "inputArea": "Edit590536607__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_ = "View985561481";
+var _namespace_ = "View3336919398";
 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": "View985561481__root", "textView": "View985561481__textView" };
+export var classes = { "root": "View3336919398__root", "textView": "View3336919398__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

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

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_ = "Edit4061833648";
+var _namespace_ = "Edit2839749871";
 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": "Edit4061833648__root", "urlInput": "Edit4061833648__urlInput" };
+export var classes = { "root": "Edit2839749871__root", "urlInput": "Edit2839749871__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_ = "View793386274";
+var _namespace_ = "View3689951381";
 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": "View793386274__root", "textView": "View793386274__textView", "urlText": "View793386274__urlText", "suffix": "View793386274__suffix" };
+export var classes = { "root": "View3689951381__root", "textView": "View3689951381__textView", "urlText": "View3689951381__urlText", "suffix": "View3689951381__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/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,SAAS,EAAC,wBAAwB,EAAC,QAAQ,EAAC,uBAAuB,EAAC,CAAC;AAC7J,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/url/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,SAAS,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,CAAC;AACjK,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/useCellFocusAndEditing.js

@@ -1,4 +1,4 @@
-import { useEffect, useCallback, useMemo } from 'react';
+import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
 export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editInputRef, }) {
     const { cellInteraction } = state;
     const column = state._columnMap.get(columnId);
@@ -6,6 +6,20 @@ export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editI
     const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
     const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
     const isEditable = state.isCellEditable(rowKey, columnId);
+    // Register the focused cell's DOM element on the state so
+    // scrollFocusedCellIntoView can use it. useLayoutEffect ensures
+    // the element is set before the requestAnimationFrame in
+    // scrollFocusedCellIntoView runs.
+    useLayoutEffect(() => {
+        if (isFocused) {
+            cellInteraction.focusedCellElement = cellRef.current;
+        }
+        return () => {
+            if (cellInteraction.focusedCellElement === cellRef.current) {
+                cellInteraction.focusedCellElement = null;
+            }
+        };
+    }, [isFocused, cellRef, cellInteraction]);
     // When focused (not editing): focus the cell div so it receives keyboard events.
     // When editing starts: focus the input (cursor at end, no select-all).
     useEffect(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"useCellFocusAndEditing.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAYxD,MAAM,UAAU,sBAAsB,CAA0B,EAC9D,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,YAAY,GACuB;IACnC,MAAM,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAClC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC9C,MAAM,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACxE,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClE,MAAM,SAAS,GAAG,eAAe,CAAC,aAAa,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAClE,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;IAE1D,iFAAiF;IACjF,uEAAuE;IACvE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,IAAI,SAAS,EAAE;YACb,IACE,YAAY,CAAC,OAAO;gBACpB,QAAQ,CAAC,aAAa,KAAK,YAAY,CAAC,OAAO,EAC/C;gBACA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;aAC9B;SACF;aAAM;YACL,OAAO,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;SAC1B;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC;IAElD,MAAM,cAAc,GAAG,WAAW,CAAC,GAAG,EAAE;QACtC,IAAI,QAAQ,EAAE,WAAW,EAAE;YACzB,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC;SAC9C;aAAM;YACL,eAAe,CAAC,SAAS,EAAE,CAAC;SAC7B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzD,kDAAkD;IAClD,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,SAAS,IAAI,CAAC,UAAU,IAAI,SAAS,EAAE;YAC1C,OAAO;SACR;QACD,IAAI,KAAK,CAAC,kBAAkB,EAAE;YAC5B,OAAO;SACR;QAED,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,cAAc,EAAE,CAAC;YACjB,OAAO;SACR;QAED,oEAAoE;QACpE,kEAAkE;QAClE,mEAAmE;QACnE,6BAA6B;QAC7B,IACE,CAAC,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC;YAClB,CAAC,CAAC,CAAC,OAAO;YACV,CAAC,CAAC,CAAC,OAAO;YACV,CAAC,CAAC,CAAC,MAAM;YACT,CAAC,CAAC,CAAC,WAAW,CAAC,WAAW;YAC1B,YAAY,CAAC,OAAO,EACpB;YACA,MAAM,WAAW,GAAG,QAAQ,EAAE,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;YAC7D,IAAI,CAAC,WAAW,EAAE;gBAChB,OAAO;aACR;YAED,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,eAAe,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;YACxD,IAAI,OAAO,IAAI,WAAW,EAAE;gBAC1B,eAAe,CAAC,eAAe,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;aACpD;YACD,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YAC7B,CAAC,CAAC,eAAe,EAAE,CAAC;SACrB;IACH,CAAC,EACD;QACE,YAAY;QACZ,SAAS;QACT,UAAU;QACV,SAAS;QACT,KAAK;QACL,eAAe;QACf,QAAQ;QACR,cAAc;KACf,CACF,CAAC;IAEF,OAAO,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;AACrD,CAAC"}
+{"version":3,"file":"useCellFocusAndEditing.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useCellFocusAndEditing.ts"],"names":[],"mappings":"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"}

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

@@ -21,27 +21,33 @@ export function useKeyboardNavigation(state) {
                 else {
                     cellInteraction.moveToNextCell();
                 }
+                cellInteraction.scrollFocusedCellIntoView();
             }
             return;
         }
         const isCtrlOrCmd = e.ctrlKey || e.metaKey;
         const extend = e.shiftKey;
+        let navigated = false;
         switch (e.key) {
             case 'ArrowUp':
                 e.preventDefault();
                 cellInteraction.moveFocus('up', extend);
+                navigated = true;
                 break;
             case 'ArrowDown':
                 e.preventDefault();
                 cellInteraction.moveFocus('down', extend);
+                navigated = true;
                 break;
             case 'ArrowLeft':
                 e.preventDefault();
                 cellInteraction.moveFocus('left', extend);
+                navigated = true;
                 break;
             case 'ArrowRight':
                 e.preventDefault();
                 cellInteraction.moveFocus('right', extend);
+                navigated = true;
                 break;
             case 'Tab':
                 e.preventDefault();
@@ -51,6 +57,7 @@ export function useKeyboardNavigation(state) {
                 else {
                     cellInteraction.moveToNextCell();
                 }
+                navigated = true;
                 break;
             case 'Escape':
                 e.preventDefault();
@@ -77,6 +84,9 @@ export function useKeyboardNavigation(state) {
             default:
                 break;
         }
+        if (navigated) {
+            cellInteraction.scrollFocusedCellIntoView();
+        }
     }, [cellInteraction, clipboard, state]);
     return { onKeyDown };
 }

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

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIpC,MAAM,UAAU,qBAAqB,CACnC,KAA+B;IAE/B,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7C,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,CAAsB,EAAE,EAAE;QACzB,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,GAAG,eAAe,CAAC;QACnD,IAAI,CAAC,WAAW,EAAE;YAChB,OAAO;SACR;QAED,iEAAiE;QACjE,IAAI,SAAS,EAAE;YACb,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;gBACtB,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,UAAU,EAAE,CAAC;aAC9B;iBAAM,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,EAAE;gBAC1B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,UAAU,EAAE,CAAC;gBAC7B,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACd,eAAe,CAAC,kBAAkB,EAAE,CAAC;iBACtC;qBAAM;oBACL,eAAe,CAAC,cAAc,EAAE,CAAC;iBAClC;aACF;YACD,OAAO;SACR;QAED,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC;QAC3C,MAAM,MAAM,GAAG,CAAC,CAAC,QAAQ,CAAC;QAE1B,QAAQ,CAAC,CAAC,GAAG,EAAE;YACb,KAAK,SAAS;gBACZ,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;gBACxC,MAAM;YACR,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC1C,MAAM;YACR,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;gBAC1C,MAAM;YACR,KAAK,YAAY;gBACf,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;gBAC3C,MAAM;YACR,KAAK,KAAK;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACd,eAAe,CAAC,kBAAkB,EAAE,CAAC;iBACtC;qBAAM;oBACL,eAAe,CAAC,cAAc,EAAE,CAAC;iBAClC;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,SAAS,CAAC,cAAc,EAAE;oBAC5B,SAAS,CAAC,KAAK,EAAE,CAAC;iBACnB;qBAAM;oBACL,eAAe,CAAC,UAAU,EAAE,CAAC;iBAC9B;gBACD,MAAM;YACR,KAAK,QAAQ,CAAC;YACd,KAAK,WAAW;gBACd,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,KAAK,CAAC,kBAAkB,EAAE;oBAC7B,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;iBACrD;gBACD,MAAM;YACR,KAAK,GAAG;gBACN,IAAI,WAAW,EAAE;oBACf,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,eAAe,CAAC,SAAS,EAAE,CAAC;iBAC7B;gBACD,MAAM;YACR;gBACE,MAAM;SACT;IACH,CAAC,EACD,CAAC,eAAe,EAAE,SAAS,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,CAAC;AACvB,CAAC"}
+{"version":3,"file":"useKeyboardNavigation.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useKeyboardNavigation.ts"],"names":[],"mappings":"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"}

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_ = "EntityPagePlain1681091989";
+var _namespace_ = "EntityPagePlain255593874";
 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": "EntityPagePlain1681091989__root" };
+export var classes = { "root": "EntityPagePlain255593874__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"}