@wix/patterns 1.481.0 → 1.482.0

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

@@ -5,6 +5,7 @@ exports.ObjectEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _patternsFields = require("@wix/patterns-fields");
+var _useMultilineEditKeyboard = require("../useMultilineEditKeyboard");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/object/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); }
@@ -15,7 +16,6 @@ const ObjectEdit = ({
   onCancel,
   inputRef
 }) => {
-  const committedRef = (0, _react.useRef)(false);
   const inputAreaRef = (0, _react.useRef)(null);
 
   // Expand to fit content immediately on mount (= entering edit mode).
@@ -29,26 +29,20 @@ const ObjectEdit = ({
   const handleChange = (0, _react.useCallback)(parsed => {
     onChange(parsed);
   }, [onChange]);
-  const handleKeyDown = (0, _react.useCallback)(e => {
-    if (e.key === 'Escape') {
-      e.preventDefault();
-      committedRef.current = true;
-      onCancel();
-    }
-    // Enter is not handled — multi-line JSON needs Enter for newlines
-  }, [onCancel]);
-  const handleBlur = (0, _react.useCallback)(() => {
-    if (!committedRef.current) {
-      onCommit();
-    }
-  }, [onCommit]);
+  const {
+    handleKeyDown,
+    handleBlur
+  } = (0, _useMultilineEditKeyboard.useMultilineEditKeyboard)({
+    onCommit,
+    onCancel
+  });
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     width: "100%",
     height: "100%",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 39,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellJsonInput, {
@@ -70,7 +64,7 @@ const ObjectEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 53,
+      lineNumber: 40,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ObjectEdit","value","onChange","onCommit","onCancel","inputRef","committedRef","useRef","inputAreaRef","useEffect","requestAnimationFrame","_inputAreaRef$current","current","calculateComputedRows","handleChange","useCallback","parsed","handleKeyDown","key","preventDefault","handleBlur","createElement","Box","width","height","__self","__source","fileName","lineNumber","columnNumber","CellJsonInput","ref","instance","size","onKeyDown","onBlur","autoSelect","autoGrow","minRowsAutoGrow","className","classes","jsonInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport type { InputArea } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\nimport { CellJsonInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const ObjectEdit: React.FC<CellEditProps<Record<string, unknown>>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const committedRef = useRef(false);\n  const inputAreaRef = useRef<InputArea | null>(null);\n\n  // Expand to fit content immediately on mount (= entering edit mode).\n  // Deferred to next frame so the textarea has rendered its content.\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      inputAreaRef.current?.calculateComputedRows();\n    });\n  }, []);\n\n  const handleChange = useCallback(\n    (parsed?: any) => {\n      onChange(parsed as Record<string, unknown>);\n    },\n    [onChange],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        committedRef.current = true;\n        onCancel();\n      }\n      // Enter is not handled — multi-line JSON needs Enter for newlines\n    },\n    [onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    if (!committedRef.current) {\n      onCommit();\n    }\n  }, [onCommit]);\n\n  return (\n    <Box width=\"100%\" height=\"100%\">\n      <CellJsonInput\n        ref={(instance: any) => {\n          inputAreaRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        value={value}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        autoSelect={false}\n        autoGrow\n        minRowsAutoGrow={1}\n        className={classes.jsonInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useMultilineEditKeyboard","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ObjectEdit","value","onChange","onCommit","onCancel","inputRef","inputAreaRef","useRef","useEffect","requestAnimationFrame","_inputAreaRef$current","current","calculateComputedRows","handleChange","useCallback","parsed","handleKeyDown","handleBlur","useMultilineEditKeyboard","createElement","Box","width","height","__self","__source","fileName","lineNumber","columnNumber","CellJsonInput","ref","instance","size","onKeyDown","onBlur","autoSelect","autoGrow","minRowsAutoGrow","className","classes","jsonInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/object/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport type { InputArea } from '@wix/design-system';\nimport { Box } from '@wix/design-system';\nimport { CellJsonInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useMultilineEditKeyboard } from '../useMultilineEditKeyboard';\nimport { classes } from './Edit.st.css.js';\n\nexport const ObjectEdit: React.FC<CellEditProps<Record<string, unknown>>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const inputAreaRef = useRef<InputArea | null>(null);\n\n  // Expand to fit content immediately on mount (= entering edit mode).\n  // Deferred to next frame so the textarea has rendered its content.\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      inputAreaRef.current?.calculateComputedRows();\n    });\n  }, []);\n\n  const handleChange = useCallback(\n    (parsed?: any) => {\n      onChange(parsed as Record<string, unknown>);\n    },\n    [onChange],\n  );\n\n  const { handleKeyDown, handleBlur } = useMultilineEditKeyboard({\n    onCommit,\n    onCancel,\n  });\n\n  return (\n    <Box width=\"100%\" height=\"100%\">\n      <CellJsonInput\n        ref={(instance: any) => {\n          inputAreaRef.current = instance;\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        value={value}\n        onChange={handleChange}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        autoSelect={false}\n        autoGrow\n        minRowsAutoGrow={1}\n        className={classes.jsonInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","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_ = "Edit4155910577";
+var _namespace_ = "Edit1594439409";
 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": "Edit4155910577__root",
-  "jsonInput": "Edit4155910577__jsonInput"
+  "root": "Edit1594439409__root",
+  "jsonInput": "Edit1594439409__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_ = \"Edit4155910577\";\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\":\"Edit4155910577__root\",\"jsonInput\":\"Edit4155910577__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_ = \"Edit1594439409\";\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\":\"Edit1594439409__root\",\"jsonInput\":\"Edit1594439409__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_ = "View1925819975";
+var _namespace_ = "View2161500075";
 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": "View1925819975__root"
+  "root": "View2161500075__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_ = \"View1925819975\";\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\":\"View1925819975__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_ = \"View2161500075\";\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\":\"View2161500075__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/reference/Edit.js

@@ -8,6 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _patternsFields = require("@wix/patterns-fields");
 var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
+var _useCommitOnEnter = require("../useCommitOnEnter");
 var _useFilterCollectionStates = require("../../../../hooks/useFilterCollectionStates");
 var _providers = require("../../../../providers");
 var _getImageFieldId = require("./getImageFieldId");
@@ -133,6 +134,10 @@ function _ReferenceEditContent({
       onCommit();
     }
   }, [onCancel, onChange, onCommit, value, displayValue, collection, isSearchActive]);
+
+  // On a wrapper, not handleKeyDown — that runs on the input, before the
+  // highlighted option is selected.
+  const handleEnterCommit = (0, _useCommitOnEnter.useCommitOnEnter)(onCommit);
   const closeDropdown = (0, _react.useCallback)(() => {
     var _acHandle$current;
     return (_acHandle$current = acHandle.current) == null ? void 0 : _acHandle$current.hideOptions();
@@ -162,9 +167,20 @@ function _ReferenceEditContent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 217,
       columnNumber: 5
     }
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    style: {
+      display: 'contents'
+    },
+    onKeyDown: handleEnterCommit,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 218,
+      columnNumber: 7
+    }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellReferenceInput, {
     ref: acHandle,
     items: items,
@@ -186,24 +202,24 @@ function _ReferenceEditContent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
-      columnNumber: 7
+      lineNumber: 219,
+      columnNumber: 9
     }
-  }));
+  })));
 }
 const ReferenceEditContent = (0, _mobxReactLite.observer)(_ReferenceEditContent);
 const ReferenceEdit = props => /*#__PURE__*/_react.default.createElement(_providers.FilterTranslationProvider, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 239,
+    lineNumber: 246,
     columnNumber: 3
   }
 }, /*#__PURE__*/_react.default.createElement(ReferenceEditContent, (0, _extends2.default)({}, props, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 240,
+    lineNumber: 247,
     columnNumber: 5
   }
 })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useCloseOnAncestorScroll","_useFilterCollectionStates","_providers","_getImageFieldId","_react2","_mobxReactLite","_openCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ReferenceEditContent","value","onChange","onCommit","onCancel","typeConfig","editTrigger","inputRef","config","refSchema","acHandle","useRef","wrapperRef","openReferencedCollection","useOpenReferencedCollection","collection","useCollection","queryName","id","itemKey","item","itemName","name","fetchData","query","fetchReferenceItems","items","total","initialSearchTextRef","kind","key","undefined","isSearchActive","setIsSearchActive","useState","current","useEffect","dispose","init","search","clearResult","keyedItems","result","fetchedLastPage","searchValue","idField","displayField","imageField","getImageFieldId","fields","selectedDisplayValue","String","displayValue","selectedImage","useMemo","selectedId","foundItem","find","ki","image","selectedItem","map","handleSelect","useCallback","clearSearch","handleChange","target","handleClear","handleKeyDown","preventDefault","stopPropagation","closeDropdown","_acHandle$current","hideOptions","useCloseOnAncestorScroll","showInitialLoader","fixedFooter","useFilterCollectionStates","renderFooter","handleOpenCollection","clearResultAndMoveToStart","force","createElement","Box","ref","width","height","__self","__source","fileName","lineNumber","columnNumber","CellReferenceInput","onSelect","onClear","onKeyDown","clearButton","infiniteScroll","hasMore","loadMore","fetchNextPageIfNeeded","onBlur","onOpenCollection","autoOpen","ReferenceEditContent","observer","ReferenceEdit","props","FilterTranslationProvider","_extends2","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/Edit.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Box } from '@wix/design-system';\nimport {\n  CellReferenceInput,\n  type CellReferenceInputHandle,\n  type CellReferenceItem,\n} from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';\nimport { FilterTranslationProvider } from '../../../../providers';\nimport type { ReferenceItem, ReferenceTypeConfig } from './types';\nimport { getImageFieldId } from './getImageFieldId';\nimport { useCollection } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useOpenReferencedCollection } from './openCollectionContext';\n\ntype ReferenceValue = Record<string, unknown> | null;\n\nfunction _ReferenceEditContent({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  typeConfig,\n  editTrigger,\n  inputRef,\n}: CellEditProps<ReferenceValue>) {\n  const config = typeConfig as ReferenceTypeConfig | undefined;\n  const refSchema = config?.refSchema;\n  const acHandle = useRef<CellReferenceInputHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  // Opener provided by ReferenceEditWrapper (a stable ancestor) so the\n  // navigation + return-to-foreground subscription survive this editor\n  // unmounting when the overlay opens.\n  const openReferencedCollection = useOpenReferencedCollection();\n\n  const collection = useCollection<ReferenceItem>({\n    queryName: `reference-cell-edit-${refSchema?.id ?? 'unknown'}`,\n    itemKey: (item) => item.id,\n    itemName: (item) => item.name,\n    fetchData: async (query) => {\n      if (!config?.fetchReferenceItems) {\n        return { items: [], total: 0 };\n      }\n      return config.fetchReferenceItems(query);\n    },\n  });\n\n  const initialSearchTextRef = useRef(\n    editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n      ? editTrigger.key\n      : undefined,\n  );\n  // True once the user has typed into the search input. After that, displayValue\n  // follows searchValue directly (even when empty) rather than falling back to\n  // selectedDisplayValue — prevents the input from snapping back after backspace.\n  // useState (not useRef) so that setIsSearchActive(true) triggers a re-render\n  // even when collection.search('') produces no MobX change (searchValue already '').\n  const [isSearchActive, setIsSearchActive] = useState(\n    initialSearchTextRef.current !== undefined,\n  );\n\n  useEffect(() => {\n    const dispose = collection.init();\n    if (initialSearchTextRef.current !== undefined) {\n      collection.search(initialSearchTextRef.current, {\n        clearResult: true,\n      });\n    }\n    return dispose;\n  }, [collection]);\n\n  const keyedItems = collection.result.keyedItems;\n  const fetchedLastPage = collection.fetchedLastPage;\n  const searchValue = collection.query.search.value;\n\n  const idField = refSchema?.idField ?? '_id';\n  const displayField = refSchema?.displayField ?? 'title';\n  const imageField = getImageFieldId(refSchema?.fields);\n\n  const selectedDisplayValue = value ? String(value[displayField] ?? '') : '';\n  const displayValue = isSearchActive\n    ? searchValue\n    : searchValue || selectedDisplayValue;\n\n  const selectedImage = useMemo(() => {\n    const selectedId = value?.[idField];\n    if (!selectedId) {\n      return undefined;\n    }\n    const foundItem = keyedItems.find((ki) => ki.key === String(selectedId));\n    if (foundItem?.item.image) {\n      return foundItem.item.image;\n    }\n    if (imageField) {\n      return value?.[imageField] as string | undefined;\n    }\n    return undefined;\n  }, [value, idField, keyedItems, imageField]);\n\n  const selectedId = value ? String(value[idField] ?? '') : '';\n  const selectedItem =\n    selectedDisplayValue && !searchValue && selectedId && !isSearchActive\n      ? { id: selectedId, name: selectedDisplayValue, image: selectedImage }\n      : undefined;\n\n  const items = useMemo(\n    () =>\n      keyedItems.map((ki) => ({\n        id: String(ki.key),\n        name: ki.item.name,\n        image: ki.item.image,\n      })),\n    [keyedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: CellReferenceItem) => {\n      onChange({\n        [idField]: item.id,\n        [displayField]: item.name,\n        ...(imageField && item.image ? { [imageField]: item.image } : {}),\n      });\n      collection.clearSearch();\n      onCommit();\n    },\n    [idField, displayField, imageField, onChange, onCommit, collection],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setIsSearchActive(true);\n      if (e.target.value) {\n        collection.search(e.target.value, { clearResult: true });\n      } else {\n        collection.clearSearch();\n      }\n    },\n    [collection],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    collection.clearSearch();\n    onCommit();\n  }, [onChange, onCommit, collection]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel();\n      } else if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        value &&\n        !displayValue &&\n        !isSearchActive\n      ) {\n        onChange(null);\n        collection.clearSearch();\n        onCommit();\n      }\n    },\n    [\n      onCancel,\n      onChange,\n      onCommit,\n      value,\n      displayValue,\n      collection,\n      isSearchActive,\n    ],\n  );\n\n  const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);\n  useCloseOnAncestorScroll(wrapperRef, closeDropdown, true);\n\n  const { showInitialLoader, fixedFooter } = useFilterCollectionStates({\n    collection,\n    fixedFooter: config?.renderFooter?.(),\n  });\n\n  // Refresh this editor's dropdown options when the overlay closes — force\n  // invalidates the shared query cache (keyed by queryName), so even after this\n  // editor has unmounted the next open refetches fresh.\n  const handleOpenCollection = useMemo(\n    () =>\n      openReferencedCollection\n        ? () =>\n            openReferencedCollection(() =>\n              collection.clearResultAndMoveToStart({ force: true }),\n            )\n        : undefined,\n    [openReferencedCollection, collection],\n  );\n\n  if (!refSchema) {\n    return null;\n  }\n\n  return (\n    <Box ref={wrapperRef} width=\"100%\" height=\"100%\">\n      <CellReferenceInput\n        ref={acHandle}\n        items={items}\n        value={displayValue}\n        selectedItem={selectedItem}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onClear={handleClear}\n        onKeyDown={handleKeyDown}\n        clearButton={!!displayValue}\n        infiniteScroll\n        hasMore={!showInitialLoader && !fetchedLastPage}\n        loadMore={collection.fetchNextPageIfNeeded}\n        fixedFooter={fixedFooter}\n        onBlur={onCommit}\n        onOpenCollection={handleOpenCollection}\n        autoOpen={!!editTrigger}\n        inputRef={inputRef}\n      />\n    </Box>\n  );\n}\n\nconst ReferenceEditContent = observer(_ReferenceEditContent);\n\nexport const ReferenceEdit = (props: CellEditProps<ReferenceValue>) => (\n  <FilterTranslationProvider>\n    <ReferenceEditContent {...props} />\n  </FilterTranslationProvider>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useCloseOnAncestorScroll","_useCommitOnEnter","_useFilterCollectionStates","_providers","_getImageFieldId","_react2","_mobxReactLite","_openCollectionContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ReferenceEditContent","value","onChange","onCommit","onCancel","typeConfig","editTrigger","inputRef","config","refSchema","acHandle","useRef","wrapperRef","openReferencedCollection","useOpenReferencedCollection","collection","useCollection","queryName","id","itemKey","item","itemName","name","fetchData","query","fetchReferenceItems","items","total","initialSearchTextRef","kind","key","undefined","isSearchActive","setIsSearchActive","useState","current","useEffect","dispose","init","search","clearResult","keyedItems","result","fetchedLastPage","searchValue","idField","displayField","imageField","getImageFieldId","fields","selectedDisplayValue","String","displayValue","selectedImage","useMemo","selectedId","foundItem","find","ki","image","selectedItem","map","handleSelect","useCallback","clearSearch","handleChange","target","handleClear","handleKeyDown","preventDefault","stopPropagation","handleEnterCommit","useCommitOnEnter","closeDropdown","_acHandle$current","hideOptions","useCloseOnAncestorScroll","showInitialLoader","fixedFooter","useFilterCollectionStates","renderFooter","handleOpenCollection","clearResultAndMoveToStart","force","createElement","Box","ref","width","height","__self","__source","fileName","lineNumber","columnNumber","style","display","onKeyDown","CellReferenceInput","onSelect","onClear","clearButton","infiniteScroll","hasMore","loadMore","fetchNextPageIfNeeded","onBlur","onOpenCollection","autoOpen","ReferenceEditContent","observer","ReferenceEdit","props","FilterTranslationProvider","_extends2","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/reference/Edit.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { Box } from '@wix/design-system';\nimport {\n  CellReferenceInput,\n  type CellReferenceInputHandle,\n  type CellReferenceItem,\n} from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { useCommitOnEnter } from '../useCommitOnEnter';\nimport { useFilterCollectionStates } from '../../../../hooks/useFilterCollectionStates';\nimport { FilterTranslationProvider } from '../../../../providers';\nimport type { ReferenceItem, ReferenceTypeConfig } from './types';\nimport { getImageFieldId } from './getImageFieldId';\nimport { useCollection } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useOpenReferencedCollection } from './openCollectionContext';\n\ntype ReferenceValue = Record<string, unknown> | null;\n\nfunction _ReferenceEditContent({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  typeConfig,\n  editTrigger,\n  inputRef,\n}: CellEditProps<ReferenceValue>) {\n  const config = typeConfig as ReferenceTypeConfig | undefined;\n  const refSchema = config?.refSchema;\n  const acHandle = useRef<CellReferenceInputHandle | null>(null);\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  // Opener provided by ReferenceEditWrapper (a stable ancestor) so the\n  // navigation + return-to-foreground subscription survive this editor\n  // unmounting when the overlay opens.\n  const openReferencedCollection = useOpenReferencedCollection();\n\n  const collection = useCollection<ReferenceItem>({\n    queryName: `reference-cell-edit-${refSchema?.id ?? 'unknown'}`,\n    itemKey: (item) => item.id,\n    itemName: (item) => item.name,\n    fetchData: async (query) => {\n      if (!config?.fetchReferenceItems) {\n        return { items: [], total: 0 };\n      }\n      return config.fetchReferenceItems(query);\n    },\n  });\n\n  const initialSearchTextRef = useRef(\n    editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n      ? editTrigger.key\n      : undefined,\n  );\n  // True once the user has typed into the search input. After that, displayValue\n  // follows searchValue directly (even when empty) rather than falling back to\n  // selectedDisplayValue — prevents the input from snapping back after backspace.\n  // useState (not useRef) so that setIsSearchActive(true) triggers a re-render\n  // even when collection.search('') produces no MobX change (searchValue already '').\n  const [isSearchActive, setIsSearchActive] = useState(\n    initialSearchTextRef.current !== undefined,\n  );\n\n  useEffect(() => {\n    const dispose = collection.init();\n    if (initialSearchTextRef.current !== undefined) {\n      collection.search(initialSearchTextRef.current, {\n        clearResult: true,\n      });\n    }\n    return dispose;\n  }, [collection]);\n\n  const keyedItems = collection.result.keyedItems;\n  const fetchedLastPage = collection.fetchedLastPage;\n  const searchValue = collection.query.search.value;\n\n  const idField = refSchema?.idField ?? '_id';\n  const displayField = refSchema?.displayField ?? 'title';\n  const imageField = getImageFieldId(refSchema?.fields);\n\n  const selectedDisplayValue = value ? String(value[displayField] ?? '') : '';\n  const displayValue = isSearchActive\n    ? searchValue\n    : searchValue || selectedDisplayValue;\n\n  const selectedImage = useMemo(() => {\n    const selectedId = value?.[idField];\n    if (!selectedId) {\n      return undefined;\n    }\n    const foundItem = keyedItems.find((ki) => ki.key === String(selectedId));\n    if (foundItem?.item.image) {\n      return foundItem.item.image;\n    }\n    if (imageField) {\n      return value?.[imageField] as string | undefined;\n    }\n    return undefined;\n  }, [value, idField, keyedItems, imageField]);\n\n  const selectedId = value ? String(value[idField] ?? '') : '';\n  const selectedItem =\n    selectedDisplayValue && !searchValue && selectedId && !isSearchActive\n      ? { id: selectedId, name: selectedDisplayValue, image: selectedImage }\n      : undefined;\n\n  const items = useMemo(\n    () =>\n      keyedItems.map((ki) => ({\n        id: String(ki.key),\n        name: ki.item.name,\n        image: ki.item.image,\n      })),\n    [keyedItems],\n  );\n\n  const handleSelect = useCallback(\n    (item: CellReferenceItem) => {\n      onChange({\n        [idField]: item.id,\n        [displayField]: item.name,\n        ...(imageField && item.image ? { [imageField]: item.image } : {}),\n      });\n      collection.clearSearch();\n      onCommit();\n    },\n    [idField, displayField, imageField, onChange, onCommit, collection],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setIsSearchActive(true);\n      if (e.target.value) {\n        collection.search(e.target.value, { clearResult: true });\n      } else {\n        collection.clearSearch();\n      }\n    },\n    [collection],\n  );\n\n  const handleClear = useCallback(() => {\n    onChange(null);\n    collection.clearSearch();\n    onCommit();\n  }, [onChange, onCommit, collection]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        e.stopPropagation();\n        onCancel();\n      } else if (\n        (e.key === 'Backspace' || e.key === 'Delete') &&\n        value &&\n        !displayValue &&\n        !isSearchActive\n      ) {\n        onChange(null);\n        collection.clearSearch();\n        onCommit();\n      }\n    },\n    [\n      onCancel,\n      onChange,\n      onCommit,\n      value,\n      displayValue,\n      collection,\n      isSearchActive,\n    ],\n  );\n\n  // On a wrapper, not handleKeyDown — that runs on the input, before the\n  // highlighted option is selected.\n  const handleEnterCommit = useCommitOnEnter(onCommit);\n\n  const closeDropdown = useCallback(() => acHandle.current?.hideOptions(), []);\n  useCloseOnAncestorScroll(wrapperRef, closeDropdown, true);\n\n  const { showInitialLoader, fixedFooter } = useFilterCollectionStates({\n    collection,\n    fixedFooter: config?.renderFooter?.(),\n  });\n\n  // Refresh this editor's dropdown options when the overlay closes — force\n  // invalidates the shared query cache (keyed by queryName), so even after this\n  // editor has unmounted the next open refetches fresh.\n  const handleOpenCollection = useMemo(\n    () =>\n      openReferencedCollection\n        ? () =>\n            openReferencedCollection(() =>\n              collection.clearResultAndMoveToStart({ force: true }),\n            )\n        : undefined,\n    [openReferencedCollection, collection],\n  );\n\n  if (!refSchema) {\n    return null;\n  }\n\n  return (\n    <Box ref={wrapperRef} width=\"100%\" height=\"100%\">\n      <div style={{ display: 'contents' }} onKeyDown={handleEnterCommit}>\n        <CellReferenceInput\n          ref={acHandle}\n          items={items}\n          value={displayValue}\n          selectedItem={selectedItem}\n          onChange={handleChange}\n          onSelect={handleSelect}\n          onClear={handleClear}\n          onKeyDown={handleKeyDown}\n          clearButton={!!displayValue}\n          infiniteScroll\n          hasMore={!showInitialLoader && !fetchedLastPage}\n          loadMore={collection.fetchNextPageIfNeeded}\n          fixedFooter={fixedFooter}\n          onBlur={onCommit}\n          onOpenCollection={handleOpenCollection}\n          autoOpen={!!editTrigger}\n          inputRef={inputRef}\n        />\n      </div>\n    </Box>\n  );\n}\n\nconst ReferenceEditContent = observer(_ReferenceEditContent);\n\nexport const ReferenceEdit = (props: CellEditProps<ReferenceValue>) => (\n  <FilterTranslationProvider>\n    <ReferenceEditContent {...props} />\n  </FilterTranslationProvider>\n);\n"],"mappings":"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","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_ = "Edit261524571";
+var _namespace_ = "Edit3068663442";
 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": "Edit261524571__root",
-  "selectInput": "Edit261524571__selectInput"
+  "root": "Edit3068663442__root",
+  "selectInput": "Edit3068663442__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_ = \"Edit261524571\";\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\":\"Edit261524571__root\",\"selectInput\":\"Edit261524571__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,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;AAA4B,CAAC;AACvF,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_ = \"Edit3068663442\";\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\":\"Edit3068663442__root\",\"selectInput\":\"Edit3068663442__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

@@ -7,6 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _patternsFields = require("@wix/patterns-fields");
 var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
+var _useCommitOnEnter = require("../useCommitOnEnter");
 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); }
@@ -49,7 +50,7 @@ const TextEditPlain = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellTextInput, {
@@ -66,7 +67,7 @@ const TextEditPlain = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 65,
       columnNumber: 7
     }
   }));
@@ -116,14 +117,16 @@ const TextEditSpecificValues = ({
       isArrowNavRef.current = true;
     }
   }, [onCancel]);
+  const handleKeyDown = (0, _useCommitOnEnter.useCommitOnEnter)(onCommit);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapperRef,
     className: _EditStCss.classes.editWrapper,
     onKeyDownCapture: handleKeyDownCapture,
+    onKeyDown: handleKeyDown,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 139,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellAutoCompleteInput, {
@@ -140,7 +143,7 @@ const TextEditSpecificValues = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 145,
       columnNumber: 7
     }
   }));
@@ -153,7 +156,7 @@ const TextEdit = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166,
+        lineNumber: 170,
         columnNumber: 12
       }
     }));
@@ -162,7 +165,7 @@ const TextEdit = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 172,
       columnNumber: 10
     }
   }));

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

@@ -1 +1 @@
-{"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 '../../../../hooks/useCloseOnAncestorScroll';\nimport { st, classes } from './Edit.st.css.js';\n\nfunction getMaxLength(validation?: ValidationRule[]) {\n  return validation?.find(\n    (r): r is { type: 'maxLength'; value: number; message: string } =>\n      r.type === 'maxLength',\n  )?.value;\n}\n\nfunction getSpecificValues(validation?: ValidationRule[]) {\n  return validation?.find(\n    (\n      r,\n    ): r is {\n      type: 'specificValues';\n      values: { id: string; value: string }[];\n      message: string;\n    } => r.type === 'specificValues',\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> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n  options,\n}) => {\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 &&\n          typeof editTrigger === 'object' &&\n          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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_useCloseOnAncestorScroll","_useCommitOnEnter","_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","useCommitOnEnter","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 '../../../../hooks/useCloseOnAncestorScroll';\nimport { useCommitOnEnter } from '../useCommitOnEnter';\nimport { st, classes } from './Edit.st.css.js';\n\nfunction getMaxLength(validation?: ValidationRule[]) {\n  return validation?.find(\n    (r): r is { type: 'maxLength'; value: number; message: string } =>\n      r.type === 'maxLength',\n  )?.value;\n}\n\nfunction getSpecificValues(validation?: ValidationRule[]) {\n  return validation?.find(\n    (\n      r,\n    ): r is {\n      type: 'specificValues';\n      values: { id: string; value: string }[];\n      message: string;\n    } => r.type === 'specificValues',\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> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n  options,\n}) => {\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  const handleKeyDown = useCommitOnEnter(onCommit);\n\n  return (\n    <div\n      ref={wrapperRef}\n      className={classes.editWrapper}\n      onKeyDownCapture={handleKeyDownCapture}\n      onKeyDown={handleKeyDown}\n    >\n      <CellAutoCompleteInput\n        ref={acHandle}\n        value={value || undefined}\n        options={options}\n        initialSearchText={\n          editTrigger &&\n          typeof editTrigger === 'object' &&\n          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.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_ = "Edit3788367266";
+var _namespace_ = "Edit136882343";
 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": "Edit3788367266__root",
-  "editWrapper": "Edit3788367266__editWrapper",
-  "inputArea": "Edit3788367266__inputArea"
+  "root": "Edit136882343__root",
+  "editWrapper": "Edit136882343__editWrapper",
+  "inputArea": "Edit136882343__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_ = \"Edit3788367266\";\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\":\"Edit3788367266__root\",\"editWrapper\":\"Edit3788367266__editWrapper\",\"inputArea\":\"Edit3788367266__inputArea\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \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;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC;AAA8B,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_ = \"Edit136882343\";\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\":\"Edit136882343__root\",\"editWrapper\":\"Edit136882343__editWrapper\",\"inputArea\":\"Edit136882343__inputArea\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \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;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","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_ = "View716379435";
+var _namespace_ = "View1836553263";
 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": "View716379435__root"
+  "root": "View1836553263__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_ = \"View716379435\";\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\":\"View716379435__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_ = \"View1836553263\";\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\":\"View1836553263__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/time/Edit.js

@@ -5,6 +5,7 @@ exports.TimeEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _patternsFields = require("@wix/patterns-fields");
 var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
+var _useCommitOnEnter = require("../useCommitOnEnter");
 var _CellViewLayout = require("../CellViewLayout");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/time/Edit.tsx";
@@ -33,14 +34,16 @@ const TimeEdit = ({
       onCancel();
     }
   }, [onCancel]);
+  const handleKeyDown = (0, _useCommitOnEnter.useCommitOnEnter)(onCommit);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: wrapperRef,
     onKeyDownCapture: handleKeyDownCapture,
+    onKeyDown: handleKeyDown,
     className: _EditStCss.classes.wrapper,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 44,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellTimeInput, {
@@ -53,7 +56,7 @@ const TimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 46,
+      lineNumber: 50,
       columnNumber: 7
     }
   }), maskInitialEmpty && value != null && /*#__PURE__*/_react.default.createElement("div", {
@@ -62,14 +65,14 @@ const TimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 59,
+      lineNumber: 63,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 64,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.TimeView, {
@@ -77,7 +80,7 @@ const TimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 65,
       columnNumber: 13
     }
   }))));