@wix/patterns 1.480.0 → 1.482.0

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

@@ -11,7 +11,8 @@ const BooleanEdit = ({
   value,
   onChange,
   onCommit,
-  onCancel
+  onCancel,
+  inputRef
 }) => {
   const handleChange = (0, _react.useCallback)(checked => {
     onChange(checked);
@@ -35,10 +36,15 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 40,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellCheckbox, {
+    ref: instance => {
+      if (inputRef) {
+        inputRef.current = instance;
+      }
+    },
     dataHook: "boolean-checkbox",
     checked: !!value,
     onChange: handleChange,
@@ -46,7 +52,7 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 46,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/EditableTable/cellTypes/boolean/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","BooleanEdit","value","onChange","onCommit","onCancel","handleChange","useCallback","checked","stopClickPropagation","stopPropagation","handleKeyDown","key","preventDefault","createElement","onKeyDown","onClick","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","CellCheckbox","dataHook","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellCheckbox } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n}) => {\n  const handleChange = useCallback(\n    (checked: boolean) => {\n      onChange(checked);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const stopClickPropagation = useCallback(\n    (e: React.MouseEvent) => e.stopPropagation(),\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      onClick={stopClickPropagation}\n      className={classes.booleanEdit}\n    >\n      <CellCheckbox\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BooleanEdit","value","onChange","onCommit","onCancel","inputRef","handleChange","useCallback","checked","stopClickPropagation","stopPropagation","handleKeyDown","key","preventDefault","createElement","onKeyDown","onClick","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","CellCheckbox","ref","instance","current","dataHook","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellCheckbox } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleChange = useCallback(\n    (checked: boolean) => {\n      onChange(checked);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const stopClickPropagation = useCallback(\n    (e: React.MouseEvent) => e.stopPropagation(),\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      onClick={stopClickPropagation}\n      className={classes.booleanEdit}\n    >\n      <CellCheckbox\n        ref={(instance) => {\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\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,WAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,OAAgB,IAAK;IACpBN,QAAQ,CAACM,OAAO,CAAC;IACjBL,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMM,oBAAoB,GAAG,IAAAF,kBAAW,EACrC1B,CAAmB,IAAKA,CAAC,CAAC6B,eAAe,CAAC,CAAC,EAC5C,EACF,CAAC;EAED,MAAMC,aAAa,GAAG,IAAAJ,kBAAW,EAC9B1B,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC+B,GAAG,KAAK,OAAO,EAAE;MACrB/B,CAAC,CAACgC,cAAc,CAAC,CAAC;MAClBX,QAAQ,CAAC,CAACD,KAAK,CAAC;MAChBE,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC+B,GAAG,KAAK,QAAQ,EAAE;MAC7B/B,CAAC,CAACgC,cAAc,CAAC,CAAC;MAClBT,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACH,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,CACtC,CAAC;EAED,oBACE7B,MAAA,CAAAgB,OAAA,CAAAuB,aAAA;IACEC,SAAS,EAAEJ,aAAc;IACzBK,OAAO,EAAEP,oBAAqB;IAC9BQ,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE/BjD,MAAA,CAAAgB,OAAA,CAAAuB,aAAA,CAACpC,eAAA,CAAA+C,YAAY;IACXC,GAAG,EAAGC,QAAQ,IAAK;MACjB,IAAItB,QAAQ,EAAE;QACZA,QAAQ,CAACuB,OAAO,GAAGD,QAAQ;MAC7B;IACF,CAAE;IACFE,QAAQ,EAAC,kBAAkB;IAC3BrB,OAAO,EAAE,CAAC,CAACP,KAAM;IACjBC,QAAQ,EAAEI,YAAa;IACvBwB,IAAI,EAAC,OAAO;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CACE,CAAC;AAEV,CAAC;AAACO,OAAA,CAAA/B,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/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_ = "Edit2305842550";
+var _namespace_ = "Edit3486629839";
 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": "Edit2305842550__root",
-  "booleanEdit": "Edit2305842550__booleanEdit"
+  "root": "Edit3486629839__root",
+  "booleanEdit": "Edit3486629839__booleanEdit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/boolean/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/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2305842550\";\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\":\"Edit2305842550__root\",\"booleanEdit\":\"Edit2305842550__booleanEdit\"};\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/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3486629839\";\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\":\"Edit3486629839__root\",\"booleanEdit\":\"Edit3486629839__booleanEdit\"};\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/boolean/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_ = "View1575924361";
+var _namespace_ = "View1045276149";
 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": "View1575924361__root",
-  "booleanView": "View1575924361__booleanView"
+  "root": "View1045276149__root",
+  "booleanView": "View1045276149__booleanView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/boolean/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/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1575924361\";\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\":\"View1575924361__root\",\"booleanView\":\"View1575924361__booleanView\"};\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/boolean/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View1045276149\";\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\":\"View1045276149__root\",\"booleanView\":\"View1045276149__booleanView\"};\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/color/Edit.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_ = "Edit2265207584";
+var _namespace_ = "Edit3419740419";
 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": "Edit2265207584__root"
+  "root": "Edit3419740419__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/color/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/color/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2265207584\";\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\":\"Edit2265207584__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/color/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3419740419\";\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\":\"Edit3419740419__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/date/Edit.js

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _patternsFields = require("@wix/patterns-fields");
 var _useCloseOnAncestorScroll = require("../../../../hooks/useCloseOnAncestorScroll");
+var _mergeDateTime = require("../datetime/mergeDateTime");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/date/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); }
@@ -25,6 +26,7 @@ const DateEdit = ({
   editTrigger
 }) => {
   const datePickerRef = (0, _react.useRef)(null);
+  const inputElementRef = (0, _react.useRef)(null);
   const validDate = isValidDate(value);
 
   // Auto-open calendar when entering edit mode via type-to-edit
@@ -38,10 +40,31 @@ const DateEdit = ({
   const closeCalendar = (0, _react.useCallback)(() => (0, _patternsFields.closeDatePickerCalendar)(datePickerRef.current), []);
   (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closeCalendar, !!editTrigger);
   const dateValue = value ? value instanceof Date ? value : new Date(value) : null;
+  const pickerValue = dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined;
+  // WDS rewrites the input text whenever `value` changes, so typed dates
+  // must not reach the picker until the edit ends. The calendar keeps
+  // highlighting this date while the user types.
+  const [initialPickerValue] = (0, _react.useState)(pickerValue);
   const handleChange = (0, _react.useCallback)(date => {
     onChange(date);
     onCommit();
   }, [onChange, onCommit]);
+
+  // The edit value may no longer be the frozen day, so picking it commits too.
+  (0, _react.useEffect)(() => (0, _patternsFields.onSameDayCalendarPick)(datePickerRef.current, date => handleChange((0, _mergeDateTime.mergeDate)(initialPickerValue ?? null, date))), [handleChange, initialPickerValue]);
+
+  // A typed date is local midnight. Keep the current time of day, as a
+  // calendar pick does.
+  const handleType = (0, _react.useCallback)(date => onChange((0, _mergeDateTime.mergeDate)(initialPickerValue ?? null, date)), [onChange, initialPickerValue]);
+  const handleEnter = (0, _react.useCallback)(date => {
+    handleType(date);
+    onCommit();
+  }, [handleType, onCommit]);
+  const handleEmpty = (0, _react.useCallback)(() => onChange(null), [onChange]);
+  const handleEmptyEnter = (0, _react.useCallback)(() => {
+    onChange(null);
+    onCommit();
+  }, [onChange, onCommit]);
   const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === 'Escape') {
       e.preventDefault();
@@ -60,32 +83,43 @@ const DateEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 113,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
     ref: datePickerRef,
     size: "small",
+    width: "100%",
     inputProps: {
       border: 'none',
       prefix: /*#__PURE__*/_react.default.createElement("span", {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 85,
+          lineNumber: 129,
           columnNumber: 19
         }
       }),
       ...(validDate ? {} : {
         value: typeof value === 'string' ? value : ''
       }),
+      // Typing doesn't commit: Enter or leaving the cell does.
+      ...(0, _patternsFields.typedDateInputProps)({
+        picker: datePickerRef,
+        input: inputElementRef,
+        onEmpty: handleEmpty,
+        onEmptyEnter: handleEmptyEnter,
+        onType: handleType,
+        onEnter: handleEnter
+      }),
       inputRef: el => {
+        inputElementRef.current = el;
         if (inputRef) {
           inputRef.current = el;
         }
       }
     },
-    value: dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined,
+    value: initialPickerValue,
     onChange: handleChange,
     popoverProps: {
       appendTo: 'window',
@@ -97,7 +131,7 @@ const DateEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 80,
+      lineNumber: 123,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useCloseOnAncestorScroll","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isValidDate","value","date","Date","isNaN","getTime","DateEdit","onChange","onCommit","onCancel","inputRef","editTrigger","datePickerRef","useRef","validDate","useEffect","kind","_datePickerRef$curren","current","openCalendar","wrapperRef","closeCalendar","useCallback","closeDatePickerCalendar","useCloseOnAncestorScroll","dateValue","handleChange","handleKeyDown","key","preventDefault","createElement","ref","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","DatePicker","size","inputProps","border","prefix","el","undefined","popoverProps","appendTo","moveBy","y","className","classes","dateInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport { closeDatePickerCalendar } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { classes } from './Edit.st.css.js';\n\nfunction isValidDate(value: Date | string | null | undefined): boolean {\n  if (!value) {\n    return true;\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  return !isNaN(date.getTime());\n}\n\nexport const DateEdit: React.FC<CellEditProps<Date | string | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n}) => {\n  const datePickerRef = useRef<DatePicker | null>(null);\n  const validDate = isValidDate(value);\n\n  // Auto-open calendar when entering edit mode via type-to-edit\n  useEffect(() => {\n    if (\n      editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n    ) {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [editTrigger]);\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const closeCalendar = useCallback(\n    () => closeDatePickerCalendar(datePickerRef.current),\n    [],\n  );\n  useCloseOnAncestorScroll(wrapperRef, closeCalendar, !!editTrigger);\n\n  const dateValue = value\n    ? value instanceof Date\n      ? value\n      : new Date(value)\n    : null;\n\n  const handleChange = useCallback(\n    (date: Date) => {\n      onChange(date);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      onKeyDown={handleKeyDown}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <DatePicker\n        ref={datePickerRef}\n        size=\"small\"\n        inputProps={{\n          border: 'none',\n          prefix: <span />,\n          ...(validDate\n            ? {}\n            : { value: typeof value === 'string' ? value : '' }),\n          inputRef: (el: HTMLInputElement) => {\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          },\n        }}\n        value={dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined}\n        onChange={handleChange}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        className={classes.dateInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_patternsFields","_useCloseOnAncestorScroll","_mergeDateTime","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isValidDate","value","date","Date","isNaN","getTime","DateEdit","onChange","onCommit","onCancel","inputRef","editTrigger","datePickerRef","useRef","inputElementRef","validDate","useEffect","kind","_datePickerRef$curren","current","openCalendar","wrapperRef","closeCalendar","useCallback","closeDatePickerCalendar","useCloseOnAncestorScroll","dateValue","pickerValue","undefined","initialPickerValue","useState","handleChange","onSameDayCalendarPick","mergeDate","handleType","handleEnter","handleEmpty","handleEmptyEnter","handleKeyDown","key","preventDefault","createElement","ref","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","DatePicker","size","inputProps","border","prefix","typedDateInputProps","picker","input","onEmpty","onEmptyEnter","onType","onEnter","el","popoverProps","appendTo","moveBy","y","className","classes","dateInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport {\n  closeDatePickerCalendar,\n  onSameDayCalendarPick,\n  typedDateInputProps,\n} from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../../../hooks/useCloseOnAncestorScroll';\nimport { mergeDate } from '../datetime/mergeDateTime';\nimport { classes } from './Edit.st.css.js';\n\nfunction isValidDate(value: Date | string | null | undefined): boolean {\n  if (!value) {\n    return true;\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  return !isNaN(date.getTime());\n}\n\nexport const DateEdit: React.FC<CellEditProps<Date | string | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n  editTrigger,\n}) => {\n  const datePickerRef = useRef<DatePicker | null>(null);\n  const inputElementRef = useRef<HTMLInputElement | null>(null);\n  const validDate = isValidDate(value);\n\n  // Auto-open calendar when entering edit mode via type-to-edit\n  useEffect(() => {\n    if (\n      editTrigger &&\n      typeof editTrigger === 'object' &&\n      editTrigger.kind === 'type'\n    ) {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [editTrigger]);\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  const closeCalendar = useCallback(\n    () => closeDatePickerCalendar(datePickerRef.current),\n    [],\n  );\n  useCloseOnAncestorScroll(wrapperRef, closeCalendar, !!editTrigger);\n\n  const dateValue = value\n    ? value instanceof Date\n      ? value\n      : new Date(value)\n    : null;\n  const pickerValue =\n    dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined;\n  // WDS rewrites the input text whenever `value` changes, so typed dates\n  // must not reach the picker until the edit ends. The calendar keeps\n  // highlighting this date while the user types.\n  const [initialPickerValue] = useState(pickerValue);\n\n  const handleChange = useCallback(\n    (date: Date) => {\n      onChange(date);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  // The edit value may no longer be the frozen day, so picking it commits too.\n  useEffect(\n    () =>\n      onSameDayCalendarPick(datePickerRef.current, (date) =>\n        handleChange(mergeDate(initialPickerValue ?? null, date)),\n      ),\n    [handleChange, initialPickerValue],\n  );\n\n  // A typed date is local midnight. Keep the current time of day, as a\n  // calendar pick does.\n  const handleType = useCallback(\n    (date: Date) => onChange(mergeDate(initialPickerValue ?? null, date)),\n    [onChange, initialPickerValue],\n  );\n\n  const handleEnter = useCallback(\n    (date: Date) => {\n      handleType(date);\n      onCommit();\n    },\n    [handleType, onCommit],\n  );\n\n  const handleEmpty = useCallback(() => onChange(null), [onChange]);\n\n  const handleEmptyEnter = useCallback(() => {\n    onChange(null);\n    onCommit();\n  }, [onChange, onCommit]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCancel],\n  );\n\n  return (\n    <div\n      ref={wrapperRef}\n      onKeyDown={handleKeyDown}\n      style={{\n        width: '100%',\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n      }}\n    >\n      <DatePicker\n        ref={datePickerRef}\n        size=\"small\"\n        width=\"100%\"\n        inputProps={{\n          border: 'none',\n          prefix: <span />,\n          ...(validDate\n            ? {}\n            : { value: typeof value === 'string' ? value : '' }),\n          // Typing doesn't commit: Enter or leaving the cell does.\n          ...typedDateInputProps({\n            picker: datePickerRef,\n            input: inputElementRef,\n            onEmpty: handleEmpty,\n            onEmptyEnter: handleEmptyEnter,\n            onType: handleType,\n            onEnter: handleEnter,\n          }),\n          inputRef: (el: HTMLInputElement) => {\n            inputElementRef.current = el;\n            if (inputRef) {\n              inputRef.current = el;\n            }\n          },\n        }}\n        value={initialPickerValue}\n        onChange={handleChange}\n        popoverProps={{ appendTo: 'window', moveBy: { y: 4 } }}\n        className={classes.dateInput}\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/date/Edit.st.css

@@ -1,4 +1,3 @@
 .dateInput {
-  width: 100%;
   margin-left: -1px;
 }

package/dist/cjs/components/EditableTable/cellTypes/date/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_ = "Edit680134571";
+var _namespace_ = "Edit2522559292";
 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": "Edit680134571__root",
-  "dateInput": "Edit680134571__dateInput"
+  "root": "Edit2522559292__root",
+  "dateInput": "Edit2522559292__dateInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/date/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/date/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit680134571\";\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\":\"Edit680134571__root\",\"dateInput\":\"Edit680134571__dateInput\"};\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,WAAW,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/date/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2522559292\";\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\":\"Edit2522559292__root\",\"dateInput\":\"Edit2522559292__dateInput\"};\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/date/Edit.uni.driver.js

@@ -14,7 +14,9 @@ function DateEditUniDriver(base, body) {
       ...opts
     }),
     blur: () => datePicker.inputDriver.blur(),
-    clickInput: () => datePicker.inputDriver.click()
+    clickInput: () => datePicker.inputDriver.click(),
+    enterText: text => datePicker.inputDriver.enterText(text),
+    hasClearButton: () => datePicker.inputDriver.hasClearButton()
   };
 }
 //# sourceMappingURL=Edit.uni.driver.js.map

package/dist/cjs/components/EditableTable/cellTypes/date/Edit.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","DateEditUniDriver","base","body","datePicker","DatePickerUniDriver","baseUniDriverFactory","getInputValue","inputDriver","getValue","keyDown","key","opts","blur","clickInput","click"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DatePickerUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function DateEditUniDriver(base: UniDriver, body: UniDriver) {\n  const datePicker = DatePickerUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getInputValue: () => datePicker.inputDriver.getValue(),\n    keyDown: (\n      key: string,\n      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },\n    ) => datePicker.inputDriver.keyDown({ key, ...opts }),\n    blur: () => datePicker.inputDriver.blur(),\n    clickInput: () => datePicker.inputDriver.click(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAClE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAElD,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,aAAa,EAAEA,CAAA,KAAMH,UAAU,CAACI,WAAW,CAACC,QAAQ,CAAC,CAAC;IACtDC,OAAO,EAAEA,CACPC,GAAW,EACXC,IAAmE,KAChER,UAAU,CAACI,WAAW,CAACE,OAAO,CAAC;MAAEC,GAAG;MAAE,GAAGC;IAAK,CAAC,CAAC;IACrDC,IAAI,EAAEA,CAAA,KAAMT,UAAU,CAACI,WAAW,CAACK,IAAI,CAAC,CAAC;IACzCC,UAAU,EAAEA,CAAA,KAAMV,UAAU,CAACI,WAAW,CAACO,KAAK,CAAC;EACjD,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","DateEditUniDriver","base","body","datePicker","DatePickerUniDriver","baseUniDriverFactory","getInputValue","inputDriver","getValue","keyDown","key","opts","blur","clickInput","click","enterText","text","hasClearButton"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DatePickerUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function DateEditUniDriver(base: UniDriver, body: UniDriver) {\n  const datePicker = DatePickerUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getInputValue: () => datePicker.inputDriver.getValue(),\n    keyDown: (\n      key: string,\n      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },\n    ) => datePicker.inputDriver.keyDown({ key, ...opts }),\n    blur: () => datePicker.inputDriver.blur(),\n    clickInput: () => datePicker.inputDriver.click(),\n    enterText: (text: string) => datePicker.inputDriver.enterText(text),\n    hasClearButton: () => datePicker.inputDriver.hasClearButton(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,iBAAiBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAClE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAElD,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,aAAa,EAAEA,CAAA,KAAMH,UAAU,CAACI,WAAW,CAACC,QAAQ,CAAC,CAAC;IACtDC,OAAO,EAAEA,CACPC,GAAW,EACXC,IAAmE,KAChER,UAAU,CAACI,WAAW,CAACE,OAAO,CAAC;MAAEC,GAAG;MAAE,GAAGC;IAAK,CAAC,CAAC;IACrDC,IAAI,EAAEA,CAAA,KAAMT,UAAU,CAACI,WAAW,CAACK,IAAI,CAAC,CAAC;IACzCC,UAAU,EAAEA,CAAA,KAAMV,UAAU,CAACI,WAAW,CAACO,KAAK,CAAC,CAAC;IAChDC,SAAS,EAAGC,IAAY,IAAKb,UAAU,CAACI,WAAW,CAACQ,SAAS,CAACC,IAAI,CAAC;IACnEC,cAAc,EAAEA,CAAA,KAAMd,UAAU,CAACI,WAAW,CAACU,cAAc,CAAC;EAC9D,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/date/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_ = "View2685516161";
+var _namespace_ = "View2465150618";
 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": "View2685516161__root"
+  "root": "View2465150618__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/date/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/date/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2685516161\";\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\":\"View2685516161__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/date/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2465150618\";\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\":\"View2465150618__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/datetime/Edit.js

@@ -73,8 +73,9 @@ const DateTimeEdit = ({
   // editingValue. WDS DateInput's `componentDidUpdate` reformats the input
   // text on every props.value change, so calling onChange while the user is
   // still in the date half would overwrite mid-typing input. We stash here
-  // and flush on focusout / intra-cell Tab / Escape.
-  const typedDateRef = (0, _react.useRef)(null);
+  // and flush on focusout / intra-cell Tab / Escape. `null` = emptied,
+  // `undefined` = nothing stashed.
+  const typedDateRef = (0, _react.useRef)(undefined);
   const onChangeRef = (0, _react.useRef)(onChange);
   const onCommitRef = (0, _react.useRef)(onCommit);
   const valueRef = (0, _react.useRef)(value);
@@ -90,9 +91,9 @@ const DateTimeEdit = ({
   // `editTrigger` stays stable for the lifetime of the edit session.
   const typeTriggerConsumedRef = (0, _react.useRef)(false);
   const commitTypedDate = (0, _react.useCallback)(() => {
-    if (typedDateRef.current) {
+    if (typedDateRef.current !== undefined) {
       onChangeRef.current(typedDateRef.current);
-      typedDateRef.current = null;
+      typedDateRef.current = undefined;
     }
   }, []);
   const closeCalendar = (0, _react.useCallback)(() => {
@@ -108,11 +109,11 @@ const DateTimeEdit = ({
 
   // Flush typed-but-not-committed date when focus leaves the date half. The
   // gesture paths (calendar day pick, Tab/Enter on focused day, intra-cell
-  // Tab, Enter on input) flush via their own handlers; this covers external
-  // exits — clicking another cell, the toolbar, or anything else outside
-  // the date wrapper. Without it the framework's commitEdit (triggered by
-  // the focus shift to another cell) would read the stale editingValue and
-  // silently discard the user's typing.
+  // Tab) flush via their own handlers, and Enter on the input commits; this
+  // covers external exits — clicking another cell, the toolbar, or anything
+  // else outside the date wrapper. Without it the framework's commitEdit
+  // (triggered by the focus shift to another cell) would read the stale
+  // editingValue and silently discard the user's typing.
   (0, _react.useEffect)(() => {
     if (subEdit !== 'date') {
       return;
@@ -263,6 +264,14 @@ const DateTimeEdit = ({
     // (and intra-cell Tab) flushes this to editingValue at the right moment.
     typedDateRef.current = (0, _mergeDateTime.mergeDate)(valueRef.current, newDate);
   }, []);
+  const handleDateEmpty = (0, _react.useCallback)(() => {
+    typedDateRef.current = null;
+  }, []);
+  const handleDateEnter = (0, _react.useCallback)(newDate => {
+    typedDateRef.current = undefined;
+    onChange(newDate ? (0, _mergeDateTime.mergeDate)(valueRef.current, newDate) : null);
+    onCommit();
+  }, [onChange, onCommit]);
   const handleTimeChange = (0, _react.useCallback)(time => {
     if (!time) {
       // Per spec: no clear on the time half. CellTimeInput's clear button
@@ -281,22 +290,26 @@ const DateTimeEdit = ({
   const handleDateClear = (0, _react.useCallback)(() => {
     // Drop any stashed typed date so the focusout flush doesn't restore it
     // after we commit null.
-    typedDateRef.current = null;
+    typedDateRef.current = undefined;
     onChange(null);
     onCommit();
   }, [onChange, onCommit]);
-  const handleEscape = (0, _react.useCallback)(e => {
-    if (e.key === 'Escape') {
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    // Bubble phase: the inputs have already applied a typed or picked value.
+    if (e.key === 'Enter') {
+      commitTypedDate();
+      onCommit();
+    } else if (e.key === 'Escape') {
       e.preventDefault();
       e.stopPropagation();
       // Cancellation drops any typed-but-stashed date. Without this, a
       // delayed focusout (browsers fire blur asynchronously when the
       // focused element is removed) could re-introduce the typed value
       // after the user already pressed Escape.
-      typedDateRef.current = null;
+      typedDateRef.current = undefined;
       onCancel();
     }
-  }, [onCancel]);
+  }, [onCancel, onCommit, commitTypedDate]);
   const validDate = (0, _helpers.isValidDate)(value) ? value : null;
   const timeAsString = validDate ? (0, _patternsFields.dateToTime)(validDate) : null;
   const placeholderTokens = {
@@ -313,8 +326,9 @@ const DateTimeEdit = ({
   //   1. halfHandlers.onClick / onMouseDown (React, below)
   //      → swallow the framework's "click inside cell during edit" handling
   //        so clicks on either half don't re-trigger an edit start.
-  //   2. halfHandlers.onKeyDown = handleEscape (React, below)
-  //      → cancels the edit before the framework's Escape behavior runs.
+  //   2. halfHandlers.onKeyDown = handleKeyDown (React, below)
+  //      → Enter commits; Escape cancels the edit before the framework's
+  //        Escape behavior runs.
   //   3. document keydown capture for intra-cell Tab (useEffect above)
   //      → date↔time half switch runs BEFORE the framework's Tab handler
   //        would move focus to the next column.
@@ -324,7 +338,7 @@ const DateTimeEdit = ({
   //        that would otherwise let WDS DropdownBase.onSelect commit a
   //        random option under the cursor.
   const halfHandlers = {
-    onKeyDown: handleEscape,
+    onKeyDown: handleKeyDown,
     onClick: e => e.stopPropagation(),
     onMouseDown: e => e.stopPropagation()
   };
@@ -336,7 +350,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 369,
+      lineNumber: 388,
       columnNumber: 7
     }
   }), subEdit === 'date' ? /*#__PURE__*/_react.default.createElement(_patternsFields.CellDateInput, {
@@ -344,6 +358,8 @@ const DateTimeEdit = ({
     inputRef: dateInputElRef,
     value: validDate,
     onChange: handleDateChange,
+    onEmpty: handleDateEmpty,
+    onEnter: handleDateEnter,
     onClear: handleDateClear,
     placeholder: datePh,
     ariaLabel: t('CMS.cellDateTime.ariaLabel.date'),
@@ -352,7 +368,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 376,
+      lineNumber: 395,
       columnNumber: 11
     }
   }) : validDate ? /*#__PURE__*/_react.default.createElement("span", {
@@ -360,7 +376,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 388,
+      lineNumber: 409,
       columnNumber: 11
     }
   }, (0, _formatters.formatDatePart)(validDate)) : /*#__PURE__*/_react.default.createElement("span", {
@@ -368,7 +384,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 392,
+      lineNumber: 413,
       columnNumber: 11
     }
   }, datePh)), /*#__PURE__*/_react.default.createElement("span", {
@@ -377,7 +393,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 396,
+      lineNumber: 417,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
@@ -389,7 +405,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 398,
+      lineNumber: 419,
       columnNumber: 7
     }
   }), subEdit === 'time' ? /*#__PURE__*/_react.default.createElement(_patternsFields.CellTimeInput, {
@@ -403,7 +419,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 406,
+      lineNumber: 427,
       columnNumber: 11
     }
   }) : validDate ? /*#__PURE__*/_react.default.createElement("span", {
@@ -411,7 +427,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 416,
+      lineNumber: 437,
       columnNumber: 11
     }
   }, (0, _formatters.formatTimePart)(validDate)) : /*#__PURE__*/_react.default.createElement("span", {
@@ -419,7 +435,7 @@ const DateTimeEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 420,
+      lineNumber: 441,
       columnNumber: 11
     }
   }, timePh)));