@wix/patterns 1.461.0 → 1.462.0

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_ = "Edit994452219";
 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":"Edit994452219__root","booleanEdit":"Edit994452219__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_ = "View2106200449";
 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":"View2106200449__root","booleanView":"View2106200449__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_ = "Edit1252358591";
 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":"Edit1252358591__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_ = "Edit3606366046";
 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":"Edit3606366046__root","dateInput":"Edit3606366046__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_ = "View1232643668";
 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":"View1232643668__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_ = "Edit1438927137";
 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":"Edit1438927137__root","half":"Edit1438927137__half","dateHalf":"Edit1438927137__dateHalf Edit1438927137__half","timeHalf":"Edit1438927137__timeHalf Edit1438927137__half","divider":"Edit1438927137__divider","passiveText":"Edit1438927137__passiveText","placeholderText":"Edit1438927137__placeholderText Edit1438927137__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_ = "View2332818077";
 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":"View2332818077__root","leaf":"View2332818077__leaf","datePart":"View2332818077__datePart View2332818077__leaf","timePart":"View2332818077__timePart View2332818077__leaf","placeholder":"View2332818077__placeholder View2332818077__leaf","divider":"View2332818077__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_ = "Edit1245914332";
 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":"Edit1245914332__root","emailInput":"Edit1245914332__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_ = "View1328608272";
 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":"View1328608272__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_ = "Edit215111258";
 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":"Edit215111258__root","numberInput":"Edit215111258__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_ = "View2537877611";
 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":"View2537877611__root","textView":"View2537877611__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_ = "Edit1729479327";
 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":"Edit1729479327__root","jsonInput":"Edit1729479327__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_ = "View32248664";
 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":"View32248664__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_ = "Edit654479110";
 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":"Edit654479110__root","selectInput":"Edit654479110__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_ = "Edit2758759133";
 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":"Edit2758759133__root","editWrapper":"Edit2758759133__editWrapper","inputArea":"Edit2758759133__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_ = "View4224296623";
 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":"View4224296623__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.

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3976434641";
+var _namespace_ = "Edit2124514227";
 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":"Edit3976434641__root","wrapper":"Edit3976434641__wrapper","overlay":"Edit3976434641__overlay"};
+export var classes = {"root":"Edit2124514227__root","wrapper":"Edit2124514227__wrapper","overlay":"Edit2124514227__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -37,7 +37,6 @@ export const timeCellType = defineCellType<Time | null>({
       : translate!('cairo.editableTable.time.validation.invalid');
   },
   editable: true,
-  clearable: true,
   // Clear the committed value when entering edit mode via typing. With
   // `nativeTypeToEdit`, cairo focuses the WDS input synchronously inside the
   // keydown handler and lets the browser deliver the typed character to the

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit4029121885";
+var _namespace_ = "Edit2470623586";
 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":"Edit4029121885__root","urlInput":"Edit4029121885__urlInput"};
+export var classes = {"root":"Edit2470623586__root","urlInput":"Edit2470623586__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_ = "View385205916";
+var _namespace_ = "View3609963095";
 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":"View385205916__root","textView":"View385205916__textView","urlText":"View385205916__urlText","suffix":"View385205916__suffix"};
+export var classes = {"root":"View3609963095__root","textView":"View3609963095__textView","urlText":"View3609963095__urlText","suffix":"View3609963095__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -35,7 +35,6 @@ export const urlCellType = defineCellType<string>({
     return null;
   },
   editable: true,
-  clearable: true,
   // Replace the current value with the typed key (same behaviour as text/email).
   onTypeToEdit: ({ key }) => ({ value: key }),
   normalizeOnCommit: normalizeUrlOnCommit,

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

@@ -9,7 +9,6 @@ export const videoCellType = defineCellType<string | null>({
   ViewComponent: VideoView,
   EditComponent: VideoEdit,
   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/types.ts

@@ -10,6 +10,9 @@ export type {
   CellEditProps,
   CellEditWrapperProps,
   EditableCellConfig,
+  EditableCellContextMenuAction,
+  EditableCellContextMenuActionConfig,
+  EditableCellContextMenuActionContext,
   Focusable,
   EditTrigger,
 } from '@wix/bex-core';

package/src/components/EditableTable/useClipboardHandler.ts

@@ -16,12 +16,21 @@ export function useClipboardHandler<T, F extends FiltersMap>(
       if (cellInteraction.isEditing) {
         return;
       }
+      if (
+        state.cellValue.getActionableCells(
+          'copy',
+          cellInteraction.selectedCellsList,
+        ).length === 0
+      ) {
+        e.preventDefault();
+        return;
+      }
 
       e.preventDefault();
       const tsv = clipboard.copy();
       e.clipboardData?.setData('text/plain', tsv);
     },
-    [cellInteraction, clipboard],
+    [cellInteraction, clipboard, state],
   );
 
   const handleCut = useCallback(
@@ -35,6 +44,15 @@ export function useClipboardHandler<T, F extends FiltersMap>(
       if (state.updateItemDisabled) {
         return;
       }
+      if (
+        state.cellValue.getActionableCells(
+          'cut',
+          cellInteraction.selectedCellsList,
+        ).length === 0
+      ) {
+        e.preventDefault();
+        return;
+      }
 
       e.preventDefault();
       const tsv = clipboard.cut();
@@ -54,6 +72,15 @@ export function useClipboardHandler<T, F extends FiltersMap>(
       if (state.updateItemDisabled) {
         return;
       }
+      if (
+        state.cellValue.getCellActionDisabledTooltip(
+          'paste',
+          cellInteraction.focusedCell,
+        )
+      ) {
+        e.preventDefault();
+        return;
+      }
 
       e.preventDefault();
       const rawData = e.clipboardData?.getData('text/plain') ?? '';

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

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