@wix/patterns 1.487.0 → 1.489.0

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CellViewLayout1503110354";
+var _namespace_ = "CellViewLayout1471818589";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CellViewLayout1503110354__root"};
+export var classes = {"root":"CellViewLayout1471818589__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/JsonInputEdit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "JsonInputEdit1023216929";
+var _namespace_ = "JsonInputEdit1323796447";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"JsonInputEdit1023216929__root","jsonInput":"JsonInputEdit1023216929__jsonInput"};
+export var classes = {"root":"JsonInputEdit1323796447__root","jsonInput":"JsonInputEdit1323796447__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/address/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit75300814";
+var _namespace_ = "Edit1758884413";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit75300814__root","addressInput":"Edit75300814__addressInput"};
+export var classes = {"root":"Edit1758884413__root","addressInput":"Edit1758884413__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/address/index.tsx

@@ -40,6 +40,8 @@ export const addressCellType = defineCellType<Address | null | undefined>({
     }
     return hardConvert(raw);
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.address.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (value == null) {
       return null;

package/src/components/EditableTable/cellTypes/array/index.ts

@@ -1,7 +1,7 @@
 import { defineCellType } from '../../types';
 import { ArrayView } from './View';
 import { ArrayEdit } from './Edit';
-import { safeStringify, safeParse } from '@wix/patterns-fields';
+import { safeStringify } from '@wix/patterns-fields';
 
 export { ArrayView, ArrayEdit };
 
@@ -14,8 +14,19 @@ export const arrayCellType = defineCellType<unknown[]>({
     if (!raw) {
       return [];
     }
-    const parsed = safeParse(raw);
-    return Array.isArray(parsed) ? parsed : [];
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) {
+      throw new Error();
+    }
+    return parsed;
+  },
+  invalidInputMessage: (raw, translate) => {
+    try {
+      JSON.parse(raw);
+    } catch {
+      return translate!('cairo.editableTable.array.validation.invalidSyntax');
+    }
+    return translate!('cairo.editableTable.array.validation.invalidType');
   },
   validate: (value, _rules, translate) => {
     if (value == null) {

package/src/components/EditableTable/cellTypes/boolean/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3385458459";
+var _namespace_ = "Edit2585657898";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3385458459__root","booleanEdit":"Edit3385458459__booleanEdit"};
+export var classes = {"root":"Edit2585657898__root","booleanEdit":"Edit2585657898__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/boolean/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View797836856";
+var _namespace_ = "View3337898101";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View797836856__root","booleanView":"View797836856__booleanView"};
+export var classes = {"root":"View3337898101__root","booleanView":"View3337898101__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/boolean/index.ts

@@ -23,6 +23,12 @@ export const booleanCellType = defineCellType<boolean>({
     }
     throw new Error();
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.boolean.validation.invalid'),
+  validate: (value, _rules, translate) =>
+    value == null || typeof value === 'boolean'
+      ? null
+      : translate!('cairo.editableTable.boolean.validation.invalid'),
   editable: true,
   toggleValue: (value) => !value,
 });

package/src/components/EditableTable/cellTypes/color/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit609728188";
+var _namespace_ = "Edit1540632276";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit609728188__root"};
+export var classes = {"root":"Edit1540632276__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3687966873";
+var _namespace_ = "Edit3653339447";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3687966873__root","dateInput":"Edit3687966873__dateInput"};
+export var classes = {"root":"Edit3653339447__root","dateInput":"Edit3653339447__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View745981880";
+var _namespace_ = "View1526289710";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View745981880__root"};
+export var classes = {"root":"View1526289710__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/date/index.ts

@@ -25,6 +25,8 @@ export const dateCellType = defineCellType<Date | string | null>({
     }
     return date;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.date.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (!value) {
       return null;

package/src/components/EditableTable/cellTypes/datetime/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3539902594";
+var _namespace_ = "Edit3097552316";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3539902594__root","half":"Edit3539902594__half","dateHalf":"Edit3539902594__dateHalf Edit3539902594__half","timeHalf":"Edit3539902594__timeHalf Edit3539902594__half","divider":"Edit3539902594__divider","passiveText":"Edit3539902594__passiveText","placeholderText":"Edit3539902594__placeholderText Edit3539902594__passiveText"};
+export var classes = {"root":"Edit3097552316__root","half":"Edit3097552316__half","dateHalf":"Edit3097552316__dateHalf Edit3097552316__half","timeHalf":"Edit3097552316__timeHalf Edit3097552316__half","divider":"Edit3097552316__divider","passiveText":"Edit3097552316__passiveText","placeholderText":"Edit3097552316__placeholderText Edit3097552316__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/datetime/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3033189113";
+var _namespace_ = "View4161902837";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View3033189113__root","leaf":"View3033189113__leaf","datePart":"View3033189113__datePart View3033189113__leaf","timePart":"View3033189113__timePart View3033189113__leaf","placeholder":"View3033189113__placeholder View3033189113__leaf","divider":"View3033189113__divider"};
+export var classes = {"root":"View4161902837__root","leaf":"View4161902837__leaf","datePart":"View4161902837__datePart View4161902837__leaf","timePart":"View4161902837__timePart View4161902837__leaf","placeholder":"View4161902837__placeholder View4161902837__leaf","divider":"View4161902837__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/datetime/index.ts

@@ -35,6 +35,8 @@ export const dateTimeCellType = defineCellType<Date | null>({
     }
     return date;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.dateTime.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (value == null) {
       return null;

package/src/components/EditableTable/cellTypes/email/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1307167880";
+var _namespace_ = "Edit2757947987";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit1307167880__root","emailInput":"Edit1307167880__emailInput"};
+export var classes = {"root":"Edit2757947987__root","emailInput":"Edit2757947987__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/email/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1838232162";
+var _namespace_ = "View3816612283";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View1838232162__root"};
+export var classes = {"root":"View3816612283__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/multiReference/index.ts

@@ -23,13 +23,11 @@ export const multiReferenceCellType = defineCellType<MultiReferenceValue>({
     if (!raw) {
       return null;
     }
-    try {
-      const parsed = JSON.parse(raw);
-      if (Array.isArray(parsed)) {
-        return parsed;
-      }
-    } catch {}
-    return null;
+    const parsed = JSON.parse(raw);
+    if (!Array.isArray(parsed)) {
+      throw new Error();
+    }
+    return parsed;
   },
   editable: true,
   // Single click opens the chip editor (parity with the UX handoff).

package/src/components/EditableTable/cellTypes/number/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3689162200";
+var _namespace_ = "Edit2611956171";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3689162200__root","numberInput":"Edit3689162200__numberInput"};
+export var classes = {"root":"Edit2611956171__root","numberInput":"Edit2611956171__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View25324732";
+var _namespace_ = "View520455076";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View25324732__root","textView":"View25324732__textView"};
+export var classes = {"root":"View520455076__root","textView":"View520455076__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/number/index.ts

@@ -19,6 +19,8 @@ export const numberCellType = defineCellType<number | null>({
     }
     return parsed;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.number.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (value != null && typeof value !== 'number') {
       return translate!('cairo.editableTable.number.validation.invalid');

package/src/components/EditableTable/cellTypes/object/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View3709872906";
+var _namespace_ = "View53998113";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View3709872906__root"};
+export var classes = {"root":"View53998113__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/object/index.ts

@@ -1,7 +1,7 @@
 import { defineCellType } from '../../types';
 import { ObjectView } from './View';
 import { ObjectEdit } from './Edit';
-import { safeStringify, safeParse } from '@wix/patterns-fields';
+import { safeStringify } from '@wix/patterns-fields';
 
 export { ObjectView, ObjectEdit };
 
@@ -14,12 +14,23 @@ export const objectCellType = defineCellType<Record<string, unknown>>({
     if (!raw) {
       return {};
     }
-    const parsed = safeParse(raw);
-    return typeof parsed === 'object' &&
-      parsed !== null &&
-      !Array.isArray(parsed)
-      ? parsed
-      : {};
+    const parsed = JSON.parse(raw);
+    if (
+      typeof parsed !== 'object' ||
+      parsed === null ||
+      Array.isArray(parsed)
+    ) {
+      throw new Error();
+    }
+    return parsed;
+  },
+  invalidInputMessage: (raw, translate) => {
+    try {
+      JSON.parse(raw);
+    } catch {
+      return translate!('cairo.editableTable.object.validation.invalidSyntax');
+    }
+    return translate!('cairo.editableTable.object.validation.invalidType');
   },
   validate: (value, _rules, translate) => {
     if (value == null) {

package/src/components/EditableTable/cellTypes/reference/EmptyReferenceView.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "EmptyReferenceView3066339619";
+var _namespace_ = "EmptyReferenceView2001486617";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"EmptyReferenceView3066339619__root","placeholder":"EmptyReferenceView3066339619__placeholder","placeholderIcon":"EmptyReferenceView3066339619__placeholderIcon","placeholderText":"EmptyReferenceView3066339619__placeholderText","arrow":"EmptyReferenceView3066339619__arrow"};
+export var classes = {"root":"EmptyReferenceView2001486617__root","placeholder":"EmptyReferenceView2001486617__placeholder","placeholderIcon":"EmptyReferenceView2001486617__placeholderIcon","placeholderText":"EmptyReferenceView2001486617__placeholderText","arrow":"EmptyReferenceView2001486617__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/reference/index.ts

@@ -18,13 +18,11 @@ export const referenceCellType = defineCellType<ReferenceValue>({
     if (!raw) {
       return null;
     }
-    try {
-      const parsed = JSON.parse(raw);
-      if (parsed && typeof parsed === 'object') {
-        return parsed;
-      }
-    } catch {}
-    return null;
+    const parsed = JSON.parse(raw);
+    if (!parsed || typeof parsed !== 'object') {
+      throw new Error();
+    }
+    return parsed;
   },
   editable: true,
   onTypeToEdit: () => ({}),

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2172195729";
+var _namespace_ = "Edit363092264";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2172195729__root","selectInput":"Edit2172195729__selectInput"};
+export var classes = {"root":"Edit363092264__root","selectInput":"Edit363092264__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3688837703";
+var _namespace_ = "Edit370532703";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit3688837703__root","editWrapper":"Edit3688837703__editWrapper","inputArea":"Edit3688837703__inputArea"};
+export var classes = {"root":"Edit370532703__root","editWrapper":"Edit370532703__editWrapper","inputArea":"Edit370532703__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View532610434";
+var _namespace_ = "View3335587135";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View532610434__root"};
+export var classes = {"root":"View3335587135__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit506646544";
+var _namespace_ = "Edit1207556939";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit506646544__root","wrapper":"Edit506646544__wrapper","overlay":"Edit506646544__overlay"};
+export var classes = {"root":"Edit1207556939__root","wrapper":"Edit1207556939__wrapper","overlay":"Edit1207556939__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/time/index.ts

@@ -28,6 +28,8 @@ export const timeCellType = defineCellType<Time | null>({
     }
     return raw;
   },
+  invalidInputMessage: (_raw, translate) =>
+    translate!('cairo.editableTable.time.validation.invalid'),
   validate: (value, _rules, translate) => {
     if (!value) {
       return null;

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2723986264";
+var _namespace_ = "Edit2535137660";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Edit2723986264__root","urlInput":"Edit2723986264__urlInput"};
+export var classes = {"root":"Edit2535137660__root","urlInput":"Edit2535137660__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View375950858";
+var _namespace_ = "View223563120";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"View375950858__root","textView":"View375950858__textView","urlText":"View375950858__urlText","suffix":"View375950858__suffix"};
+export var classes = {"root":"View223563120__root","textView":"View223563120__textView","urlText":"View223563120__urlText","suffix":"View223563120__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/index.ts

@@ -1,3 +1,4 @@
 export * from './EditableTable';
 export { defineCellType } from './types';
+export { CellViewLayout } from './cellTypes/CellViewLayout';
 export type { CellViewProps, CellEditProps, EditableCellConfig } from './types';

package/src/components/EditableTable/types.ts

@@ -30,6 +30,7 @@ export type CellTypeDefinition<V> = EditableCellConfig<V> & {
     rules?: ValidationRule[],
     translate?: Translate,
   ) => string | null;
+  invalidInputMessage?: CellType['invalidInputMessage'];
 };
 
 /** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */