@wix/patterns 1.486.0 → 1.488.0

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1910903497";
+var _namespace_ = "Edit3414477392";
 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":"Edit1910903497__root"};
+export var classes = {"root":"Edit3414477392__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_ = "Edit316969459";
+var _namespace_ = "Edit2216049623";
 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":"Edit316969459__root","dateInput":"Edit316969459__dateInput"};
+export var classes = {"root":"Edit2216049623__root","dateInput":"Edit2216049623__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_ = "View3349874550";
+var _namespace_ = "View2443710305";
 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":"View3349874550__root"};
+export var classes = {"root":"View2443710305__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_ = "Edit1520496786";
+var _namespace_ = "Edit2893614685";
 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":"Edit1520496786__root","half":"Edit1520496786__half","dateHalf":"Edit1520496786__dateHalf Edit1520496786__half","timeHalf":"Edit1520496786__timeHalf Edit1520496786__half","divider":"Edit1520496786__divider","passiveText":"Edit1520496786__passiveText","placeholderText":"Edit1520496786__placeholderText Edit1520496786__passiveText"};
+export var classes = {"root":"Edit2893614685__root","half":"Edit2893614685__half","dateHalf":"Edit2893614685__dateHalf Edit2893614685__half","timeHalf":"Edit2893614685__timeHalf Edit2893614685__half","divider":"Edit2893614685__divider","passiveText":"Edit2893614685__passiveText","placeholderText":"Edit2893614685__placeholderText Edit2893614685__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_ = "View491284730";
+var _namespace_ = "View190186027";
 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":"View491284730__root","leaf":"View491284730__leaf","datePart":"View491284730__datePart View491284730__leaf","timePart":"View491284730__timePart View491284730__leaf","placeholder":"View491284730__placeholder View491284730__leaf","divider":"View491284730__divider"};
+export var classes = {"root":"View190186027__root","leaf":"View190186027__leaf","datePart":"View190186027__datePart View190186027__leaf","timePart":"View190186027__timePart View190186027__leaf","placeholder":"View190186027__placeholder View190186027__leaf","divider":"View190186027__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_ = "Edit1594556913";
+var _namespace_ = "Edit307714642";
 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":"Edit1594556913__root","emailInput":"Edit1594556913__emailInput"};
+export var classes = {"root":"Edit307714642__root","emailInput":"Edit307714642__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_ = "View1815002344";
+var _namespace_ = "View1375319147";
 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":"View1815002344__root"};
+export var classes = {"root":"View1375319147__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/multiReference/View.tsx

@@ -1,17 +1,26 @@
 import React from 'react';
-import { CellMultiReferenceView } from '@wix/patterns-fields';
+import { AddSmall } from '@wix/wix-ui-icons-common/lazy';
+import { CellMultiReferenceView, useTranslations } from '@wix/patterns-fields';
 import type { CellMultiReferenceItem } from '@wix/patterns-fields';
 import type { CellViewProps } from '../../types';
 import { getImageFieldId } from '../reference/getImageFieldId';
+import { EmptyReferenceView } from '../reference/EmptyReferenceView';
 import type { MultiReferenceValue, ReferenceTypeConfig } from './types';
 
 export const MultiReferenceView: React.FC<
   CellViewProps<MultiReferenceValue>
-> = ({ value, typeConfig, columnId, rowKey }) => {
+> = ({ value, typeConfig, columnId, rowKey, isEditable }) => {
+  const { t } = useTranslations();
   const config = typeConfig as ReferenceTypeConfig | undefined;
   const refs = (Array.isArray(value) ? value : []).filter(Boolean);
   if (refs.length === 0 || !config?.refSchema) {
-    return null;
+    return (
+      <EmptyReferenceView
+        isEditable={isEditable}
+        placeholder={t('CMS.cellMultiReference.placeholder')}
+        placeholderIcon={<AddSmall />}
+      />
+    );
   }
 
   const { displayField, idField } = config.refSchema;

package/src/components/EditableTable/cellTypes/multiReference/View.uni.driver.ts

@@ -6,6 +6,7 @@ export function MultiReferenceViewUniDriver(base: UniDriver, _body: UniDriver) {
   const overflow = () => base.$('[data-hook="tag-list-overflow-chip"]');
   return {
     ...baseUniDriverFactory(base),
+    hasArrow: () => base.$('[data-hook="reference-cell-arrow"]').exists(),
     hasTags: async () => (await tags().count()) > 0,
     getTagsCount: () => tags().count(),
     isEmpty: async () =>

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_ = "Edit2483406661";
+var _namespace_ = "Edit1525172478";
 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":"Edit2483406661__root","numberInput":"Edit2483406661__numberInput"};
+export var classes = {"root":"Edit1525172478__root","numberInput":"Edit1525172478__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_ = "View70444436";
+var _namespace_ = "View4037908224";
 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":"View70444436__root","textView":"View70444436__textView"};
+export var classes = {"root":"View4037908224__root","textView":"View4037908224__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_ = "View2510067821";
+var _namespace_ = "View1744625114";
 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":"View2510067821__root"};
+export var classes = {"root":"View1744625114__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

@@ -0,0 +1,51 @@
+@property st-global(--wds-dropdown-icon-fill);
+@property st-global(--wsr-color-B10);
+@property st-global(--wds-color-text-placeholder);
+@property st-global(--wsr-color-D40);
+
+:import {
+  -st-from: '../../EditableCell.st.css';
+  -st-default: EditableCell;
+}
+
+/* .placeholder and .arrow sit inside CellViewLayout, which sets `flex: 1` on
+   every child. */
+
+/* Hidden until the cell is focused. */
+.placeholder {
+  flex: 1 1 0;
+  min-width: 0;
+  display: none;
+  align-items: center;
+  gap: 4px;
+  margin-inline-end: 8px;
+  font-size: 14px;
+  line-height: 18px;
+  color: var(--wds-color-text-placeholder, var(--wsr-color-D40, #868aa5));
+}
+
+.placeholderIcon {
+  display: flex;
+  flex: none;
+}
+
+.placeholderText {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+@st-scope EditableCell:focused {
+  .placeholder {
+    display: flex;
+  }
+}
+
+.arrow {
+  flex: 0 0 auto;
+  margin-inline-start: auto;
+  display: flex;
+  align-items: center;
+  color: var(--wds-dropdown-icon-fill, var(--wsr-color-B10, #116dff));
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+import "../../EditableCell.st.css.js";
+import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "EmptyReferenceView242146108";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"EmptyReferenceView242146108__root","placeholder":"EmptyReferenceView242146108__placeholder","placeholderIcon":"EmptyReferenceView242146108__placeholderIcon","placeholderText":"EmptyReferenceView242146108__placeholderText","arrow":"EmptyReferenceView242146108__arrow"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-dropdown-icon-fill":"--wds-dropdown-icon-fill","wsr-color-B10":"--wsr-color-B10","wds-color-text-placeholder":"--wds-color-text-placeholder","wsr-color-D40":"--wsr-color-D40"}; 
+
+
+
+

package/src/components/EditableTable/cellTypes/reference/EmptyReferenceView.tsx

@@ -0,0 +1,38 @@
+import React from 'react';
+import { DropDownArrow } from '@wix/wix-ui-icons-common/system';
+import { CellViewLayout } from '../CellViewLayout';
+import { classes } from './EmptyReferenceView.st.css.js';
+
+/** Empty reference / multi-reference cell. Editable cells show the dropdown
+ *  arrow so the cell reads as a picker before the user starts editing. */
+export const EmptyReferenceView: React.FC<{
+  isEditable?: boolean;
+  /** Shown while the cell is focused (see the stylesheet). */
+  placeholder?: string;
+  placeholderIcon?: React.ReactNode;
+}> = ({ isEditable, placeholder, placeholderIcon }) => (
+  <CellViewLayout>
+    {isEditable && placeholder && (
+      <span
+        className={classes.placeholder}
+        data-hook="reference-cell-placeholder"
+      >
+        {placeholderIcon && (
+          <span className={classes.placeholderIcon} aria-hidden>
+            {placeholderIcon}
+          </span>
+        )}
+        <span className={classes.placeholderText}>{placeholder}</span>
+      </span>
+    )}
+    {isEditable && (
+      <span
+        className={classes.arrow}
+        data-hook="reference-cell-arrow"
+        aria-hidden
+      >
+        <DropDownArrow />
+      </span>
+    )}
+  </CellViewLayout>
+);

package/src/components/EditableTable/cellTypes/reference/View.tsx

@@ -1,19 +1,26 @@
 import React from 'react';
-import { CellReferenceView } from '@wix/patterns-fields';
+import { CellReferenceView, useTranslations } from '@wix/patterns-fields';
 import type { CellViewProps } from '../../types';
-import { CellViewLayout } from '../CellViewLayout';
 import type { ReferenceTypeConfig } from './types';
 import { getImageFieldId } from './getImageFieldId';
+import { EmptyReferenceView } from './EmptyReferenceView';
 
 type ReferenceValue = Record<string, unknown> | null;
 
 export const ReferenceView: React.FC<CellViewProps<ReferenceValue>> = ({
   value,
   typeConfig,
+  isEditable,
 }) => {
+  const { t } = useTranslations();
   const config = typeConfig as ReferenceTypeConfig | undefined;
   if (!value || !config?.refSchema) {
-    return <CellViewLayout>{null}</CellViewLayout>;
+    return (
+      <EmptyReferenceView
+        isEditable={isEditable}
+        placeholder={t('CMS.cellReference.placeholder')}
+      />
+    );
   }
 
   const { displayField, fields } = config.refSchema;

package/src/components/EditableTable/cellTypes/reference/View.uni.driver.ts

@@ -4,6 +4,7 @@ import { baseUniDriverFactory } from '../../../../unidriver';
 export function ReferenceViewUniDriver(base: UniDriver, _body: UniDriver) {
   return {
     ...baseUniDriverFactory(base),
+    hasArrow: () => base.$('[data-hook="reference-cell-arrow"]').exists(),
     isEmpty: async () =>
       !(await base.$('[data-hook="reference-view"]').exists()),
     getName: () => base.$('[data-hook="reference-view"]').text(),

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_ = "Edit3171397136";
+var _namespace_ = "Edit3947891206";
 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":"Edit3171397136__root","selectInput":"Edit3171397136__selectInput"};
+export var classes = {"root":"Edit3947891206__root","selectInput":"Edit3947891206__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_ = "Edit3599959172";
+var _namespace_ = "Edit2615699824";
 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":"Edit3599959172__root","editWrapper":"Edit3599959172__editWrapper","inputArea":"Edit3599959172__inputArea"};
+export var classes = {"root":"Edit2615699824__root","editWrapper":"Edit2615699824__editWrapper","inputArea":"Edit2615699824__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_ = "View1228023964";
+var _namespace_ = "View435231739";
 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":"View1228023964__root"};
+export var classes = {"root":"View435231739__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_ = "Edit1193083035";
+var _namespace_ = "Edit12869818";
 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":"Edit1193083035__root","wrapper":"Edit1193083035__wrapper","overlay":"Edit1193083035__overlay"};
+export var classes = {"root":"Edit12869818__root","wrapper":"Edit12869818__wrapper","overlay":"Edit12869818__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_ = "Edit748417744";
+var _namespace_ = "Edit4001724464";
 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":"Edit748417744__root","urlInput":"Edit748417744__urlInput"};
+export var classes = {"root":"Edit4001724464__root","urlInput":"Edit4001724464__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_ = "View16610813";
+var _namespace_ = "View3937214018";
 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":"View16610813__root","textView":"View16610813__textView","urlText":"View16610813__urlText","suffix":"View16610813__suffix"};
+export var classes = {"root":"View3937214018__root","textView":"View3937214018__textView","urlText":"View3937214018__urlText","suffix":"View3937214018__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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. */

package/src/components/EmptyState/EmptyStateBase.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EmptyStateBase2904811212";
+var _namespace_ = "EmptyStateBase406986653";
 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":"EmptyStateBase2904811212__root"};
+export var classes = {"root":"EmptyStateBase406986653__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};