@wix/patterns 1.374.0 → 1.377.0

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View4255914131\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View4255914131__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View3940841785\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View3940841785__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -16,9 +16,16 @@ const textCellType = exports.textCellType = (0, _types.defineCellType)({
   editable: true,
   clearable: true,
   onTypeToEdit: ({
-    key
-  }) => ({
-    value: key
-  })
+    key,
+    validation
+  }) => {
+    const hasSpecificValues = validation == null ? void 0 : 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/cjs/components/EditableTable/cellTypes/text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_View","exports","TextView","_Edit","TextEdit","textCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","editable","clearable","onTypeToEdit","key"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { TextView } from './View';\nimport { TextEdit } from './Edit';\n\nexport { TextView, TextEdit };\n\nexport const textCellType = defineCellType<string>({\n  type: 'text',\n  ViewComponent: TextView,\n  EditComponent: TextEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  editable: true,\n  clearable: true,\n  onTypeToEdit: ({ key }) => ({ value: key }),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAkCE,OAAA,CAAAC,QAAA,GAAAF,KAAA,CAAAE,QAAA;AAClC,IAAAC,KAAA,GAAAJ,OAAA;AAAkCE,OAAA,CAAAG,QAAA,GAAAD,KAAA,CAAAC,QAAA;AAI3B,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAC,qBAAc,EAAS;EACjDC,IAAI,EAAE,MAAM;EACZC,aAAa,EAAEN,cAAQ;EACvBO,aAAa,EAAEL,cAAQ;EACvBM,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAEN,KAAK,EAAEM;EAAI,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_types","require","_View","exports","TextView","_Edit","TextEdit","textCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","editable","clearable","onTypeToEdit","key","validation","hasSpecificValues","some","r"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { TextView } from './View';\nimport { TextEdit } from './Edit';\n\nexport { TextView, TextEdit };\n\nexport const textCellType = defineCellType<string>({\n  type: 'text',\n  ViewComponent: TextView,\n  EditComponent: TextEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  editable: true,\n  clearable: true,\n  onTypeToEdit: ({ key, validation }) => {\n    const hasSpecificValues = validation?.some((r) => r.type === 'specificValues');\n    // For specific-values cells, keep editingValue as the last committed option id.\n    // The typed key is forwarded via editTrigger.key so TextEditSpecificValues can\n    // use it as initialSearchText without risk of committing a raw search string.\n    return hasSpecificValues ? {} : { value: key };\n  },\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAkCE,OAAA,CAAAC,QAAA,GAAAF,KAAA,CAAAE,QAAA;AAClC,IAAAC,KAAA,GAAAJ,OAAA;AAAkCE,OAAA,CAAAG,QAAA,GAAAD,KAAA,CAAAC,QAAA;AAI3B,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAC,qBAAc,EAAS;EACjDC,IAAI,EAAE,MAAM;EACZC,aAAa,EAAEN,cAAQ;EACvBO,aAAa,EAAEL,cAAQ;EACvBM,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAC;IAAEC,GAAG;IAAEC;EAAW,CAAC,KAAK;IACrC,MAAMC,iBAAiB,GAAGD,UAAU,oBAAVA,UAAU,CAAEE,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACd,IAAI,KAAK,gBAAgB,CAAC;IAC9E;IACA;IACA;IACA,OAAOY,iBAAiB,GAAG,CAAC,CAAC,GAAG;MAAER,KAAK,EAAEM;IAAI,CAAC;EAChD;AACF,CAAC,CAAC","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.UrlEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/url/Edit.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
@@ -12,7 +12,8 @@ const UrlEdit = ({
   onChange,
   onCommit,
   onCancel,
-  inputRef
+  inputRef,
+  editTrigger
 }) => {
   const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === 'Enter') {
@@ -36,24 +37,21 @@ const UrlEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 33,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    ref: inputRef,
-    size: "small",
-    border: "none",
+  }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellUrlInput, {
+    inputRef: inputRef,
     value: value ?? '',
-    onChange: e => onChange(e.target.value),
+    onChange: onChange,
     onKeyDown: handleKeyDown,
     onBlur: handleBlur,
-    type: "url",
-    autoSelect: false,
+    autoSelect: !(typeof editTrigger === 'object' && (editTrigger == null ? void 0 : editTrigger.kind) === 'type'),
     className: _EditStCss.classes.urlInput,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 41,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UrlEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","Input","ref","size","border","target","onKeyDown","onBlur","type","autoSelect","className","classes","urlInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Input } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const UrlEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <Input\n        ref={inputRef}\n        size=\"small\"\n        border=\"none\"\n        value={value ?? ''}\n        onChange={(e) => onChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        type=\"url\"\n        autoSelect={false}\n        className={classes.urlInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","UrlEdit","value","onChange","onCommit","onCancel","inputRef","editTrigger","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","CellUrlInput","onKeyDown","onBlur","autoSelect","kind","className","classes","urlInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellUrlInput } from '@wix/patterns-fields';\nimport type { InputImperativeActions } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const UrlEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n}) => {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <div\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <CellUrlInput\n        inputRef={inputRef as React.MutableRefObject<InputImperativeActions | null | undefined>}\n        value={value ?? ''}\n        onChange={onChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        autoSelect={!(typeof editTrigger === 'object' && editTrigger?.kind === 'type')}\n        className={classes.urlInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit3859246209";
+var _namespace_ = "Edit1746178889";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Edit3859246209__root",
-  "urlInput": "Edit3859246209__urlInput"
+  "root": "Edit1746178889__root",
+  "urlInput": "Edit1746178889__urlInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3859246209\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit3859246209__root\",\"urlInput\":\"Edit3859246209__urlInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1746178889\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Edit1746178889__root\",\"urlInput\":\"Edit1746178889__urlInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -4,48 +4,18 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.UrlView = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
-var _ViewStCss = require("./View.st.css.js");
+var _patternsFields = require("@wix/patterns-fields");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/url/View.tsx";
 const UrlView = ({
   value
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: (0, _ViewStCss.st)(_ViewStCss.classes.textView, {
-    suffixOnHover: true
-  }),
+}) => /*#__PURE__*/_react.default.createElement(_patternsFields.UrlView, {
+  value: value,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 7,
+    lineNumber: 6,
     columnNumber: 3
   }
-}, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-  size: "small",
-  ellipsis: true,
-  className: _ViewStCss.classes.urlText,
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 8,
-    columnNumber: 5
-  }
-}, value ?? ''), value && /*#__PURE__*/_react.default.createElement(_designSystem.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: _ViewStCss.classes.suffix,
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 12,
-    columnNumber: 7
-  }
-}, "Open link"));
+});
 exports.UrlView = UrlView;
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ViewStCss","_jsxFileName","UrlView","value","default","createElement","className","st","classes","textView","suffixOnHover","__self","__source","fileName","lineNumber","columnNumber","Text","size","ellipsis","urlText","TextButton","dataHook","underline","as","href","target","rel","onClick","e","stopPropagation","onMouseDown","preventDefault","suffix","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, TextButton } from '@wix/design-system';\nimport type { CellViewProps } from '../../types';\nimport { st, classes } from './View.st.css.js';\n\nexport const UrlView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <div className={st(classes.textView, { suffixOnHover: true })}>\n    <Text size=\"small\" ellipsis className={classes.urlText}>\n      {value ?? ''}\n    </Text>\n    {value && (\n      <TextButton\n        dataHook=\"open-link-button\"\n        size=\"small\"\n        underline=\"always\"\n        as=\"a\"\n        href={value}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        onClick={(e: React.MouseEvent) => e.stopPropagation()}\n        onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n        className={classes.suffix}\n      >\n        Open link\n      </TextButton>\n    )}\n  </div>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA+C,IAAAG,YAAA;AAExC,MAAMC,OAAwC,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAChEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAE,IAAAC,aAAE,EAACC,kBAAO,CAACC,QAAQ,EAAE;IAAEC,aAAa,EAAE;EAAK,CAAC,CAAE;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAC5DnB,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAiB,IAAI;EAACC,IAAI,EAAC,OAAO;EAACC,QAAQ;EAACZ,SAAS,EAAEE,kBAAO,CAACW,OAAQ;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,GACpDZ,KAAK,IAAI,EACN,CAAC,EACNA,KAAK,iBACJP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAqB,UAAU;EACTC,QAAQ,EAAC,kBAAkB;EAC3BJ,IAAI,EAAC,OAAO;EACZK,SAAS,EAAC,QAAQ;EAClBC,EAAE,EAAC,GAAG;EACNC,IAAI,EAAErB,KAAM;EACZsB,MAAM,EAAC,QAAQ;EACfC,GAAG,EAAC,qBAAqB;EACzBC,OAAO,EAAGC,CAAmB,IAAKA,CAAC,CAACC,eAAe,CAAC,CAAE;EACtDC,WAAW,EAAGF,CAAmB,IAAKA,CAAC,CAACG,cAAc,CAAC,CAAE;EACzDzB,SAAS,EAAEE,kBAAO,CAACwB,MAAO;EAAArB,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,GAC3B,WAEW,CAEX,CACN;AAACkB,OAAA,CAAA/B,OAAA,GAAAA,OAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_jsxFileName","UrlView","value","default","createElement","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.tsx"],"sourcesContent":["import React from 'react';\nimport { UrlView as FieldsUrlView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\n\nexport const UrlView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <FieldsUrlView value={value} />\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAAgE,IAAAE,YAAA;AAGzD,MAAMC,OAAwC,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAChEN,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAE,OAAa;EAACC,KAAK,EAAEA,KAAM;EAAAG,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAP,YAAA;IAAAQ,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC/B;AAACC,OAAA,CAAAT,OAAA,GAAAA,OAAA","ignoreList":[]}

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

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View874367675";
+var _namespace_ = "View1214063703";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "View874367675__root",
-  "textView": "View874367675__textView",
-  "urlText": "View874367675__urlText",
-  "suffix": "View874367675__suffix"
+  "root": "View1214063703__root",
+  "textView": "View1214063703__textView",
+  "urlText": "View1214063703__urlText",
+  "suffix": "View1214063703__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View874367675\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View874367675__root\",\"textView\":\"View874367675__textView\",\"urlText\":\"View874367675__urlText\",\"suffix\":\"View874367675__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,UAAU,EAAC,yBAAyB;EAAC,SAAS,EAAC,wBAAwB;EAAC,QAAQ,EAAC;AAAuB,CAAC;AACrJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1214063703\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"View1214063703__root\",\"textView\":\"View1214063703__textView\",\"urlText\":\"View1214063703__urlText\",\"suffix\":\"View1214063703__suffix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC,0BAA0B;EAAC,SAAS,EAAC,yBAAyB;EAAC,QAAQ,EAAC;AAAwB,CAAC;AACzJ,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,12 +5,12 @@ exports.UrlViewUniDriver = UrlViewUniDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _unidriver2 = require("../../../../unidriver");
 function UrlViewUniDriver(base, body) {
-  const linkButton = (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="open-link-button"]'), body);
+  const linkButton = (0, _unidriver.IconButtonUniDriver)(base.$('[data-hook="open-link-button"]'), body);
   return {
     ...(0, _unidriver2.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/cjs/components/EditableTable/cellTypes/url/View.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","UrlViewUniDriver","base","body","linkButton","TextButtonUniDriver","$","baseUniDriverFactory","getValue","text","hasOpenLinkButton","exists","getLinkHref","getHref","clickOpenLink","click"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { TextButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function UrlViewUniDriver(base: UniDriver, body: UniDriver) {\n  const linkButton = TextButtonUniDriver(\n    base.$('[data-hook=\"open-link-button\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => base.text(),\n    hasOpenLinkButton: () => linkButton.exists(),\n    getLinkHref: () => linkButton.getHref(),\n    clickOpenLink: () => linkButton.click(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gBAAgBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACjE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EACpCH,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,EACxCH,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAI,gCAAoB,EAACL,IAAI,CAAC;IAC7BM,QAAQ,EAAEA,CAAA,KAAMN,IAAI,CAACO,IAAI,CAAC,CAAC;IAC3BC,iBAAiB,EAAEA,CAAA,KAAMN,UAAU,CAACO,MAAM,CAAC,CAAC;IAC5CC,WAAW,EAAEA,CAAA,KAAMR,UAAU,CAACS,OAAO,CAAC,CAAC;IACvCC,aAAa,EAAEA,CAAA,KAAMV,UAAU,CAACW,KAAK,CAAC;EACxC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","UrlViewUniDriver","base","body","linkButton","IconButtonUniDriver","$","baseUniDriverFactory","getValue","text","hasOpenLinkButton","exists","getLinkHref","attr","clickOpenLink","click"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { IconButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function UrlViewUniDriver(base: UniDriver, body: UniDriver) {\n  const linkButton = IconButtonUniDriver(\n    base.$('[data-hook=\"open-link-button\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => base.text(),\n    hasOpenLinkButton: () => linkButton.exists(),\n    getLinkHref: () =>\n      base\n        .$('[data-hook=\"open-link-button\"]')\n        .attr('href') as Promise<string>,\n    clickOpenLink: () => linkButton.click(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gBAAgBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACjE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EACpCH,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,EACxCH,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAI,gCAAoB,EAACL,IAAI,CAAC;IAC7BM,QAAQ,EAAEA,CAAA,KAAMN,IAAI,CAACO,IAAI,CAAC,CAAC;IAC3BC,iBAAiB,EAAEA,CAAA,KAAMN,UAAU,CAACO,MAAM,CAAC,CAAC;IAC5CC,WAAW,EAAEA,CAAA,KACXV,IAAI,CACDI,CAAC,CAAC,gCAAgC,CAAC,CACnCO,IAAI,CAAC,MAAM,CAAoB;IACpCC,aAAa,EAAEA,CAAA,KAAMV,UAAU,CAACW,KAAK,CAAC;EACxC,CAAC;AACH","ignoreList":[]}

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

@@ -7,7 +7,23 @@ var _View = require("./View");
 exports.UrlView = _View.UrlView;
 var _Edit = require("./Edit");
 exports.UrlEdit = _Edit.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}`;
+}
 const urlCellType = exports.urlCellType = (0, _types.defineCellType)({
   type: 'url',
   ViewComponent: _View.UrlView,
@@ -22,10 +38,12 @@ const urlCellType = exports.urlCellType = (0, _types.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/cjs/components/EditableTable/cellTypes/url/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_types","require","_View","exports","UrlView","_Edit","UrlEdit","URL_PATTERN","urlCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","validate","test","editable","clearable","onTypeToEdit","key"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { UrlView } from './View';\nimport { UrlEdit } from './Edit';\n\nexport { UrlView, UrlEdit };\n\nconst URL_PATTERN = /^(https?:\\/\\/)?([\\w-]+\\.)+[\\w-]+(\\/[\\w-./?%&=]*)?$/;\n\nexport const urlCellType = defineCellType<string>({\n  type: 'url',\n  ViewComponent: UrlView,\n  EditComponent: UrlEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  validate: (value) => {\n    if (value && !URL_PATTERN.test(value)) {\n      return 'Invalid URL format';\n    }\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  onTypeToEdit: ({ key }) => ({ value: key }),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAiCE,OAAA,CAAAC,OAAA,GAAAF,KAAA,CAAAE,OAAA;AACjC,IAAAC,KAAA,GAAAJ,OAAA;AAAiCE,OAAA,CAAAG,OAAA,GAAAD,KAAA,CAAAC,OAAA;AAIjC,MAAMC,WAAW,GAAG,oDAAoD;AAEjE,MAAMC,WAAW,GAAAL,OAAA,CAAAK,WAAA,GAAG,IAAAC,qBAAc,EAAS;EAChDC,IAAI,EAAE,KAAK;EACXC,aAAa,EAAEP,aAAO;EACtBQ,aAAa,EAAEN,aAAO;EACtBO,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAGH,KAAK,IAAK;IACnB,IAAIA,KAAK,IAAI,CAACP,WAAW,CAACW,IAAI,CAACJ,KAAK,CAAC,EAAE;MACrC,OAAO,oBAAoB;IAC7B;IACA,OAAO,IAAI;EACb,CAAC;EACDK,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAER,KAAK,EAAEQ;EAAI,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_types","require","_View","exports","UrlView","_Edit","UrlEdit","URL_PROTOCOL_RE","URL_PATTERN","normalizeUrlOnCommit","value","test","normalized","includes","urlCellType","defineCellType","type","ViewComponent","EditComponent","serialize","deserialize","raw","validate","editable","clearable","onTypeToEdit","key","normalizeOnCommit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/url/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { UrlView } from './View';\nimport { UrlEdit } from './Edit';\n\nexport { UrlView, UrlEdit };\n\nconst URL_PROTOCOL_RE = /^https?:\\/\\//;\nconst URL_PATTERN = /^(https?:\\/\\/)?([\\w-]+\\.)+[\\w-]+(\\/[\\w-./?%&=]*)?$/;\n\n/** Auto-prepend https:// on commit.\n *  - Has protocol → unchanged\n *  - No dot → append .com then prepend https://  (e.g. \"example\" → \"https://example.com\")\n *  - Has dot, no protocol → prepend https://  (e.g. \"example.com\" → \"https://example.com\")\n */\nfunction normalizeUrlOnCommit(value: string): string {\n  if (!value) return value;\n  if (URL_PROTOCOL_RE.test(value)) return value;\n  let normalized = value;\n  if (!normalized.includes('.')) {\n    normalized = `${normalized}.com`;\n  }\n  return `https://${normalized}`;\n}\n\nexport const urlCellType = defineCellType<string>({\n  type: 'url',\n  ViewComponent: UrlView,\n  EditComponent: UrlEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  validate: (value) => {\n    if (value && !URL_PATTERN.test(value)) {\n      return 'Invalid URL format';\n    }\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  // Replace the current value with the typed key (same behaviour as text/email).\n  onTypeToEdit: ({ key }) => ({ value: key }),\n  normalizeOnCommit: normalizeUrlOnCommit,\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAiCE,OAAA,CAAAC,OAAA,GAAAF,KAAA,CAAAE,OAAA;AACjC,IAAAC,KAAA,GAAAJ,OAAA;AAAiCE,OAAA,CAAAG,OAAA,GAAAD,KAAA,CAAAC,OAAA;AAIjC,MAAMC,eAAe,GAAG,cAAc;AACtC,MAAMC,WAAW,GAAG,oDAAoD;;AAExE;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAACC,KAAa,EAAU;EACnD,IAAI,CAACA,KAAK,EAAE,OAAOA,KAAK;EACxB,IAAIH,eAAe,CAACI,IAAI,CAACD,KAAK,CAAC,EAAE,OAAOA,KAAK;EAC7C,IAAIE,UAAU,GAAGF,KAAK;EACtB,IAAI,CAACE,UAAU,CAACC,QAAQ,CAAC,GAAG,CAAC,EAAE;IAC7BD,UAAU,GAAG,GAAGA,UAAU,MAAM;EAClC;EACA,OAAO,WAAWA,UAAU,EAAE;AAChC;AAEO,MAAME,WAAW,GAAAX,OAAA,CAAAW,WAAA,GAAG,IAAAC,qBAAc,EAAS;EAChDC,IAAI,EAAE,KAAK;EACXC,aAAa,EAAEb,aAAO;EACtBc,aAAa,EAAEZ,aAAO;EACtBa,SAAS,EAAGT,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCU,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAGZ,KAAK,IAAK;IACnB,IAAIA,KAAK,IAAI,CAACF,WAAW,CAACG,IAAI,CAACD,KAAK,CAAC,EAAE;MACrC,OAAO,oBAAoB;IAC7B;IACA,OAAO,IAAI;EACb,CAAC;EACDa,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACf;EACAC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAEhB,KAAK,EAAEgB;EAAI,CAAC,CAAC;EAC3CC,iBAAiB,EAAElB;AACrB,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=headerActionTypes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/components/EditableTable/headerActionTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface HeaderAction {\n  /** The text label of the action item. */\n  label: string;\n  /** Handler called when the action is clicked. */\n  onClick: () => void;\n  /** An icon to display before the text. */\n  icon?: ReactNode;\n  /** Disables the action both visually and functionally. */\n  disabled?: boolean;\n  /** Tooltip text shown when the action is disabled. */\n  disabledTooltip?: string;\n  /** Visual style — 'dark' (default) or 'destructive' (red). */\n  skin?: 'dark' | 'destructive';\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/EditableTable/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_EditableTable","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_types","defineCellType"],"sources":["../../../../src/components/EditableTable/index.ts"],"sourcesContent":["export * from './EditableTable';\nexport { defineCellType } from './types';\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAyCS,OAAA,CAAAE,cAAA,GAAAD,MAAA,CAAAC,cAAA","ignoreList":[]}
+{"version":3,"names":["_EditableTable","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","_types","defineCellType"],"sources":["../../../../src/components/EditableTable/index.ts"],"sourcesContent":["export * from './EditableTable';\nexport { defineCellType } from './types';\nexport type { CellViewProps, CellEditProps } from './types';\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAK,OAAA,CAAAL,GAAA,IAAAL,cAAA,CAAAK,GAAA;AAAA;AACA,IAAAM,MAAA,GAAAV,OAAA;AAAyCS,OAAA,CAAAE,cAAA,GAAAD,MAAA,CAAAC,cAAA","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n}\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<any>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: 'type' | 'enter' | 'doubleClick' | null;\n}\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  editable?: boolean;\n  clearable?: boolean;\n  toggleValue?: (value: V) => V;\n  onTypeToEdit?: (params: { key: string }) => { value?: V } | undefined;\n}): CellType {\n  return cellType;\n}\n"],"mappings":";;;;AAmBA;AACO,SAASA,cAAcA,CAAIC,QAWjC,EAAY;EACX,OAAOA,QAAQ;AACjB","ignoreList":[]}
+{"version":3,"names":["defineCellType","cellType"],"sources":["../../../../src/components/EditableTable/types.ts"],"sourcesContent":["import type { CellType, ValidationRule } from '../../state/EditableTable/types';\n\nexport interface CellViewProps<V> {\n  value: V;\n  typeConfig?: unknown;\n  validation?: ValidationRule[];\n}\n\nexport interface Focusable {\n  focus: () => void;\n}\n\nexport interface CellEditProps<V> {\n  value: V;\n  onChange: (value: V) => void;\n  onCommit: () => void;\n  onCancel: () => void;\n  /** Ref to the focusable input element. Used for type-to-edit (focusing the input when user starts typing on a focused cell). */\n  inputRef?: React.MutableRefObject<Focusable | undefined | null>;\n  typeConfig?: unknown;\n  /** How edit mode was triggered. Edit components can use this to customize behavior (e.g., date picker auto-opens on 'type'). */\n  editTrigger?: { kind: 'type'; key: string } | 'enter' | 'doubleClick' | null;\n  /** Column-level validation rules. Edit components can derive UI behavior (e.g., maxLength blocking/tooltip) from these. */\n  validation?: ValidationRule[];\n}\n\n/** Type-safe factory for defining cell types. V ensures all value-typed fields are consistent. */\nexport function defineCellType<V>(cellType: {\n  type: CellType['type'];\n  ViewComponent: React.ComponentType<CellViewProps<V>>;\n  EditComponent?: React.ComponentType<CellEditProps<V>>;\n  serialize?: (value: V) => string;\n  deserialize?: (raw: string) => V;\n  validate?: (value: V, rules?: ValidationRule[]) => string | null;\n  editable?: boolean;\n  clearable?: boolean;\n  toggleValue?: (value: V) => V;\n  onTypeToEdit?: (params: { key: string; validation?: ValidationRule[] }) => { value?: V } | undefined;\n  normalizeOnCommit?: (value: V) => V;\n}): CellType {\n  return cellType;\n}\n\n"],"mappings":";;;;AA0BA;AACO,SAASA,cAAcA,CAAIC,QAYjC,EAAY;EACX,OAAOA,QAAQ;AACjB","ignoreList":[]}

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

@@ -0,0 +1,109 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useBuiltInHeaderActions = useBuiltInHeaderActions;
+var _react = _interopRequireWildcard(require("react"));
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _HeaderActionsPopover = require("./HeaderActionsPopover");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/useBuiltInHeaderActions.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function useBuiltInHeaderActions(state, columns, disabled) {
+  const {
+    toolbar
+  } = state;
+  const {
+    customColumnsState,
+    panels,
+    toolbarFiltersState
+  } = toolbar;
+  return (0, _react.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: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortAscendingSmall, {
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 37,
+              columnNumber: 19
+            }
+          }),
+          onClick: () => state.sort(col.id, {
+            forceDirection: 'asc'
+          })
+        }, {
+          label: 'Sort Descending',
+          icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.SortDescendingSmall, {
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 42,
+              columnNumber: 19
+            }
+          }),
+          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: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilterSmall, {
+            __self: this,
+            __source: {
+              fileName: _jsxFileName,
+              lineNumber: 56,
+              columnNumber: 19
+            }
+          }),
+          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: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.HiddenSmall, {
+              __self: this,
+              __source: {
+                fileName: _jsxFileName,
+                lineNumber: 69,
+                columnNumber: 21
+              }
+            }),
+            onClick: () => customColumnsState.onColumnCheckboxToggle(column)
+          }]);
+        }
+      }
+      if (groups.length > 0) {
+        result[col.id] = /*#__PURE__*/_react.default.createElement(_HeaderActionsPopover.HeaderActionsPopover, {
+          actions: groups,
+          dataHook: `header-actions-${col.id}`,
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 78,
+            columnNumber: 11
+          }
+        });
+      }
+    }
+    return result;
+  }, [state, columns, toolbar, customColumnsState, panels, toolbarFiltersState, disabled]);
+}
+//# sourceMappingURL=useBuiltInHeaderActions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_wixUiIconsCommon","_HeaderActionsPopover","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useBuiltInHeaderActions","state","columns","disabled","toolbar","customColumnsState","panels","toolbarFiltersState","useMemo","result","col","groups","sortable","push","label","icon","createElement","SortAscendingSmall","__self","__source","fileName","lineNumber","columnNumber","onClick","sort","id","forceDirection","SortDescendingSmall","hasFilter","collection","query","customFilters","ContentFilterSmall","openSidePanel","hideable","column","find","c","HiddenSmall","onColumnCheckboxToggle","length","HeaderActionsPopover","actions","dataHook"],"sources":["../../../../src/components/EditableTable/useBuiltInHeaderActions.tsx"],"sourcesContent":["import React, { useMemo, type ReactNode } from 'react';\nimport {\n  SortAscendingSmall,\n  SortDescendingSmall,\n  ContentFilterSmall,\n  HiddenSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport type { EditableColumn } from '../../state/EditableTable/types';\nimport type { HeaderAction } from './headerActionTypes';\nimport { HeaderActionsPopover } from './HeaderActionsPopover';\n\nexport function useBuiltInHeaderActions<T, F extends FiltersMap>(\n  state: EditableTableState<T, F>,\n  columns: EditableColumn<T>[],\n  disabled?: boolean,\n): Record<string, ReactNode> {\n  const { toolbar } = state;\n  const { customColumnsState, panels, toolbarFiltersState } = toolbar;\n\n  return useMemo(() => {\n    if (disabled) {\n      return {};\n    }\n\n    const result: Record<string, ReactNode> = {};\n\n    for (const col of columns) {\n      const groups: HeaderAction[][] = [];\n\n      // Group 1: Sort actions\n      if (col.sortable) {\n        groups.push([\n          {\n            label: 'Sort Ascending',\n            icon: <SortAscendingSmall />,\n            onClick: () => state.sort(col.id, { forceDirection: 'asc' }),\n          },\n          {\n            label: 'Sort Descending',\n            icon: <SortDescendingSmall />,\n            onClick: () => state.sort(col.id, { forceDirection: 'desc' }),\n          },\n        ]);\n      }\n\n      // Group 2: Filter action (only when filter exists for this column)\n      const hasFilter =\n        toolbarFiltersState &&\n        state.collection.query.customFilters[col.id] != null;\n      if (hasFilter) {\n        groups.push([\n          {\n            label: 'Filter',\n            icon: <ContentFilterSmall />,\n            onClick: () => panels.openSidePanel('filters'),\n          },\n        ]);\n      }\n\n      // Group 3: Hide column action\n      if (col.hideable !== false && customColumnsState) {\n        const column = toolbar.columns.find((c) => c.id === col.id);\n        if (column) {\n          groups.push([\n            {\n              label: 'Hide Column',\n              icon: <HiddenSmall />,\n              onClick: () => customColumnsState.onColumnCheckboxToggle(column),\n            },\n          ]);\n        }\n      }\n\n      if (groups.length > 0) {\n        result[col.id] = (\n          <HeaderActionsPopover\n            actions={groups}\n            dataHook={`header-actions-${col.id}`}\n          />\n        );\n      }\n    }\n\n    return result;\n  }, [\n    state,\n    columns,\n    toolbar,\n    customColumnsState,\n    panels,\n    toolbarFiltersState,\n    disabled,\n  ]);\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -14,7 +14,7 @@ function useCellFocusAndEditing({
     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);
@@ -35,7 +35,9 @@ function useCellFocusAndEditing({
   }, [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.
   (0, _react.useEffect)(() => {
     if (!isFocused) {
       return;
@@ -44,9 +46,27 @@ function useCellFocusAndEditing({
       if (editInputRef.current && document.activeElement !== editInputRef.current) {
         editInputRef.current.focus();
       }
+      setTimeout(() => {
+        var _input$value;
+        // 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 = input.value) == null ? void 0 : _input$value.length) ?? 0;
+        input.setSelectionRange(len, len);
+      }, 0);
     } else {
       var _cellRef$current;
-      (_cellRef$current = cellRef.current) == null || _cellRef$current.focus();
+      // Let CellInteractionState own scroll positioning for the focused cell.
+      (_cellRef$current = cellRef.current) == null || _cellRef$current.focus({
+        preventScroll: true
+      });
     }
   }, [isFocused, isEditing, cellRef, editInputRef]);
   const handleActivate = (0, _react.useCallback)(() => {
@@ -75,19 +95,40 @@ function useCellFocusAndEditing({
     // edit mode, then set the value programmatically via React state.
     // startEdit() must come before setEditingValue() because it resets
     // editingValue to undefined.
-    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.nativeEvent.isComposing && editInputRef.current) {
-      const clearResult = resolved == null || resolved.onTypeToEdit == null ? void 0 : resolved.onTypeToEdit({
-        key: e.key
+    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey && !e.nativeEvent.isComposing) {
+      var _editInputRef$current;
+      // 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 != null && 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 == null ? void 0 : column.validation
       });
-      if (!clearResult) {
+      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 = editInputRef.current) == null || _editInputRef$current.focus();
       e.stopPropagation();
     }
   }, [editInputRef, isFocused, isEditable, isEditing, state, cellInteraction, resolved, handleActivate]);