@wix/patterns 1.374.0 → 1.377.0

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_ = "Edit400015360";
+var _namespace_ = "Edit1726914236";
 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": "Edit400015360__root", "editWrapper": "Edit400015360__editWrapper", "inputArea": "Edit400015360__inputArea" };
+export var classes = { "root": "Edit1726914236__root", "editWrapper": "Edit1726914236__editWrapper", "inputArea": "Edit1726914236__inputArea" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Edit.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/text/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,WAAW,EAAC,0BAA0B,EAAC,CAAC;AACtI,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/text/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,WAAW,EAAC,2BAA2B,EAAC,CAAC;AACzI,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/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_ = "View4255914131";
+var _namespace_ = "View3940841785";
 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": "View4255914131__root" };
+export var classes = { "root": "View3940841785__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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,6 +21,6 @@ export const UrlEdit = ({ value, onChange, onCommit, onCancel, inputRef, }) => {
             display: 'flex',
             alignItems: 'center',
         } },
-        React.createElement(Input, { ref: inputRef, 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,QAAQ,EACb,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_ = "Edit3859246209";
+var _namespace_ = "Edit1746178889";
 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": "Edit3859246209__root", "urlInput": "Edit3859246209__urlInput" };
+export var classes = { "root": "Edit1746178889__root", "urlInput": "Edit1746178889__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_ = "View874367675";
+var _namespace_ = "View1214063703";
 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": "View874367675__root", "textView": "View874367675__textView", "urlText": "View874367675__urlText", "suffix": "View874367675__suffix" };
+export var classes = { "root": "View1214063703__root", "textView": "View1214063703__textView", "urlText": "View1214063703__urlText", "suffix": "View1214063703__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"View.st.css.js","sourceRoot":"","sources":["../../../../../../src/components/EditableTable/cellTypes/url/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,SAAS,EAAC,wBAAwB,EAAC,QAAQ,EAAC,uBAAuB,EAAC,CAAC;AAC7J,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/url/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,SAAS,EAAC,yBAAyB,EAAC,QAAQ,EAAC,wBAAwB,EAAC,CAAC;AACjK,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/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"}

package/dist/esm/components/EditableTable/headerActionTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=headerActionTypes.js.map

package/dist/esm/components/EditableTable/headerActionTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headerActionTypes.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/headerActionTypes.ts"],"names":[],"mappings":""}

package/dist/esm/components/EditableTable/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/types.ts"],"names":[],"mappings":"AAmBA,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAAI,QAWjC;IACC,OAAO,QAAQ,CAAC;AAClB,CAAC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/types.ts"],"names":[],"mappings":"AA0BA,kGAAkG;AAClG,MAAM,UAAU,cAAc,CAAI,QAYjC;IACC,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/esm/components/EditableTable/useBuiltInHeaderActions.js

@@ -0,0 +1,69 @@
+import React, { useMemo } from 'react';
+import { SortAscendingSmall, SortDescendingSmall, ContentFilterSmall, HiddenSmall, } from '@wix/wix-ui-icons-common';
+import { HeaderActionsPopover } from './HeaderActionsPopover';
+export function useBuiltInHeaderActions(state, columns, disabled) {
+    const { toolbar } = state;
+    const { customColumnsState, panels, toolbarFiltersState } = toolbar;
+    return useMemo(() => {
+        if (disabled) {
+            return {};
+        }
+        const result = {};
+        for (const col of columns) {
+            const groups = [];
+            // Group 1: Sort actions
+            if (col.sortable) {
+                groups.push([
+                    {
+                        label: 'Sort Ascending',
+                        icon: React.createElement(SortAscendingSmall, null),
+                        onClick: () => state.sort(col.id, { forceDirection: 'asc' }),
+                    },
+                    {
+                        label: 'Sort Descending',
+                        icon: React.createElement(SortDescendingSmall, null),
+                        onClick: () => state.sort(col.id, { forceDirection: 'desc' }),
+                    },
+                ]);
+            }
+            // Group 2: Filter action (only when filter exists for this column)
+            const hasFilter = toolbarFiltersState &&
+                state.collection.query.customFilters[col.id] != null;
+            if (hasFilter) {
+                groups.push([
+                    {
+                        label: 'Filter',
+                        icon: React.createElement(ContentFilterSmall, null),
+                        onClick: () => panels.openSidePanel('filters'),
+                    },
+                ]);
+            }
+            // Group 3: Hide column action
+            if (col.hideable !== false && customColumnsState) {
+                const column = toolbar.columns.find((c) => c.id === col.id);
+                if (column) {
+                    groups.push([
+                        {
+                            label: 'Hide Column',
+                            icon: React.createElement(HiddenSmall, null),
+                            onClick: () => customColumnsState.onColumnCheckboxToggle(column),
+                        },
+                    ]);
+                }
+            }
+            if (groups.length > 0) {
+                result[col.id] = (React.createElement(HeaderActionsPopover, { actions: groups, dataHook: `header-actions-${col.id}` }));
+            }
+        }
+        return result;
+    }, [
+        state,
+        columns,
+        toolbar,
+        customColumnsState,
+        panels,
+        toolbarFiltersState,
+        disabled,
+    ]);
+}
+//# sourceMappingURL=useBuiltInHeaderActions.js.map

package/dist/esm/components/EditableTable/useBuiltInHeaderActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBuiltInHeaderActions.js","sourceRoot":"","sources":["../../../../src/components/EditableTable/useBuiltInHeaderActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAkB,MAAM,OAAO,CAAC;AACvD,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,WAAW,GACZ,MAAM,0BAA0B,CAAC;AAKlC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,UAAU,uBAAuB,CACrC,KAA+B,EAC/B,OAA4B,EAC5B,QAAkB;IAElB,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAC1B,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,mBAAmB,EAAE,GAAG,OAAO,CAAC;IAEpE,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,QAAQ,EAAE;YACZ,OAAO,EAAE,CAAC;SACX;QAED,MAAM,MAAM,GAA8B,EAAE,CAAC;QAE7C,KAAK,MAAM,GAAG,IAAI,OAAO,EAAE;YACzB,MAAM,MAAM,GAAqB,EAAE,CAAC;YAEpC,wBAAwB;YACxB,IAAI,GAAG,CAAC,QAAQ,EAAE;gBAChB,MAAM,CAAC,IAAI,CAAC;oBACV;wBACE,KAAK,EAAE,gBAAgB;wBACvB,IAAI,EAAE,oBAAC,kBAAkB,OAAG;wBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC;qBAC7D;oBACD;wBACE,KAAK,EAAE,iBAAiB;wBACxB,IAAI,EAAE,oBAAC,mBAAmB,OAAG;wBAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,CAAC;qBAC9D;iBACF,CAAC,CAAC;aACJ;YAED,mEAAmE;YACnE,MAAM,SAAS,GACb,mBAAmB;gBACnB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC;YACvD,IAAI,SAAS,EAAE;gBACb,MAAM,CAAC,IAAI,CAAC;oBACV;wBACE,KAAK,EAAE,QAAQ;wBACf,IAAI,EAAE,oBAAC,kBAAkB,OAAG;wBAC5B,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,aAAa,CAAC,SAAS,CAAC;qBAC/C;iBACF,CAAC,CAAC;aACJ;YAED,8BAA8B;YAC9B,IAAI,GAAG,CAAC,QAAQ,KAAK,KAAK,IAAI,kBAAkB,EAAE;gBAChD,MAAM,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;gBAC5D,IAAI,MAAM,EAAE;oBACV,MAAM,CAAC,IAAI,CAAC;wBACV;4BACE,KAAK,EAAE,aAAa;4BACpB,IAAI,EAAE,oBAAC,WAAW,OAAG;4BACrB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,sBAAsB,CAAC,MAAM,CAAC;yBACjE;qBACF,CAAC,CAAC;iBACJ;aACF;YAED,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;gBACrB,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,CACf,oBAAC,oBAAoB,IACnB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,kBAAkB,GAAG,CAAC,EAAE,EAAE,GACpC,CACH,CAAC;aACH;SACF;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE;QACD,KAAK;QACL,OAAO;QACP,OAAO;QACP,kBAAkB;QAClB,MAAM;QACN,mBAAmB;QACnB,QAAQ;KACT,CAAC,CAAC;AACL,CAAC"}

package/dist/esm/components/EditableTable/useCellFocusAndEditing.js

@@ -2,7 +2,7 @@ import { useEffect, useLayoutEffect, useCallback, useMemo } from 'react';
 export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editInputRef, }) {
     const { cellInteraction } = state;
     const column = state._columnMap.get(columnId);
-    const resolved = column ? state.resolveCellType(column.cellType) : null;
+    const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;
     const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
     const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
     const isEditable = state.isCellEditable(rowKey, columnId);
@@ -21,7 +21,9 @@ export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editI
         };
     }, [isFocused, cellRef, cellInteraction]);
     // When focused (not editing): focus the cell div so it receives keyboard events.
-    // When editing starts: focus the input (cursor at end, no select-all).
+    // When editing starts: focus the input, then place caret at end in a setTimeout
+    // so it runs after the browser's own selection (e.g. from autoSelect) settles.
+    // Skip caret placement if the input already has a non-collapsed selection.
     useEffect(() => {
         if (!isFocused) {
             return;
@@ -31,9 +33,24 @@ export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editI
                 document.activeElement !== editInputRef.current) {
                 editInputRef.current.focus();
             }
+            setTimeout(() => {
+                // Use document.activeElement rather than editInputRef.current because
+                // editInputRef may point to a React component instance (e.g. InputArea)
+                // rather than the underlying DOM element, which has no .value property.
+                const input = document.activeElement;
+                if (!input || !('selectionStart' in input)) {
+                    return;
+                }
+                if (input.selectionStart !== input.selectionEnd) {
+                    return;
+                }
+                const len = input.value?.length ?? 0;
+                input.setSelectionRange(len, len);
+            }, 0);
         }
         else {
-            cellRef.current?.focus();
+            // Let CellInteractionState own scroll positioning for the focused cell.
+            cellRef.current?.focus({ preventScroll: true });
         }
     }, [isFocused, isEditing, cellRef, editInputRef]);
     const handleActivate = useCallback(() => {
@@ -65,18 +82,34 @@ export function useCellFocusAndEditing({ state, rowKey, columnId, cellRef, editI
             !e.ctrlKey &&
             !e.metaKey &&
             !e.altKey &&
-            !e.nativeEvent.isComposing &&
-            editInputRef.current) {
-            const clearResult = resolved?.onTypeToEdit?.({ key: e.key });
-            if (!clearResult) {
+            !e.nativeEvent.isComposing) {
+            // Cell-type-level gate: only cell types that define onTypeToEdit support
+            // type-to-edit. Absence of onTypeToEdit is the natural opt-out (e.g. boolean).
+            if (!resolved?.onTypeToEdit) {
+                return;
+            }
+            // Key-level gate: onTypeToEdit returning undefined means "block this key"
+            // (e.g. number blocks non-digit keys).
+            const typeResult = resolved.onTypeToEdit({
+                key: e.key,
+                validation: column?.validation,
+            });
+            if (typeResult === undefined) {
                 return;
             }
             e.preventDefault();
-            cellInteraction.startEdit(undefined, undefined, 'type');
-            if ('value' in clearResult) {
-                cellInteraction.setEditingValue(clearResult.value);
+            cellInteraction.startEdit(undefined, undefined, { kind: 'type', key: e.key });
+            if ('value' in typeResult) {
+                // Cell type provides an explicit pre-populated value (e.g. first typed
+                // char for text, or the digit for number).
+                cellInteraction.setEditingValue(typeResult.value);
             }
-            editInputRef.current.focus();
+            // onTypeToEdit returned {} (no value): enter edit mode with current value intact
+            // (e.g. select/date open their picker without pre-populating).
+            // Best-effort: editInputRef.current is null here because the Edit
+            // component only mounts after isEditing flips. The useEffect above
+            // is the reliable focus path once the component renders.
+            editInputRef.current?.focus();
             e.stopPropagation();
         }
     }, [