@wix/patterns 1.375.0 → 1.378.0

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

@@ -1,38 +1,35 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.TextEdit = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
+var _useCloseOnAncestorScroll = require("../../useCloseOnAncestorScroll");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/text/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); }
-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);
-};
-const TextEdit = ({
+function getMaxLength(validation) {
+  var _validation$find;
+  return validation == null || (_validation$find = validation.find(r => r.type === 'maxLength')) == null ? void 0 : _validation$find.value;
+}
+function getSpecificValues(validation) {
+  var _validation$find2;
+  return validation == null || (_validation$find2 = validation.find(r => r.type === 'specificValues')) == null ? void 0 : _validation$find2.values;
+}
+
+// Plain text mode
+const TextEditPlain = ({
   value,
   onChange,
   onCommit,
   onCancel,
-  inputRef
+  inputRef,
+  validation
 }) => {
-  const wrapperRef = (0, _react.useRef)(null);
-  const inputAreaRef = (0, _react.useRef)(null);
+  const maxLength = getMaxLength(validation);
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    if (isFocused) {
-      var _inputAreaRef$current;
-      (_inputAreaRef$current = inputAreaRef.current) == null || _inputAreaRef$current.calculateComputedRows();
-    }
-  }, [isFocused]);
   const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === 'Enter' && !e.shiftKey) {
       e.preventDefault();
@@ -42,49 +39,133 @@ const TextEdit = ({
       onCancel();
     }
   }, [onCommit, onCancel]);
-  const handleFocus = (0, _react.useCallback)(() => {
-    setIsFocused(true);
-  }, []);
+  const handleFocus = (0, _react.useCallback)(() => setIsFocused(true), []);
   const handleBlur = (0, _react.useCallback)(() => {
     setIsFocused(false);
     onCommit();
   }, [onCommit]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    ref: wrapperRef,
     className: _EditStCss.classes.editWrapper,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 62,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.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,
+  }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellTextInput, {
+    inputRef: inputRef,
+    value: value ?? '',
+    onChange: onChange,
     onFocus: handleFocus,
     onBlur: handleBlur,
-    autoSelect: false,
-    autoGrow: true,
-    minRowsAutoGrow: 1,
-    maxHeight: getMaxHeight(wrapperRef.current) + 'px',
+    onKeyDown: handleKeyDown,
+    maxLength: maxLength,
     className: (0, _EditStCss.st)(_EditStCss.classes.inputArea, {
       isFocused
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 63,
+      columnNumber: 7
+    }
+  }));
+};
+
+// Specific values mode — autocomplete with a closed list of options
+const TextEditSpecificValues = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef,
+  editTrigger,
+  options
+}) => {
+  const acHandle = (0, _react.useRef)(null);
+  const wrapperRef = (0, _react.useRef)(null);
+  const closeDropdown = (0, _react.useCallback)(() => {
+    var _acHandle$current;
+    return (_acHandle$current = acHandle.current) == null ? void 0 : _acHandle$current.hideOptions();
+  }, []);
+  (0, _useCloseOnAncestorScroll.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 = (0, _react.useRef)(false);
+  const handleSelect = (0, _react.useCallback)(id => {
+    onChange(id);
+    onCommit();
+  }, [onChange, onCommit]);
+  const handleClear = (0, _react.useCallback)(() => onChange(''), [onChange]);
+  const handleOptionMarked = (0, _react.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 = (0, _react.useCallback)(e => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      e.stopPropagation();
+      onCancel();
+    } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {
+      isArrowNavRef.current = true;
+    }
+  }, [onCancel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: wrapperRef,
+    className: _EditStCss.classes.editWrapper,
+    onKeyDownCapture: handleKeyDownCapture,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_patternsFields.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: _EditStCss.classes.inputArea,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 132,
       columnNumber: 7
     }
   }));
 };
+const TextEdit = props => {
+  const specificValues = getSpecificValues(props.validation);
+  if (specificValues) {
+    return /*#__PURE__*/_react.default.createElement(TextEditSpecificValues, (0, _extends2.default)({}, props, {
+      options: specificValues,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 155,
+        columnNumber: 12
+      }
+    }));
+  }
+  return /*#__PURE__*/_react.default.createElement(TextEditPlain, (0, _extends2.default)({}, props, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 157,
+      columnNumber: 10
+    }
+  }));
+};
 exports.TextEdit = TextEdit;
 //# sourceMappingURL=Edit.js.map

package/dist/cjs/components/EditableTable/cellTypes/text/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","toSingleLine","value","replace","PADDING","MIN_HEIGHT","getMaxHeight","element","undefined","rect","getBoundingClientRect","Math","max","window","innerHeight","top","TextEdit","onChange","onCommit","onCancel","inputRef","wrapperRef","useRef","inputAreaRef","isFocused","setIsFocused","useState","useEffect","_inputAreaRef$current","current","calculateComputedRows","handleKeyDown","useCallback","key","shiftKey","preventDefault","handleFocus","handleBlur","createElement","ref","className","classes","editWrapper","__self","__source","fileName","lineNumber","columnNumber","InputArea","instance","size","target","onKeyDown","onFocus","onBlur","autoSelect","autoGrow","minRowsAutoGrow","maxHeight","st","inputArea","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/Edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState, useEffect } from 'react';\nimport { InputArea } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { st, classes } from './Edit.st.css.js';\n\nconst toSingleLine = (value?: string) =>\n  value ? value.replace(/\\n+/g, ' ') : '';\n\nconst PADDING = 18;\nconst MIN_HEIGHT = 36;\n\nconst getMaxHeight = (element?: HTMLElement | null) => {\n  if (!element) {\n    return undefined;\n  }\n  const rect = element.getBoundingClientRect();\n  return Math.max(window.innerHeight - rect.top - PADDING, MIN_HEIGHT);\n};\n\nexport const TextEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const inputAreaRef = useRef<InputArea | null>(null);\n  const [isFocused, setIsFocused] = useState(false);\n\n  useEffect(() => {\n    if (isFocused) {\n      inputAreaRef.current?.calculateComputedRows();\n    }\n  }, [isFocused]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\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 handleFocus = useCallback(() => {\n    setIsFocused(true);\n  }, []);\n\n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <div ref={wrapperRef} className={classes.editWrapper}>\n      <InputArea\n        ref={(instance) => {\n          inputAreaRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        value={!isFocused ? toSingleLine(value) : value ?? ''}\n        onChange={(e) => onChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        autoSelect={false}\n        autoGrow\n        minRowsAutoGrow={1}\n        maxHeight={getMaxHeight(wrapperRef.current) + 'px'}\n        className={st(classes.inputArea, { isFocused })}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_useCloseOnAncestorScroll","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getMaxLength","validation","_validation$find","find","type","value","getSpecificValues","_validation$find2","values","TextEditPlain","onChange","onCommit","onCancel","inputRef","maxLength","isFocused","setIsFocused","useState","handleKeyDown","useCallback","key","shiftKey","preventDefault","handleFocus","handleBlur","createElement","className","classes","editWrapper","__self","__source","fileName","lineNumber","columnNumber","CellTextInput","onFocus","onBlur","onKeyDown","st","inputArea","TextEditSpecificValues","editTrigger","options","acHandle","useRef","wrapperRef","closeDropdown","_acHandle$current","current","hideOptions","useCloseOnAncestorScroll","isArrowNavRef","handleSelect","id","handleClear","handleOptionMarked","handleKeyDownCapture","stopPropagation","ref","onKeyDownCapture","CellAutoCompleteInput","undefined","initialSearchText","kind","autoOpen","onSelect","onClear","onOptionMarked","TextEdit","props","specificValues","_extends2","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/Edit.tsx"],"sourcesContent":["import React, { useCallback, useRef, useState } from 'react';\nimport {\n  CellTextInput,\n  CellAutoCompleteInput,\n  type CellAutoCompleteHandle,\n} from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport type { ValidationRule } from '../../../../state/EditableTable/types';\nimport { useCloseOnAncestorScroll } from '../../useCloseOnAncestorScroll';\nimport { st, classes } from './Edit.st.css.js';\n\nfunction getMaxLength(validation?: ValidationRule[]) {\n  return (\n    validation?.find(\n      (r): r is { type: 'maxLength'; value: number; message: string } =>\n        r.type === 'maxLength',\n    )\n  )?.value;\n}\n\nfunction getSpecificValues(validation?: ValidationRule[]) {\n  return (\n    validation?.find(\n      (r): r is { type: 'specificValues'; values: { id: string; value: string }[]; message: string } =>\n        r.type === 'specificValues',\n    )\n  )?.values;\n}\n\n// Plain text mode\nconst TextEditPlain: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  validation,\n}) => {\n  const maxLength = getMaxLength(validation);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter' && !e.shiftKey) {\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 handleFocus = useCallback(() => setIsFocused(true), []);\n  const handleBlur = useCallback(() => {\n    setIsFocused(false);\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <div className={classes.editWrapper}>\n      <CellTextInput\n        inputRef={inputRef}\n        value={value ?? ''}\n        onChange={onChange}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onKeyDown={handleKeyDown}\n        maxLength={maxLength}\n        className={st(classes.inputArea, { isFocused })}\n      />\n    </div>\n  );\n};\n\n// Specific values mode — autocomplete with a closed list of options\nconst TextEditSpecificValues: React.FC<\n  CellEditProps<string> & { options: { id: string; value: string }[] }\n> = ({ value, onChange, onCommit, onCancel, inputRef, editTrigger, options }) => {\n  const acHandle = useRef<CellAutoCompleteHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n\n  const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);\n  useCloseOnAncestorScroll(wrapperRef, closeDropdown, !!editTrigger);\n\n  // Set in capture phase on ArrowUp/Down so onOptionMarked only updates\n  // editingValue for explicit arrow navigation — not for auto-highlight on open.\n  const isArrowNavRef = useRef(false);\n\n  const handleSelect = useCallback(\n    (id: string) => {\n      onChange(id);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleClear = useCallback(() => onChange(''), [onChange]);\n\n  const handleOptionMarked = useCallback(\n    (id: string | null) => {\n      if (id && isArrowNavRef.current) {\n        onChange(id);\n        isArrowNavRef.current = false;\n      }\n    },\n    [onChange],\n  );\n\n  // Capture phase: set arrow-nav flag before AutoComplete fires onOptionMarked,\n  // and cancel on Escape before the dropdown processes it.\n  const handleKeyDownCapture = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel();\n      } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n        isArrowNavRef.current = true;\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={classes.editWrapper}\n      onKeyDownCapture={handleKeyDownCapture}\n    >\n      <CellAutoCompleteInput\n        ref={acHandle}\n        value={value || undefined}\n        options={options}\n        initialSearchText={\n          editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type'\n            ? editTrigger.key\n            : undefined\n        }\n        autoOpen={!!editTrigger}\n        onSelect={handleSelect}\n        onClear={handleClear}\n        onOptionMarked={handleOptionMarked}\n        inputRef={inputRef}\n        className={classes.inputArea}\n      />\n    </div>\n  );\n};\n\nexport const TextEdit: React.FC<CellEditProps<string>> = (props) => {\n  const specificValues = getSpecificValues(props.validation);\n  if (specificValues) {\n    return <TextEditSpecificValues {...props} options={specificValues} />;\n  }\n  return <TextEditPlain {...props} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/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/cjs/components/EditableTable/cellTypes/text/Edit.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit2174982117";
+var _namespace_ = "Edit4234533147";
 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": "Edit2174982117__root",
-  "editWrapper": "Edit2174982117__editWrapper",
-  "inputArea": "Edit2174982117__inputArea"
+  "root": "Edit4234533147__root",
+  "editWrapper": "Edit4234533147__editWrapper",
+  "inputArea": "Edit4234533147__inputArea"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/text/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/text/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2174982117\";\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\":\"Edit2174982117__root\",\"editWrapper\":\"Edit2174982117__editWrapper\",\"inputArea\":\"Edit2174982117__inputArea\"};\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,aAAa,EAAC,6BAA6B;EAAC,WAAW,EAAC;AAA2B,CAAC;AACjI,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/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit4234533147\";\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\":\"Edit4234533147__root\",\"editWrapper\":\"Edit4234533147__editWrapper\",\"inputArea\":\"Edit4234533147__inputArea\"};\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,aAAa,EAAC,6BAA6B;EAAC,WAAW,EAAC;AAA2B,CAAC;AACjI,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/SpecificValuesEdit.uni.driver.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SpecificValuesEditUniDriver = SpecificValuesEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function SpecificValuesEditUniDriver(base, body) {
+  const ac = (0, _unidriver.AutoCompleteUniDriver)(base, body);
+  return {
+    ...(0, _unidriver2.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/cjs/components/EditableTable/cellTypes/text/SpecificValuesEdit.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","SpecificValuesEditUniDriver","base","body","ac","AutoCompleteUniDriver","baseUniDriverFactory","keyDown","key","opts","inputDriver","blur","clickInput","click","getValue","selectOption","id","driver","selectOptionById","typeInInput","text","enterText","getOptionsContent","dropdownLayoutDriver","optionsContent"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/SpecificValuesEdit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { AutoCompleteUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { AutoCompleteUniDriver as AutoCompleteUniDriverFactory } from '@wix/design-system/dist/types/AutoComplete/AutoComplete.uni.driver';\nimport { UniDriverFactory } from '../../../uniDriverFactory';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function SpecificValuesEditUniDriver(base: UniDriver, body: UniDriver) {\n  const ac = (\n    AutoCompleteUniDriver as UniDriverFactory<AutoCompleteUniDriverFactory>\n  )(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    keyDown: (\n      key: string,\n      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },\n    ) => ac.inputDriver.keyDown({ key, ...opts }),\n    blur: () => ac.inputDriver.blur(),\n    clickInput: () => ac.inputDriver.click(),\n    getValue: () => ac.inputDriver.getValue(),\n    selectOption: async (id: string) => {\n      await ac.driver.selectOptionById(id);\n    },\n    typeInInput: (text: string) => ac.inputDriver.enterText(text),\n    getOptionsContent: () => ac.dropdownLayoutDriver.optionsContent(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,EAAE,GAAG,IACTC,gCAAqB,EACrBH,IAAI,EAAEC,IAAI,CAAC;EAEb,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,OAAO,EAAEA,CACPC,GAAW,EACXC,IAAmE,KAChEL,EAAE,CAACM,WAAW,CAACH,OAAO,CAAC;MAAEC,GAAG;MAAE,GAAGC;IAAK,CAAC,CAAC;IAC7CE,IAAI,EAAEA,CAAA,KAAMP,EAAE,CAACM,WAAW,CAACC,IAAI,CAAC,CAAC;IACjCC,UAAU,EAAEA,CAAA,KAAMR,EAAE,CAACM,WAAW,CAACG,KAAK,CAAC,CAAC;IACxCC,QAAQ,EAAEA,CAAA,KAAMV,EAAE,CAACM,WAAW,CAACI,QAAQ,CAAC,CAAC;IACzCC,YAAY,EAAE,MAAOC,EAAU,IAAK;MAClC,MAAMZ,EAAE,CAACa,MAAM,CAACC,gBAAgB,CAACF,EAAE,CAAC;IACtC,CAAC;IACDG,WAAW,EAAGC,IAAY,IAAKhB,EAAE,CAACM,WAAW,CAACW,SAAS,CAACD,IAAI,CAAC;IAC7DE,iBAAiB,EAAEA,CAAA,KAAMlB,EAAE,CAACmB,oBAAoB,CAACC,cAAc,CAAC;EAClE,CAAC;AACH","ignoreList":[]}

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

@@ -4,27 +4,35 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.TextView = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
 var _CellViewLayout = require("../CellViewLayout");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/text/View.tsx";
+function resolveDisplayValue(value, validation) {
+  const rule = validation == null ? void 0 : validation.find(r => r.type === 'specificValues');
+  if (rule) {
+    var _rule$values$find;
+    return ((_rule$values$find = rule.values.find(v => v.id === value)) == null ? void 0 : _rule$values$find.value) ?? value ?? '';
+  }
+  return value ?? '';
+}
 const TextView = ({
-  value
+  value,
+  validation
 }) => /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 7,
+    lineNumber: 19,
     columnNumber: 3
   }
-}, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-  size: "small",
-  ellipsis: true,
+}, /*#__PURE__*/_react.default.createElement(_patternsFields.TextView, {
+  data: resolveDisplayValue(value, validation),
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 8,
+    lineNumber: 20,
     columnNumber: 5
   }
-}, value ?? ''));
+}));
 exports.TextView = TextView;
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_CellViewLayout","_jsxFileName","TextView","value","default","createElement","CellViewLayout","__self","__source","fileName","lineNumber","columnNumber","Text","size","ellipsis","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@wix/design-system';\nimport type { CellViewProps } from '../../types';\nimport { CellViewLayout } from '../CellViewLayout';\n\nexport const TextView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <CellViewLayout>\n    <Text size=\"small\" ellipsis>\n      {value ?? ''}\n    </Text>\n  </CellViewLayout>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,YAAA;AAE5C,MAAMC,QAAyC,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBACjEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAM,cAAc;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACbf,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAa,IAAI;EAACC,IAAI,EAAC,OAAO;EAACC,QAAQ;EAAAP,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,GACxBR,KAAK,IAAI,EACN,CACQ,CACjB;AAACY,OAAA,CAAAb,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_CellViewLayout","_jsxFileName","resolveDisplayValue","value","validation","rule","find","r","type","_rule$values$find","values","v","id","TextView","default","createElement","CellViewLayout","__self","__source","fileName","lineNumber","columnNumber","data","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/text/View.tsx"],"sourcesContent":["import React from 'react';\nimport { TextView as FieldsTextView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\nimport type { ValidationRule } from '../../../../state/EditableTable/types';\nimport { CellViewLayout } from '../CellViewLayout';\n\nfunction resolveDisplayValue(value: string | undefined, validation?: ValidationRule[]): string {\n  const rule = validation?.find(\n    (r): r is { type: 'specificValues'; values: { id: string; value: string }[]; message: string } =>\n      r.type === 'specificValues',\n  );\n  if (rule) {\n    return rule.values.find((v) => v.id === value)?.value ?? value ?? '';\n  }\n  return value ?? '';\n}\n\nexport const TextView: React.FC<CellViewProps<string>> = ({ value, validation }) => (\n  <CellViewLayout>\n    <FieldsTextView data={resolveDisplayValue(value, validation)} />\n  </CellViewLayout>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAGA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,YAAA;AAEnD,SAASC,mBAAmBA,CAACC,KAAyB,EAAEC,UAA6B,EAAU;EAC7F,MAAMC,IAAI,GAAGD,UAAU,oBAAVA,UAAU,CAAEE,IAAI,CAC1BC,CAAC,IACAA,CAAC,CAACC,IAAI,KAAK,gBACf,CAAC;EACD,IAAIH,IAAI,EAAE;IAAA,IAAAI,iBAAA;IACR,OAAO,EAAAA,iBAAA,GAAAJ,IAAI,CAACK,MAAM,CAACJ,IAAI,CAAEK,CAAC,IAAKA,CAAC,CAACC,EAAE,KAAKT,KAAK,CAAC,qBAAvCM,iBAAA,CAAyCN,KAAK,KAAIA,KAAK,IAAI,EAAE;EACtE;EACA,OAAOA,KAAK,IAAI,EAAE;AACpB;AAEO,MAAMU,QAAyC,GAAGA,CAAC;EAAEV,KAAK;EAAEC;AAAW,CAAC,kBAC7ER,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,eAAA,CAAAgB,cAAc;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAlB,YAAA;IAAAmB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACbzB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,eAAA,CAAAc,QAAc;EAACS,IAAI,EAAEpB,mBAAmB,CAACC,KAAK,EAAEC,UAAU,CAAE;EAAAa,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAlB,YAAA;IAAAmB,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACjD,CACjB;AAACE,OAAA,CAAAV,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View709551828";
+var _namespace_ = "View3084968754";
 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": "View709551828__root"
+  "root": "View3084968754__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"View709551828\";\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\":\"View709551828__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,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;AAAqB,CAAC;AAC5C,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_ = \"View3084968754\";\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\":\"View3084968754__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,28 +37,21 @@ const UrlEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 33,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    ref: instance => {
-      if (inputRef) {
-        inputRef.current = instance;
-      }
-    },
-    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","instance","current","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={(instance => {\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        })}\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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,OAAwC,GAAGA,CAAC;EACvDC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9B1B,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC2B,GAAG,KAAK,OAAO,EAAE;MACrB3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBN,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC2B,GAAG,KAAK,QAAQ,EAAE;MAC7B3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBL,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMM,UAAU,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACnCJ,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,oBACE5B,MAAA,CAAAgB,OAAA,CAAAoB,aAAA;IACEC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF9C,MAAA,CAAAgB,OAAA,CAAAoB,aAAA,CAACjC,aAAA,CAAA4C,KAAK;IACJC,GAAG,EAAGC,QAAQ,IAAI;MAChB,IAAInB,QAAQ,EAAE;QACZA,QAAQ,CAACoB,OAAO,GAAGD,QAAQ;MAC7B;IACF,CAAG;IACHE,IAAI,EAAC,OAAO;IACZC,MAAM,EAAC,MAAM;IACb1B,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAGrB,CAAC,IAAKqB,QAAQ,CAACrB,CAAC,CAAC+C,MAAM,CAAC3B,KAAK,CAAE;IAC1C4B,SAAS,EAAEvB,aAAc;IACzBwB,MAAM,EAAEpB,UAAW;IACnBqB,IAAI,EAAC,KAAK;IACVC,UAAU,EAAE,KAAM;IAClBC,SAAS,EAAEC,kBAAO,CAACC,QAAS;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7B,CACE,CAAC;AAEV,CAAC;AAACe,OAAA,CAAApC,OAAA,GAAAA,OAAA","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_ = "Edit1985072426";
+var _namespace_ = "Edit2992387440";
 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": "Edit1985072426__root",
-  "urlInput": "Edit1985072426__urlInput"
+  "root": "Edit2992387440__root",
+  "urlInput": "Edit2992387440__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_ = \"Edit1985072426\";\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\":\"Edit1985072426__root\",\"urlInput\":\"Edit1985072426__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_ = \"Edit2992387440\";\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\":\"Edit2992387440__root\",\"urlInput\":\"Edit2992387440__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":[]}