npm - @wix/patterns - Versions diffs - 1.460.0 → 1.462.0 - Mend

@wix/patterns 1.460.0 → 1.462.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (668) hide show

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit3823584133";
+var _namespace_ = "Edit816201746";
 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":"Edit3823584133__root","jsonInput":"Edit3823584133__jsonInput"};
+export var classes = {"root":"Edit816201746__root","jsonInput":"Edit816201746__jsonInput"};
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit2611920993";
+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":"Edit2611920993__root","booleanEdit":"Edit2611920993__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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "View304233643";
+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":"View304233643__root","booleanView":"View304233643__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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit891995079";
+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":"Edit891995079__root","dateInput":"Edit891995079__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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit2361053890";
+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":"Edit2361053890__root","half":"Edit2361053890__half","dateHalf":"Edit2361053890__dateHalf Edit2361053890__half","timeHalf":"Edit2361053890__timeHalf Edit2361053890__half","divider":"Edit2361053890__divider","passiveText":"Edit2361053890__passiveText","placeholderText":"Edit2361053890__placeholderText Edit2361053890__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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "View3496488334";
+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":"View3496488334__root","leaf":"View3496488334__leaf","datePart":"View3496488334__datePart View3496488334__leaf","timePart":"View3496488334__timePart View3496488334__leaf","placeholder":"View3496488334__placeholder View3496488334__leaf","divider":"View3496488334__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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit4180564029";
+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":"Edit4180564029__root","emailInput":"Edit4180564029__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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -8,7 +8,10 @@ import { MediaGalleryView } from './View';
 const mediaGalleryEditFactory = () =>
   import(/* webpackChunkName: "EditableTableMediaGalleryEdit" */ './Edit');
-if (typeof process !== 'undefined' && process.env.STORYBOOK_VISUAL_E2E !== 'true') {
+if (
+  typeof process !== 'undefined' &&
+  process.env.STORYBOOK_VISUAL_E2E !== 'true'
+) {
   mediaGalleryEditFactory();
 }
@@ -27,8 +30,8 @@ export const mediaGalleryCellType = defineCellType<WixCodeGalleryItem[] | null>(
     type: 'mediaGallery',
     ViewComponent: MediaGalleryView,
     EditComponent: MediaGalleryEdit,
-    serialize: (value) => (value ?? []).map((item) => item.src).join(', '),
-    clearable: true,
+    serialize: (value) =>
+      (Array.isArray(value) ? value : []).map((item) => item.src).join(', '),
     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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit420742396";
+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":"Edit420742396__root","numberInput":"Edit420742396__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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "View1354555102";
+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":"View1354555102__root","textView":"View1354555102__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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit1339096967";
+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":"Edit1339096967__root","jsonInput":"Edit1339096967__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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

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

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

@@ -34,7 +34,6 @@ export const richTextCellType = defineCellType<string>({
   deserialize: (raw) => (raw ? `<p>${raw}</p>` : ''),
   editable: true,
-  clearable: false,
   onTypeToEdit: () => ({}),
 });

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit3206971985";
+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":"Edit3206971985__root","selectInput":"Edit3206971985__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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit1236013885";
+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":"Edit1236013885__root","editWrapper":"Edit1236013885__editWrapper","inputArea":"Edit1236013885__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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit3312516677";
+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":"Edit3312516677__root","wrapper":"Edit3312516677__wrapper","overlay":"Edit3312516677__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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "Edit907570650";
+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":"Edit907570650__root","urlInput":"Edit907570650__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 CHANGED Viewed

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
-var _namespace_ = "View1602919579";
+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":"View1602919579__root","textView":"View1602919579__textView","urlText":"View1602919579__urlText","suffix":"View1602919579__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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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