@wix/patterns 1.375.0 → 1.378.0

package/dist/esm/components/EditableTable/cellTypes/date/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View1773446176";
+var _namespace_ = "View2726814367";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View1773446176__root" };
+export var classes = { "root": "View2726814367__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit987738361";
+var _namespace_ = "Edit3289551781";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit987738361__root", "emailInput": "Edit987738361__emailInput" };
+export var classes = { "root": "Edit3289551781__root", "emailInput": "Edit3289551781__emailInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/email/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,YAAY,EAAC,2BAA2B,EAAC,CAAC;AAC7F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,YAAY,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/email/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View3460217702";
+var _namespace_ = "View1484009695";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View3460217702__root" };
+export var classes = { "root": "View1484009695__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/index.js

@@ -2,18 +2,16 @@ import { textCellType } from './text';
 import { numberCellType } from './number';
 import { booleanCellType } from './boolean';
 import { dateCellType } from './date';
-import { selectCellType } from './select';
 import { urlCellType } from './url';
 import { emailCellType } from './email';
 import { objectCellType } from './object';
-export { textCellType, numberCellType, booleanCellType, dateCellType, selectCellType, urlCellType, emailCellType, objectCellType, };
+export { textCellType, numberCellType, booleanCellType, dateCellType, urlCellType, emailCellType, objectCellType, };
 /** All built-in cell types */
 export const builtInCellTypes = [
     textCellType,
     numberCellType,
     booleanCellType,
     dateCellType,
-    selectCellType,
     urlCellType,
     emailCellType,
     objectCellType,

package/dist/esm/components/EditableTable/cellTypes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,cAAc,EACd,WAAW,EACX,aAAa,EACb,cAAc,GACf,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,cAAc;IACd,WAAW;IACX,aAAa;IACb,cAAc;CACf,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE1C,OAAO,EACL,YAAY,EACZ,cAAc,EACd,eAAe,EACf,YAAY,EACZ,WAAW,EACX,aAAa,EACb,cAAc,GACf,CAAC;AAEF,8BAA8B;AAC9B,MAAM,CAAC,MAAM,gBAAgB,GAAe;IAC1C,YAAY;IACZ,cAAc;IACd,eAAe;IACf,YAAY;IACZ,WAAW;IACX,aAAa;IACb,cAAc;CACf,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/number/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2842916532";
+var _namespace_ = "Edit1540636546";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit2842916532__root", "numberInput": "Edit2842916532__numberInput" };
+export var classes = { "root": "Edit1540636546__root", "numberInput": "Edit1540636546__numberInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View993001290";
+var _namespace_ = "View1894319470";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View993001290__root", "textView": "View993001290__textView" };
+export var classes = { "root": "View1894319470__root", "textView": "View1894319470__textView" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/number/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,UAAU,EAAC,yBAAyB,EAAC,CAAC;AACzF,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,UAAU,EAAC,0BAA0B,EAAC,CAAC;AAC3F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/object/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit3788203626";
+var _namespace_ = "Edit3961799499";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit3788203626__root", "jsonInput": "Edit3788203626__jsonInput" };
+export var classes = { "root": "Edit3961799499__root", "jsonInput": "Edit3961799499__jsonInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/object/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View2359595308";
+var _namespace_ = "View3292276169";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View2359595308__root" };
+export var classes = { "root": "View3292276169__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1952036742";
+var _namespace_ = "Edit245233832";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit1952036742__root", "selectInput": "Edit1952036742__selectInput" };
+export var classes = { "root": "Edit245233832__root", "selectInput": "Edit245233832__selectInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/select/Edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,aAAa,EAAC,6BAA6B,EAAC,CAAC;AACjG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/select/Edit.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,aAAa,EAAC,4BAA4B,EAAC,CAAC;AAC/F,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/text/Edit.js

@@ -1,25 +1,17 @@
-import React, { useCallback, useRef, useState, useEffect } from 'react';
-import { InputArea } from '@wix/design-system';
+import React, { useCallback, useRef, useState } from 'react';
+import { CellTextInput, CellAutoCompleteInput, } from '@wix/patterns-fields';
+import { useCloseOnAncestorScroll } from '../../useCloseOnAncestorScroll';
 import { st, classes } from './Edit.st.css.js';
-const toSingleLine = (value) => value ? value.replace(/\n+/g, ' ') : '';
-const PADDING = 18;
-const MIN_HEIGHT = 36;
-const getMaxHeight = (element) => {
-    if (!element) {
-        return undefined;
-    }
-    const rect = element.getBoundingClientRect();
-    return Math.max(window.innerHeight - rect.top - PADDING, MIN_HEIGHT);
-};
-export const TextEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
-    const wrapperRef = useRef(null);
-    const inputAreaRef = useRef(null);
+function getMaxLength(validation) {
+    return (validation?.find((r) => r.type === 'maxLength'))?.value;
+}
+function getSpecificValues(validation) {
+    return (validation?.find((r) => r.type === 'specificValues'))?.values;
+}
+// Plain text mode
+const TextEditPlain = ({ value, onChange, onCommit, onCancel, inputRef, validation, }) => {
+    const maxLength = getMaxLength(validation);
     const [isFocused, setIsFocused] = useState(false);
-    useEffect(() => {
-        if (isFocused) {
-            inputAreaRef.current?.calculateComputedRows();
-        }
-    }, [isFocused]);
     const handleKeyDown = useCallback((e) => {
         if (e.key === 'Enter' && !e.shiftKey) {
             e.preventDefault();
@@ -30,19 +22,56 @@ export const TextEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) =>
             onCancel();
         }
     }, [onCommit, onCancel]);
-    const handleFocus = useCallback(() => {
-        setIsFocused(true);
-    }, []);
+    const handleFocus = useCallback(() => setIsFocused(true), []);
     const handleBlur = useCallback(() => {
         setIsFocused(false);
         onCommit();
     }, [onCommit]);
-    return (React.createElement("div", { ref: wrapperRef, className: classes.editWrapper },
-        React.createElement(InputArea, { ref: (instance) => {
-                inputAreaRef.current = instance;
-                if (inputRef) {
-                    inputRef.current = instance;
-                }
-            }, size: "small", value: !isFocused ? toSingleLine(value) : value ?? '', onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, autoSelect: false, autoGrow: true, minRowsAutoGrow: 1, maxHeight: getMaxHeight(wrapperRef.current) + 'px', className: st(classes.inputArea, { isFocused }) })));
+    return (React.createElement("div", { className: classes.editWrapper },
+        React.createElement(CellTextInput, { inputRef: inputRef, value: value ?? '', onChange: onChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleKeyDown, maxLength: maxLength, className: st(classes.inputArea, { isFocused }) })));
+};
+// Specific values mode — autocomplete with a closed list of options
+const TextEditSpecificValues = ({ value, onChange, onCommit, onCancel, inputRef, editTrigger, options }) => {
+    const acHandle = useRef(null);
+    const wrapperRef = useRef(null);
+    const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);
+    useCloseOnAncestorScroll(wrapperRef, closeDropdown, !!editTrigger);
+    // Set in capture phase on ArrowUp/Down so onOptionMarked only updates
+    // editingValue for explicit arrow navigation — not for auto-highlight on open.
+    const isArrowNavRef = useRef(false);
+    const handleSelect = useCallback((id) => {
+        onChange(id);
+        onCommit();
+    }, [onChange, onCommit]);
+    const handleClear = useCallback(() => onChange(''), [onChange]);
+    const handleOptionMarked = useCallback((id) => {
+        if (id && isArrowNavRef.current) {
+            onChange(id);
+            isArrowNavRef.current = false;
+        }
+    }, [onChange]);
+    // Capture phase: set arrow-nav flag before AutoComplete fires onOptionMarked,
+    // and cancel on Escape before the dropdown processes it.
+    const handleKeyDownCapture = useCallback((e) => {
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            onCancel();
+        }
+        else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+            isArrowNavRef.current = true;
+        }
+    }, [onCancel]);
+    return (React.createElement("div", { ref: wrapperRef, className: classes.editWrapper, onKeyDownCapture: handleKeyDownCapture },
+        React.createElement(CellAutoCompleteInput, { ref: acHandle, value: value || undefined, options: options, initialSearchText: editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type'
+                ? editTrigger.key
+                : undefined, autoOpen: !!editTrigger, onSelect: handleSelect, onClear: handleClear, onOptionMarked: handleOptionMarked, inputRef: inputRef, className: classes.inputArea })));
+};
+export const TextEdit = (props) => {
+    const specificValues = getSpecificValues(props.validation);
+    if (specificValues) {
+        return React.createElement(TextEditSpecificValues, { ...props, options: specificValues });
+    }
+    return React.createElement(TextEditPlain, { ...props });
 };
 //# sourceMappingURL=Edit.js.map

package/dist/esm/components/EditableTable/cellTypes/text/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/Edit.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/Edit.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css

@@ -8,6 +8,14 @@
   width: 100%;
 }
 
+/* Specific-values (autocomplete) mode */
+.inputArea input {
+  padding: 9px 12px 8px !important;
+  outline: none !important;
+  border: none !important;
+  box-sizing: border-box !important;
+}
+
 /* Strip WDS chrome from wrapper div */
 .inputArea > div {
   border: none !important;
@@ -21,6 +29,7 @@
   padding: 9px 12px 8px !important;
   outline: none !important;
   border: none !important;
+  box-sizing: border-box !important;
 }
 
 .inputArea:not(:isFocused) textarea {

package/dist/esm/components/EditableTable/cellTypes/text/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit2174982117";
+var _namespace_ = "Edit4234533147";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit2174982117__root", "editWrapper": "Edit2174982117__editWrapper", "inputArea": "Edit2174982117__inputArea" };
+export var classes = { "root": "Edit4234533147__root", "editWrapper": "Edit4234533147__editWrapper", "inputArea": "Edit4234533147__inputArea" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/text/SpecificValuesEdit.uni.driver.js

@@ -0,0 +1,18 @@
+import { AutoCompleteUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { baseUniDriverFactory } from '../../../../unidriver';
+export function SpecificValuesEditUniDriver(base, body) {
+    const ac = AutoCompleteUniDriver(base, body);
+    return {
+        ...baseUniDriverFactory(base),
+        keyDown: (key, opts) => ac.inputDriver.keyDown({ key, ...opts }),
+        blur: () => ac.inputDriver.blur(),
+        clickInput: () => ac.inputDriver.click(),
+        getValue: () => ac.inputDriver.getValue(),
+        selectOption: async (id) => {
+            await ac.driver.selectOptionById(id);
+        },
+        typeInInput: (text) => ac.inputDriver.enterText(text),
+        getOptionsContent: () => ac.dropdownLayoutDriver.optionsContent(),
+    };
+}
+//# sourceMappingURL=SpecificValuesEdit.uni.driver.js.map

package/dist/esm/components/EditableTable/cellTypes/text/SpecificValuesEdit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SpecificValuesEdit.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/SpecificValuesEdit.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AAGlF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,2BAA2B,CAAC,IAAe,EAAE,IAAe;IAC1E,MAAM,EAAE,GACN,qBACD,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;IAEd,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,OAAO,EAAE,CACP,GAAW,EACX,IAAmE,EACnE,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;QAC7C,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE;QACjC,UAAU,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE;QACxC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,EAAE;QACzC,YAAY,EAAE,KAAK,EAAE,EAAU,EAAE,EAAE;YACjC,MAAM,EAAE,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;QACvC,CAAC;QACD,WAAW,EAAE,CAAC,IAAY,EAAE,EAAE,CAAC,EAAE,CAAC,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7D,iBAAiB,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,oBAAoB,CAAC,cAAc,EAAE;KAClE,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/text/View.js

@@ -1,6 +1,13 @@
 import React from 'react';
-import { Text } from '@wix/design-system';
+import { TextView as FieldsTextView } from '@wix/patterns-fields';
 import { CellViewLayout } from '../CellViewLayout';
-export const TextView = ({ value }) => (React.createElement(CellViewLayout, null,
-    React.createElement(Text, { size: "small", ellipsis: true }, value ?? '')));
+function resolveDisplayValue(value, validation) {
+    const rule = validation?.find((r) => r.type === 'specificValues');
+    if (rule) {
+        return rule.values.find((v) => v.id === value)?.value ?? value ?? '';
+    }
+    return value ?? '';
+}
+export const TextView = ({ value, validation }) => (React.createElement(CellViewLayout, null,
+    React.createElement(FieldsTextView, { data: resolveDisplayValue(value, validation) })));
 //# sourceMappingURL=View.js.map

package/dist/esm/components/EditableTable/cellTypes/text/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,MAAM,CAAC,MAAM,QAAQ,GAAoC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACtE,oBAAC,cAAc;IACb,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,UACxB,KAAK,IAAI,EAAE,CACP,CACQ,CAClB,CAAC"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGlE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,SAAS,mBAAmB,CAAC,KAAyB,EAAE,UAA6B;IACnF,MAAM,IAAI,GAAG,UAAU,EAAE,IAAI,CAC3B,CAAC,CAAC,EAA6F,EAAE,CAC/F,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAC9B,CAAC;IACF,IAAI,IAAI,EAAE;QACR,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,EAAE,KAAK,IAAI,KAAK,IAAI,EAAE,CAAC;KACtE;IACD,OAAO,KAAK,IAAI,EAAE,CAAC;AACrB,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAoC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAClF,oBAAC,cAAc;IACb,oBAAC,cAAc,IAAC,IAAI,EAAE,mBAAmB,CAAC,KAAK,EAAE,UAAU,CAAC,GAAI,CACjD,CAClB,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View709551828";
+var _namespace_ = "View3084968754";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View709551828__root" };
+export var classes = { "root": "View3084968754__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/text/View.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAIpF,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/text/index.js

@@ -10,6 +10,12 @@ export const textCellType = defineCellType({
     deserialize: (raw) => raw,
     editable: true,
     clearable: true,
-    onTypeToEdit: ({ key }) => ({ value: key }),
+    onTypeToEdit: ({ key, validation }) => {
+        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.
+        return hasSpecificValues ? {} : { value: key };
+    },
 });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAS;IACjD,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;CAC5C,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC;AAE9B,MAAM,CAAC,MAAM,YAAY,GAAG,cAAc,CAAS;IACjD,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;IACvB,aAAa,EAAE,QAAQ;IACvB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,EAAE,EAAE;QACpC,MAAM,iBAAiB,GAAG,UAAU,EAAE,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,gBAAgB,CAAC,CAAC;QAC/E,gFAAgF;QAChF,+EAA+E;QAC/E,8EAA8E;QAC9E,OAAO,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IACjD,CAAC;CACF,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/Edit.js

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
-import { Input } from '@wix/design-system';
+import { CellUrlInput } from '@wix/patterns-fields';
 import { classes } from './Edit.st.css.js';
-export const UrlEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
+export const UrlEdit = ({ value, onChange, onCommit, onCancel, inputRef, editTrigger, }) => {
     const handleKeyDown = useCallback((e) => {
         if (e.key === 'Enter') {
             e.preventDefault();
@@ -21,10 +21,6 @@ export const UrlEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
             display: 'flex',
             alignItems: 'center',
         } },
-        React.createElement(Input, { ref: (instance => {
-                if (inputRef) {
-                    inputRef.current = instance;
-                }
-            }), size: "small", border: "none", value: value ?? '', onChange: (e) => onChange(e.target.value), onKeyDown: handleKeyDown, onBlur: handleBlur, type: "url", autoSelect: false, className: classes.urlInput })));
+        React.createElement(CellUrlInput, { inputRef: inputRef, value: value ?? '', onChange: onChange, onKeyDown: handleKeyDown, onBlur: handleBlur, autoSelect: !(typeof editTrigger === 'object' && editTrigger?.kind === 'type'), className: classes.urlInput })));
 };
 //# sourceMappingURL=Edit.js.map

package/dist/esm/components/EditableTable/cellTypes/url/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EACvD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;QAED,oBAAC,KAAK,IACJ,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE;gBACf,IAAI,QAAQ,EAAE;oBACZ,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC;iBAC7B;YACH,CAAC,CAAC,EACF,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,MAAM,EACb,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAC,KAAK,EACV,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,OAAO,CAAC,QAAQ,GAC3B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGpD,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EACvD,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAsB,EAAE,EAAE;QACzB,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;aAAM,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC7B,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,QAAQ,EAAE,CAAC;SACZ;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,QAAQ,CAAC,CACrB,CAAC;IAEF,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,QAAQ,EAAE,CAAC;IACb,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,CACL,6BACE,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;SACrB;QAED,oBAAC,YAAY,IACX,QAAQ,EAAE,QAA6E,EACvF,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,UAAU,EAClB,UAAU,EAAE,CAAC,CAAC,OAAO,WAAW,KAAK,QAAQ,IAAI,WAAW,EAAE,IAAI,KAAK,MAAM,CAAC,EAC9E,SAAS,EAAE,OAAO,CAAC,QAAQ,GAC3B,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/Edit.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "Edit1985072426";
+var _namespace_ = "Edit2992387440";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Edit1985072426__root", "urlInput": "Edit1985072426__urlInput" };
+export var classes = { "root": "Edit2992387440__root", "urlInput": "Edit2992387440__urlInput" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/url/View.js

@@ -1,7 +1,4 @@
 import React from 'react';
-import { Text, TextButton } from '@wix/design-system';
-import { st, classes } from './View.st.css.js';
-export const UrlView = ({ value }) => (React.createElement("div", { className: st(classes.textView, { suffixOnHover: true }) },
-    React.createElement(Text, { size: "small", ellipsis: true, className: classes.urlText }, value ?? ''),
-    value && (React.createElement(TextButton, { dataHook: "open-link-button", size: "small", underline: "always", as: "a", href: value, target: "_blank", rel: "noopener noreferrer", onClick: (e) => e.stopPropagation(), onMouseDown: (e) => e.preventDefault(), className: classes.suffix }, "Open link"))));
+import { UrlView as FieldsUrlView } from '@wix/patterns-fields';
+export const UrlView = ({ value }) => (React.createElement(FieldsUrlView, { value: value }));
 //# sourceMappingURL=View.js.map

package/dist/esm/components/EditableTable/cellTypes/url/View.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAEtD,OAAO,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrE,6BAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;IAC3D,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,QAAC,SAAS,EAAE,OAAO,CAAC,OAAO,IACnD,KAAK,IAAI,EAAE,CACP;IACN,KAAK,IAAI,CACR,oBAAC,UAAU,IACT,QAAQ,EAAC,kBAAkB,EAC3B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,QAAQ,EAClB,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,KAAK,EACX,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,EACzB,OAAO,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,EACrD,WAAW,EAAE,CAAC,CAAmB,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE,EACxD,SAAS,EAAE,OAAO,CAAC,MAAM,gBAGd,CACd,CACG,CACP,CAAC"}
+{"version":3,"file":"View.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGhE,MAAM,CAAC,MAAM,OAAO,GAAoC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrE,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAChC,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/View.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.js";
-var _namespace_ = "View1156487360";
+var _namespace_ = "View3921770292";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "View1156487360__root", "textView": "View1156487360__textView", "urlText": "View1156487360__urlText", "suffix": "View1156487360__suffix" };
+export var classes = { "root": "View3921770292__root", "textView": "View3921770292__textView", "urlText": "View3921770292__urlText", "suffix": "View3921770292__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EditableTable/cellTypes/url/View.uni.driver.js

@@ -1,12 +1,14 @@
-import { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
+import { IconButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';
 import { baseUniDriverFactory } from '../../../../unidriver';
 export function UrlViewUniDriver(base, body) {
-    const linkButton = TextButtonUniDriver(base.$('[data-hook="open-link-button"]'), body);
+    const linkButton = IconButtonUniDriver(base.$('[data-hook="open-link-button"]'), body);
     return {
         ...baseUniDriverFactory(base),
         getValue: () => base.text(),
         hasOpenLinkButton: () => linkButton.exists(),
-        getLinkHref: () => linkButton.getHref(),
+        getLinkHref: () => base
+            .$('[data-hook="open-link-button"]')
+            .attr('href'),
         clickOpenLink: () => linkButton.click(),
     };
 }

package/dist/esm/components/EditableTable/cellTypes/url/View.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,IAAe;IAC/D,MAAM,UAAU,GAAG,mBAAmB,CACpC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,EACxC,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAC3B,iBAAiB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE;QAC5C,WAAW,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE;QACvC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE;KACxC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"View.uni.driver.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2CAA2C,CAAC;AAChF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,MAAM,UAAU,gBAAgB,CAAC,IAAe,EAAE,IAAe;IAC/D,MAAM,UAAU,GAAG,mBAAmB,CACpC,IAAI,CAAC,CAAC,CAAC,gCAAgC,CAAC,EACxC,IAAI,CACL,CAAC;IAEF,OAAO;QACL,GAAG,oBAAoB,CAAC,IAAI,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE;QAC3B,iBAAiB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,EAAE;QAC5C,WAAW,EAAE,GAAG,EAAE,CAChB,IAAI;aACD,CAAC,CAAC,gCAAgC,CAAC;aACnC,IAAI,CAAC,MAAM,CAAoB;QACpC,aAAa,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,KAAK,EAAE;KACxC,CAAC;AACJ,CAAC"}

package/dist/esm/components/EditableTable/cellTypes/url/index.js

@@ -2,7 +2,24 @@ import { defineCellType } from '../../types';
 import { UrlView } from './View';
 import { UrlEdit } from './Edit';
 export { UrlView, UrlEdit };
+const URL_PROTOCOL_RE = /^https?:\/\//;
 const URL_PATTERN = /^(https?:\/\/)?([\w-]+\.)+[\w-]+(\/[\w-./?%&=]*)?$/;
+/** Auto-prepend https:// on commit.
+ *  - Has protocol → unchanged
+ *  - No dot → append .com then prepend https://  (e.g. "example" → "https://example.com")
+ *  - Has dot, no protocol → prepend https://  (e.g. "example.com" → "https://example.com")
+ */
+function normalizeUrlOnCommit(value) {
+    if (!value)
+        return value;
+    if (URL_PROTOCOL_RE.test(value))
+        return value;
+    let normalized = value;
+    if (!normalized.includes('.')) {
+        normalized = `${normalized}.com`;
+    }
+    return `https://${normalized}`;
+}
 export const urlCellType = defineCellType({
     type: 'url',
     ViewComponent: UrlView,
@@ -17,6 +34,8 @@ export const urlCellType = defineCellType({
     },
     editable: true,
     clearable: true,
+    // Replace the current value with the typed key (same behaviour as text/email).
     onTypeToEdit: ({ key }) => ({ value: key }),
+    normalizeOnCommit: normalizeUrlOnCommit,
 });
 //# sourceMappingURL=index.js.map

package/dist/esm/components/EditableTable/cellTypes/url/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAE5B,MAAM,WAAW,GAAG,oDAAoD,CAAC;AAEzE,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAS;IAChD,IAAI,EAAE,KAAK;IACX,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrC,OAAO,oBAAoB,CAAC;SAC7B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;CAC5C,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC;AAE5B,MAAM,eAAe,GAAG,cAAc,CAAC;AACvC,MAAM,WAAW,GAAG,oDAAoD,CAAC;AAEzE;;;;GAIG;AACH,SAAS,oBAAoB,CAAC,KAAa;IACzC,IAAI,CAAC,KAAK;QAAE,OAAO,KAAK,CAAC;IACzB,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAC9C,IAAI,UAAU,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QAC7B,UAAU,GAAG,GAAG,UAAU,MAAM,CAAC;KAClC;IACD,OAAO,WAAW,UAAU,EAAE,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,cAAc,CAAS;IAChD,IAAI,EAAE,KAAK;IACX,aAAa,EAAE,OAAO;IACtB,aAAa,EAAE,OAAO;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,IAAI,EAAE;IACjC,WAAW,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAClB,IAAI,KAAK,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YACrC,OAAO,oBAAoB,CAAC;SAC7B;QACD,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE,IAAI;IACd,SAAS,EAAE,IAAI;IACf,+EAA+E;IAC/E,YAAY,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC;IAC3C,iBAAiB,EAAE,oBAAoB;CACxC,CAAC,CAAC"}