@wix/patterns 1.374.0 → 1.377.0

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

@@ -1 +1 @@
-{"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","NumberEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","CellNumberInput","size","border","undefined","val","onKeyDown","onBlur","className","classes","numberInput","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellNumberInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const NumberEdit: React.FC<CellEditProps<number | null>> = ({\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    <CellNumberInput\n      inputRef={inputRef}\n      size=\"small\"\n      border=\"none\"\n      value={value ?? undefined}\n      onChange={(val) => onChange(val ?? null)}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      className={classes.numberInput}\n    />\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,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,UAAkD,GAAGA,CAAC;EACjEC,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,CAACjC,eAAA,CAAAkC,eAAe;IACdP,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAC,OAAO;IACZC,MAAM,EAAC,MAAM;IACbb,KAAK,EAAEA,KAAK,IAAIc,SAAU;IAC1Bb,QAAQ,EAAGc,GAAG,IAAKd,QAAQ,CAACc,GAAG,IAAI,IAAI,CAAE;IACzCC,SAAS,EAAEX,aAAc;IACzBY,MAAM,EAAER,UAAW;IACnBS,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA3B,UAAA,GAAAA,UAAA","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","NumberEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","CellNumberInput","instance","current","size","border","undefined","val","onKeyDown","onBlur","className","classes","numberInput","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellNumberInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const NumberEdit: React.FC<CellEditProps<number | null>> = ({\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    <CellNumberInput\n      inputRef={(instance) => {\n        if (inputRef) {\n          inputRef.current = instance;\n        }\n      }}\n      size=\"small\"\n      border=\"none\"\n      value={value ?? undefined}\n      onChange={(val) => onChange(val ?? null)}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      className={classes.numberInput}\n    />\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,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,UAAkD,GAAGA,CAAC;EACjEC,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,CAACjC,eAAA,CAAAkC,eAAe;IACdP,QAAQ,EAAGQ,QAAQ,IAAK;MACtB,IAAIR,QAAQ,EAAE;QACZA,QAAQ,CAACS,OAAO,GAAGD,QAAQ;MAC7B;IACF,CAAE;IACFE,IAAI,EAAC,OAAO;IACZC,MAAM,EAAC,MAAM;IACbf,KAAK,EAAEA,KAAK,IAAIgB,SAAU;IAC1Bf,QAAQ,EAAGgB,GAAG,IAAKhB,QAAQ,CAACgB,GAAG,IAAI,IAAI,CAAE;IACzCC,SAAS,EAAEb,aAAc;IACzBc,MAAM,EAAEV,UAAW;IACnBW,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA7B,UAAA,GAAAA,UAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/number/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_ = "Edit2578505543";
+var _namespace_ = "Edit1556339613";
 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": "Edit2578505543__root",
-  "numberInput": "Edit2578505543__numberInput"
+  "root": "Edit1556339613__root",
+  "numberInput": "Edit1556339613__numberInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/number/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/number/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2578505543\";\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\":\"Edit2578505543__root\",\"numberInput\":\"Edit2578505543__numberInput\"};\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;AAA6B,CAAC;AACzF,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/number/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1556339613\";\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\":\"Edit1556339613__root\",\"numberInput\":\"Edit1556339613__numberInput\"};\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;AAA6B,CAAC;AACzF,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/number/View.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_ = "View1162563628";
+var _namespace_ = "View2548840183";
 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": "View1162563628__root",
-  "textView": "View1162563628__textView"
+  "root": "View2548840183__root",
+  "textView": "View2548840183__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/number/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/number/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1162563628\";\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\":\"View1162563628__root\",\"textView\":\"View1162563628__textView\"};\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/number/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2548840183\";\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\":\"View2548840183__root\",\"textView\":\"View2548840183__textView\"};\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/object/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_ = "Edit2006911160";
+var _namespace_ = "Edit3112699959";
 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": "Edit2006911160__root",
-  "jsonInput": "Edit2006911160__jsonInput"
+  "root": "Edit3112699959__root",
+  "jsonInput": "Edit3112699959__jsonInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/object/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/object/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2006911160\";\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\":\"Edit2006911160__root\",\"jsonInput\":\"Edit2006911160__jsonInput\"};\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,WAAW,EAAC;AAA2B,CAAC;AACrF,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/object/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3112699959\";\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\":\"Edit3112699959__root\",\"jsonInput\":\"Edit3112699959__jsonInput\"};\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,WAAW,EAAC;AAA2B,CAAC;AACrF,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/object/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_ = "View4156706664";
+var _namespace_ = "View1785259297";
 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": "View4156706664__root"
+  "root": "View1785259297__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/object/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/object/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View4156706664\";\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\":\"View4156706664__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/object/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1785259297\";\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\":\"View1785259297__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/select/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_ = "Edit1195044413";
+var _namespace_ = "Edit1889865253";
 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": "Edit1195044413__root",
-  "selectInput": "Edit1195044413__selectInput"
+  "root": "Edit1889865253__root",
+  "selectInput": "Edit1889865253__selectInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/select/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/select/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1195044413\";\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\":\"Edit1195044413__root\",\"selectInput\":\"Edit1195044413__selectInput\"};\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;AAA6B,CAAC;AACzF,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/select/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1889865253\";\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\":\"Edit1889865253__root\",\"selectInput\":\"Edit1889865253__selectInput\"};\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;AAA6B,CAAC;AACzF,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/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_ = "Edit400015360";
+var _namespace_ = "Edit1726914236";
 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": "Edit400015360__root",
-  "editWrapper": "Edit400015360__editWrapper",
-  "inputArea": "Edit400015360__inputArea"
+  "root": "Edit1726914236__root",
+  "editWrapper": "Edit1726914236__editWrapper",
+  "inputArea": "Edit1726914236__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_ = \"Edit400015360\";\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\":\"Edit400015360__root\",\"editWrapper\":\"Edit400015360__editWrapper\",\"inputArea\":\"Edit400015360__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,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,aAAa,EAAC,4BAA4B;EAAC,WAAW,EAAC;AAA0B,CAAC;AAC9H,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_ = \"Edit1726914236\";\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\":\"Edit1726914236__root\",\"editWrapper\":\"Edit1726914236__editWrapper\",\"inputArea\":\"Edit1726914236__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_ = "View4255914131";
+var _namespace_ = "View3940841785";
 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": "View4255914131__root"
+  "root": "View3940841785__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};