@wix/patterns 1.461.0 → 1.463.0

package/src/components/EditableTable/EditableTableContextMenu.tsx

@@ -143,15 +143,22 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
   const hasMultipleRows = selectedRowCount > 1;
   const isMultiCellSelection = !isRowSelectionMode && selectedCount > 1;
 
-  const areSelectedCellsReadOnly =
-    selectedCount > 0 &&
-    selectedCells.every((c) => !state.isColumnEditable(c.rowKey, c.columnId));
-  const isPasteTargetReadOnly =
-    !cellInteraction.focusedCell ||
-    !state.isColumnEditable(
-      cellInteraction.focusedCell.rowKey,
-      cellInteraction.focusedCell.columnId,
-    );
+  const copyAvailability = state.cellValue.getCellActionMenuAvailability(
+    'copy',
+    selectedCells,
+  );
+  const cutAvailability = state.cellValue.getCellActionMenuAvailability(
+    'cut',
+    selectedCells,
+  );
+  const clearAvailability = state.cellValue.getCellActionMenuAvailability(
+    'clear',
+    selectedCells,
+  );
+  const pasteAvailability = state.cellValue.getCellActionMenuAvailability(
+    'paste',
+    cellInteraction.focusedCell ? [cellInteraction.focusedCell] : [],
+  );
 
   const options = [];
 
@@ -257,33 +264,31 @@ function _EditableTableContextMenu<T, F extends FiltersMap>({
       buildMenuAction({
         id: 'copy',
         title: t('cairo.editableTable.contextMenu.copy.CTA'),
-        disabled: selectedCount === 0,
+        disabled: copyAvailability.disabled,
+        disabledDescription: copyAvailability.disabledTooltip,
       }),
       buildMenuAction({
         id: 'cut',
         title: t('cairo.editableTable.contextMenu.cut.CTA'),
-        disabled:
-          selectedCount === 0 ||
-          !!updateItemDisabled ||
-          areSelectedCellsReadOnly,
-        disabledDescription: updateDisabledReason,
+        disabled: !!updateItemDisabled || cutAvailability.disabled,
+        disabledDescription:
+          updateDisabledReason ?? cutAvailability.disabledTooltip,
       }),
       buildMenuAction({
         id: 'paste',
         title: t('cairo.editableTable.contextMenu.paste.CTA'),
-        disabled: !!updateItemDisabled || isPasteTargetReadOnly,
-        disabledDescription: updateDisabledReason,
+        disabled: !!updateItemDisabled || pasteAvailability.disabled,
+        disabledDescription:
+          updateDisabledReason ?? pasteAvailability.disabledTooltip,
       }),
       buildMenuAction({
         id: 'clear',
         title: t('cairo.editableTable.contextMenu.clearCell.CTA', {
           count: selectedCount,
         }),
-        disabled:
-          selectedCount === 0 ||
-          !!updateItemDisabled ||
-          areSelectedCellsReadOnly,
-        disabledDescription: updateDisabledReason,
+        disabled: !!updateItemDisabled || clearAvailability.disabled,
+        disabledDescription:
+          updateDisabledReason ?? clearAvailability.disabledTooltip,
       }),
     );
 

package/src/components/EditableTable/HeaderActionsPopover.st.css.ts

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CellViewLayout2743917314";
+var _namespace_ = "CellViewLayout2040856133";
 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":"CellViewLayout2743917314__root"};
+export var classes = {"root":"CellViewLayout2040856133__root"};
 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_ = "Edit179810824";
+var _namespace_ = "Edit3815345611";
 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":"Edit179810824__root","addressInput":"Edit179810824__addressInput"};
+export var classes = {"root":"Edit3815345611__root","addressInput":"Edit3815345611__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -59,7 +59,6 @@ export const addressCellType = defineCellType<Address | undefined>({
     return translate!('cairo.editableTable.address.validation.invalid');
   },
   editable: true,
-  clearable: true,
   // Type-to-edit clears the cell so the user starts a fresh search query.
   onTypeToEdit: () => ({ value: undefined }),
 });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit69223625";
+var _namespace_ = "Edit1350275600";
 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":"Edit69223625__root","jsonInput":"Edit69223625__jsonInput"};
+export var classes = {"root":"Edit1350275600__root","jsonInput":"Edit1350275600__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -37,5 +37,4 @@ export const arrayCellType = defineCellType<unknown[]>({
       : translate!('cairo.editableTable.array.validation.invalidType');
   },
   editable: true,
-  clearable: true,
 });

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

@@ -9,7 +9,6 @@ export const audioCellType = defineCellType<string | null>({
   ViewComponent: AudioView,
   EditComponent: AudioEdit,
   serialize: (value) => value ?? '',
-  clearable: true,
   showEditWhenFocused: true,
   // Returning undefined blocks all key presses from starting type-to-edit, but
   // the presence of the function sets the :typeToEdit CSS modifier which keeps

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3626190483";
+var _namespace_ = "Edit1062139435";
 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":"Edit3626190483__root","booleanEdit":"Edit3626190483__booleanEdit"};
+export var classes = {"root":"Edit1062139435__root","booleanEdit":"Edit1062139435__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_ = "View1234825910";
+var _namespace_ = "View1923901122";
 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":"View1234825910__root","booleanView":"View1234825910__booleanView"};
+export var classes = {"root":"View1923901122__root","booleanView":"View1923901122__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -24,6 +24,5 @@ export const booleanCellType = defineCellType<boolean>({
     throw new Error();
   },
   editable: true,
-  clearable: 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_ = "Edit251814073";
+var _namespace_ = "Edit1906385244";
 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":"Edit251814073__root"};
+export var classes = {"root":"Edit1906385244__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -37,8 +37,7 @@ export const colorCellType = defineCellType<string | undefined>({
       : translate!('cairo.editableTable.color.validation.invalid');
   },
   editable: true,
-  clearable: true,
-  // Unify empty representations (deserialize('') and clearable both produce
+  // Unify empty representations (deserialize('') and clearing both produce
   // undefined) and accept hex pastes without the leading `#`.
   normalizeOnCommit: (value) =>
     value ? normalizeHex(value) ?? value : undefined,

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit71976597";
+var _namespace_ = "Edit2701309181";
 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":"Edit71976597__root","dateInput":"Edit71976597__dateInput"};
+export var classes = {"root":"Edit2701309181__root","dateInput":"Edit2701309181__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_ = "View2841166641";
+var _namespace_ = "View1974448352";
 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":"View2841166641__root"};
+export var classes = {"root":"View1974448352__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -36,6 +36,5 @@ export const dateCellType = defineCellType<Date | string | null>({
     return null;
   },
   editable: true,
-  clearable: true,
   onTypeToEdit: () => ({}),
 });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2502569259";
+var _namespace_ = "Edit3360930838";
 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":"Edit2502569259__root","half":"Edit2502569259__half","dateHalf":"Edit2502569259__dateHalf Edit2502569259__half","timeHalf":"Edit2502569259__timeHalf Edit2502569259__half","divider":"Edit2502569259__divider","passiveText":"Edit2502569259__passiveText","placeholderText":"Edit2502569259__placeholderText Edit2502569259__passiveText"};
+export var classes = {"root":"Edit3360930838__root","half":"Edit3360930838__half","dateHalf":"Edit3360930838__dateHalf Edit3360930838__half","timeHalf":"Edit3360930838__timeHalf Edit3360930838__half","divider":"Edit3360930838__divider","passiveText":"Edit3360930838__passiveText","placeholderText":"Edit3360930838__placeholderText Edit3360930838__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_ = "View2592559188";
+var _namespace_ = "View3091857899";
 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":"View2592559188__root","leaf":"View2592559188__leaf","datePart":"View2592559188__datePart View2592559188__leaf","timePart":"View2592559188__timePart View2592559188__leaf","placeholder":"View2592559188__placeholder View2592559188__leaf","divider":"View2592559188__divider"};
+export var classes = {"root":"View3091857899__root","leaf":"View3091857899__leaf","datePart":"View3091857899__datePart View3091857899__leaf","timePart":"View3091857899__timePart View3091857899__leaf","placeholder":"View3091857899__placeholder View3091857899__leaf","divider":"View3091857899__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -44,7 +44,6 @@ export const dateTimeCellType = defineCellType<Date | null>({
       : translate!('cairo.editableTable.dateTime.validation.invalid');
   },
   editable: true,
-  clearable: true,
   // Forward typed character into the date half (entry default is 'date').
   // The Edit component opens the calendar and forwards the key.
   onTypeToEdit: () => ({}),

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

@@ -9,7 +9,6 @@ export const documentCellType = defineCellType<string | null>({
   ViewComponent: DocumentView,
   EditComponent: DocumentEdit,
   serialize: (value) => value ?? '',
-  clearable: true,
   showEditWhenFocused: true,
   // Returning undefined blocks all key presses from starting type-to-edit, but
   // the presence of the function sets the :typeToEdit CSS modifier which keeps

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit688342946";
+var _namespace_ = "Edit3833930478";
 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":"Edit688342946__root","emailInput":"Edit688342946__emailInput"};
+export var classes = {"root":"Edit3833930478__root","emailInput":"Edit3833930478__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_ = "View2802745836";
+var _namespace_ = "View2236963655";
 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":"View2802745836__root"};
+export var classes = {"root":"View2236963655__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -18,6 +18,5 @@ export const emailCellType = defineCellType<string>({
     return null;
   },
   editable: true,
-  clearable: true,
   onTypeToEdit: ({ key }) => ({ value: key }),
 });

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

@@ -9,7 +9,6 @@ export const imageCellType = defineCellType<string | null>({
   ViewComponent: ImageView,
   EditComponent: ImageEdit,
   serialize: (value) => value ?? '',
-  clearable: true,
   showEditWhenFocused: true,
   // Returning undefined blocks all key presses from starting type-to-edit, but
   // the presence of the function sets the :typeToEdit CSS modifier which keeps

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

@@ -32,7 +32,6 @@ export const mediaGalleryCellType = defineCellType<WixCodeGalleryItem[] | null>(
     EditComponent: MediaGalleryEdit,
     serialize: (value) =>
       (Array.isArray(value) ? value : []).map((item) => item.src).join(', '),
-    clearable: true,
     showEditWhenFocused: true,
     // Returning undefined blocks all key presses from starting type-to-edit, but
     // the presence of the function sets the :typeToEdit CSS modifier which keeps

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

@@ -9,7 +9,6 @@ export const multiDocumentCellType = defineCellType<string[] | null>({
   ViewComponent: MultiDocumentView,
   EditComponent: MultiDocumentEdit,
   serialize: (value) => (value ?? []).join(', '),
-  clearable: true,
   showEditWhenFocused: true,
   growable: true,
   // Returning undefined blocks all key presses from starting type-to-edit, but

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

@@ -32,7 +32,6 @@ export const multiReferenceCellType = defineCellType<MultiReferenceValue>({
     return null;
   },
   editable: true,
-  clearable: true,
   // Single click opens the chip editor (parity with the UX handoff).
   editOnClick: () => true,
   // Enter edit on a printable key without clearing the existing chips — the

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1473858831";
+var _namespace_ = "Edit3717359803";
 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":"Edit1473858831__root","numberInput":"Edit1473858831__numberInput"};
+export var classes = {"root":"Edit3717359803__root","numberInput":"Edit3717359803__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_ = "View1557573447";
+var _namespace_ = "View3151195271";
 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":"View1557573447__root","textView":"View1557573447__textView"};
+export var classes = {"root":"View3151195271__root","textView":"View3151195271__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -26,7 +26,6 @@ export const numberCellType = defineCellType<number | null>({
     return null;
   },
   editable: true,
-  clearable: true,
   onTypeToEdit: ({ key }) =>
     /^\d$/.test(key) ? { value: Number(key) } : undefined,
 });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit591042281";
+var _namespace_ = "Edit3494209090";
 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":"Edit591042281__root","jsonInput":"Edit591042281__jsonInput"};
+export var classes = {"root":"Edit3494209090__root","jsonInput":"Edit3494209090__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1942374786";
+var _namespace_ = "View3395689545";
 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":"View1942374786__root"};
+export var classes = {"root":"View3395689545__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -49,5 +49,4 @@ export const objectCellType = defineCellType<Record<string, unknown>>({
     return null;
   },
   editable: true,
-  clearable: true,
 });

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

@@ -27,6 +27,5 @@ export const referenceCellType = defineCellType<ReferenceValue>({
     return null;
   },
   editable: true,
-  clearable: true,
   onTypeToEdit: () => ({}),
 });

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

@@ -49,7 +49,6 @@ export const richContentCellType = defineCellType<unknown>({
   deserialize: (raw) => (raw ? fromPlainText(raw) : null),
 
   editable: true,
-  clearable: true,
 
   onTypeToEdit: () => ({}),
 });

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

@@ -34,7 +34,6 @@ export const richTextCellType = defineCellType<string>({
   deserialize: (raw) => (raw ? `<p>${raw}</p>` : ''),
 
   editable: true,
-  clearable: 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_ = "Edit2583059106";
+var _namespace_ = "Edit4162467582";
 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":"Edit2583059106__root","selectInput":"Edit2583059106__selectInput"};
+export var classes = {"root":"Edit4162467582__root","selectInput":"Edit4162467582__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_ = "Edit1994557381";
+var _namespace_ = "Edit1953199037";
 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":"Edit1994557381__root","editWrapper":"Edit1994557381__editWrapper","inputArea":"Edit1994557381__inputArea"};
+export var classes = {"root":"Edit1953199037__root","editWrapper":"Edit1953199037__editWrapper","inputArea":"Edit1953199037__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_ = "View3579894505";
+var _namespace_ = "View817271100";
 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":"View3579894505__root"};
+export var classes = {"root":"View817271100__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -11,9 +11,10 @@ export const textCellType = defineCellType<string>({
   serialize: (value) => value ?? '',
   deserialize: (raw) => raw,
   editable: true,
-  clearable: true,
   onTypeToEdit: ({ key, validation }) => {
-    const hasSpecificValues = validation?.some((r) => r.type === 'specificValues');
+    const hasSpecificValues = validation?.some(
+      (r) => r.type === 'specificValues',
+    );
     // For specific-values cells, keep editingValue as the last committed option id.
     // The typed key is forwarded via editTrigger.key so TextEditSpecificValues can
     // use it as initialSearchText without risk of committing a raw search string.