@wix/patterns 1.366.0 → 1.369.0

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_ = "View1734812011";
+var _namespace_ = "View3426461177";
 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": "View1734812011__root",
-  "booleanView": "View1734812011__booleanView"
+  "root": "View3426461177__root",
+  "booleanView": "View3426461177__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_ = \"View1734812011\";\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\":\"View1734812011__root\",\"booleanView\":\"View1734812011__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_ = \"View3426461177\";\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\":\"View3426461177__root\",\"booleanView\":\"View3426461177__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/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_ = "Edit2954194738";
+var _namespace_ = "Edit3386202237";
 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": "Edit2954194738__root",
-  "dateInput": "Edit2954194738__dateInput"
+  "root": "Edit3386202237__root",
+  "dateInput": "Edit3386202237__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_ = \"Edit2954194738\";\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\":\"Edit2954194738__root\",\"dateInput\":\"Edit2954194738__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":[]}
+{"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_ = \"Edit3386202237\";\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\":\"Edit3386202237__root\",\"dateInput\":\"Edit3386202237__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/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_ = "View3496179537";
+var _namespace_ = "View292028254";
 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": "View3496179537__root",
-  "textView": "View3496179537__textView"
+  "root": "View292028254__root",
+  "textView": "View292028254__textView"
 };
 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_ = \"View3496179537\";\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\":\"View3496179537__root\",\"textView\":\"View3496179537__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View292028254\";\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\":\"View292028254__root\",\"textView\":\"View292028254__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,UAAU,EAAC;AAAyB,CAAC;AACjF,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/email/Edit.js

@@ -0,0 +1,59 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EmailEdit = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _EditStCss = require("./Edit.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/email/Edit.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const EmailEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef
+}) => {
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      onCommit();
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  }, [onCommit, onCancel]);
+  const handleBlur = (0, _react.useCallback)(() => {
+    onCommit();
+  }, [onCommit]);
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    width: "100%",
+    height: "100%",
+    verticalAlign: "middle",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+    ref: inputRef,
+    size: "small",
+    border: "none",
+    value: value ?? '',
+    onChange: e => onChange(e.target.value),
+    onKeyDown: handleKeyDown,
+    onBlur: handleBlur,
+    type: "email",
+    autoSelect: false,
+    className: _EditStCss.classes.emailInput,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 7
+    }
+  }));
+};
+exports.EmailEdit = EmailEdit;
+//# sourceMappingURL=Edit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EmailEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","Box","width","height","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Input","ref","size","border","target","onKeyDown","onBlur","type","autoSelect","className","classes","emailInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Input, Box } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const EmailEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <Box width=\"100%\" height=\"100%\" verticalAlign=\"middle\">\n      <Input\n        ref={inputRef}\n        size=\"small\"\n        border=\"none\"\n        value={value ?? ''}\n        onChange={(e) => onChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        type=\"email\"\n        autoSelect={false}\n        className={classes.emailInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,SAA0C,GAAGA,CAAC;EACzDC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9B1B,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC2B,GAAG,KAAK,OAAO,EAAE;MACrB3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBN,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC2B,GAAG,KAAK,QAAQ,EAAE;MAC7B3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBL,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMM,UAAU,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACnCJ,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,oBACE5B,MAAA,CAAAgB,OAAA,CAAAoB,aAAA,CAACjC,aAAA,CAAAkC,GAAG;IAACC,KAAK,EAAC,MAAM;IAACC,MAAM,EAAC,MAAM;IAACC,aAAa,EAAC,QAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpD7C,MAAA,CAAAgB,OAAA,CAAAoB,aAAA,CAACjC,aAAA,CAAA2C,KAAK;IACJC,GAAG,EAAEjB,QAAS;IACdkB,IAAI,EAAC,OAAO;IACZC,MAAM,EAAC,MAAM;IACbvB,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBC,QAAQ,EAAGrB,CAAC,IAAKqB,QAAQ,CAACrB,CAAC,CAAC4C,MAAM,CAACxB,KAAK,CAAE;IAC1CyB,SAAS,EAAEpB,aAAc;IACzBqB,MAAM,EAAEjB,UAAW;IACnBkB,IAAI,EAAC,OAAO;IACZC,UAAU,EAAE,KAAM;IAClBC,SAAS,EAAEC,kBAAO,CAACC,UAAW;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACE,CAAC;AAEV,CAAC;AAACa,OAAA,CAAAjC,SAAA,GAAAA,SAAA","ignoreList":[]}

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

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

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "Edit3860369112";
+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": "Edit3860369112__root",
+  "emailInput": "Edit3860369112__emailInput"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=Edit.st.css.js.map

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

@@ -0,0 +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/email/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit3860369112\";\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\":\"Edit3860369112__root\",\"emailInput\":\"Edit3860369112__emailInput\"};\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,YAAY,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":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EmailEditUniDriver = EmailEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function EmailEditUniDriver(base, body) {
+  const input = (0, _unidriver.InputUniDriver)(base, body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    getValue: () => input.getValue(),
+    typeValue: value => input.enterText(value),
+    keyDown: (key, opts) => input.keyDown({
+      key,
+      ...opts
+    }),
+    blur: () => input.blur()
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","EmailEditUniDriver","base","body","input","InputUniDriver","baseUniDriverFactory","getValue","typeValue","value","enterText","keyDown","key","opts","blur"],"sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { InputUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { InputUniDriver as InputUniDriverFactory } from '@wix/design-system/dist/types/Input/Input.uni.driver';\nimport { UniDriverFactory } from '../../../uniDriverFactory';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function EmailEditUniDriver(base: UniDriver, body: UniDriver) {\n  const input = (InputUniDriver as UniDriverFactory<InputUniDriverFactory>)(\n    base,\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => input.getValue(),\n    typeValue: (value: string) => input.enterText(value),\n    keyDown: (\n      key: string,\n      opts?: { shiftKey?: boolean; ctrlKey?: boolean; metaKey?: boolean },\n    ) => input.keyDown({ key, ...opts }),\n    blur: () => input.blur(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,kBAAkBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACnE,MAAMC,KAAK,GAAG,IAACC,yBAAc,EAC3BH,IAAI,EACJC,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAMH,KAAK,CAACG,QAAQ,CAAC,CAAC;IAChCC,SAAS,EAAGC,KAAa,IAAKL,KAAK,CAACM,SAAS,CAACD,KAAK,CAAC;IACpDE,OAAO,EAAEA,CACPC,GAAW,EACXC,IAAmE,KAChET,KAAK,CAACO,OAAO,CAAC;MAAEC,GAAG;MAAE,GAAGC;IAAK,CAAC,CAAC;IACpCC,IAAI,EAAEA,CAAA,KAAMV,KAAK,CAACU,IAAI,CAAC;EACzB,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EmailView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _patternsFields = require("@wix/patterns-fields");
+var _ViewStCss = require("./View.st.css.js");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/email/View.tsx";
+const EmailView = ({
+  value
+}) => /*#__PURE__*/_react.default.createElement(_patternsFields.TextView, {
+  data: value ?? '',
+  className: _ViewStCss.classes.textView,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 7,
+    columnNumber: 3
+  }
+});
+exports.EmailView = EmailView;
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_ViewStCss","_jsxFileName","EmailView","value","default","createElement","TextView","data","className","classes","textView","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/email/View.tsx"],"sourcesContent":["import React from 'react';\nimport { TextView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\nimport { classes } from './View.st.css.js';\n\nexport const EmailView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <TextView data={value ?? ''} className={classes.textView} />\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAEpC,MAAMC,SAA0C,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAClEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAO,QAAQ;EAACC,IAAI,EAAEJ,KAAK,IAAI,EAAG;EAACK,SAAS,EAAEC,kBAAO,CAACC,QAAS;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC5D;AAACC,OAAA,CAAAd,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/email/View.st.css

@@ -0,0 +1,4 @@
+.textView {
+  width: 100%;
+  padding: 9px 12px;
+}

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

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "View150901042";
+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": "View150901042__root",
+  "textView": "View150901042__textView"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=View.st.css.js.map

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

@@ -0,0 +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/email/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View150901042\";\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\":\"View150901042__root\",\"textView\":\"View150901042__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,UAAU,EAAC;AAAyB,CAAC;AACjF,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/email/View.uni.driver.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EmailViewUniDriver = EmailViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function EmailViewUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    getValue: () => base.text()
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","EmailViewUniDriver","base","_body","baseUniDriverFactory","getValue","text"],"sources":["../../../../../../src/components/EditableTable/cellTypes/email/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function EmailViewUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    getValue: () => base.text(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,kBAAkBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACpE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,QAAQ,EAAEA,CAAA,KAAMH,IAAI,CAACI,IAAI,CAAC;EAC5B,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,31 @@
+"use strict";
+
+exports.__esModule = true;
+exports.emailCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.EmailView = _View.EmailView;
+var _Edit = require("./Edit");
+exports.EmailEdit = _Edit.EmailEdit;
+var _validations = require("@wix/patterns-fields/validations");
+const emailCellType = exports.emailCellType = (0, _types.defineCellType)({
+  type: 'email',
+  ViewComponent: _View.EmailView,
+  EditComponent: _Edit.EmailEdit,
+  serialize: value => value ?? '',
+  deserialize: raw => raw,
+  validate: value => {
+    if (value && !_validations.emailValidation.isValid(value)) {
+      return 'Invalid email format';
+    }
+    return null;
+  },
+  editable: true,
+  clearable: true,
+  onTypeToEdit: ({
+    key
+  }) => ({
+    value: key
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","EmailView","_Edit","EmailEdit","_validations","emailCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","validate","emailValidation","isValid","editable","clearable","onTypeToEdit","key"],"sources":["../../../../../../src/components/EditableTable/cellTypes/email/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { EmailView } from './View';\nimport { EmailEdit } from './Edit';\nimport { emailValidation } from '@wix/patterns-fields/validations';\n\nexport { EmailView, EmailEdit };\n\nexport const emailCellType = defineCellType<string>({\n  type: 'email',\n  ViewComponent: EmailView,\n  EditComponent: EmailEdit,\n  serialize: (value) => value ?? '',\n  deserialize: (raw) => raw,\n  validate: (value) => {\n    if (value && !emailValidation.isValid(value)) {\n      return 'Invalid email format';\n    }\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  onTypeToEdit: ({ key }) => ({ value: key }),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAmCE,OAAA,CAAAC,SAAA,GAAAF,KAAA,CAAAE,SAAA;AACnC,IAAAC,KAAA,GAAAJ,OAAA;AAAmCE,OAAA,CAAAG,SAAA,GAAAD,KAAA,CAAAC,SAAA;AACnC,IAAAC,YAAA,GAAAN,OAAA;AAIO,MAAMO,aAAa,GAAAL,OAAA,CAAAK,aAAA,GAAG,IAAAC,qBAAc,EAAS;EAClDC,IAAI,EAAE,OAAO;EACbC,aAAa,EAAEP,eAAS;EACxBQ,aAAa,EAAEN,eAAS;EACxBO,SAAS,EAAGC,KAAK,IAAKA,KAAK,IAAI,EAAE;EACjCC,WAAW,EAAGC,GAAG,IAAKA,GAAG;EACzBC,QAAQ,EAAGH,KAAK,IAAK;IACnB,IAAIA,KAAK,IAAI,CAACI,4BAAe,CAACC,OAAO,CAACL,KAAK,CAAC,EAAE;MAC5C,OAAO,sBAAsB;IAC/B;IACA,OAAO,IAAI;EACb,CAAC;EACDM,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAC;IAAEC;EAAI,CAAC,MAAM;IAAET,KAAK,EAAES;EAAI,CAAC;AAC5C,CAAC,CAAC","ignoreList":[]}

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

@@ -14,6 +14,10 @@ var _select = require("./select");
 exports.selectCellType = _select.selectCellType;
 var _url = require("./url");
 exports.urlCellType = _url.urlCellType;
+var _email = require("./email");
+exports.emailCellType = _email.emailCellType;
+var _object = require("./object");
+exports.objectCellType = _object.objectCellType;
 /** All built-in cell types */
-const builtInCellTypes = exports.builtInCellTypes = [_text.textCellType, _number.numberCellType, _boolean.booleanCellType, _date.dateCellType, _select.selectCellType, _url.urlCellType];
+const builtInCellTypes = exports.builtInCellTypes = [_text.textCellType, _number.numberCellType, _boolean.booleanCellType, _date.dateCellType, _select.selectCellType, _url.urlCellType, _email.emailCellType, _object.objectCellType];
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_text","require","exports","textCellType","_number","numberCellType","_boolean","booleanCellType","_date","dateCellType","_select","selectCellType","_url","urlCellType","builtInCellTypes"],"sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"sourcesContent":["import type { CellType } from '../../../state/EditableTable/types';\nimport { textCellType } from './text';\nimport { numberCellType } from './number';\nimport { booleanCellType } from './boolean';\nimport { dateCellType } from './date';\nimport { selectCellType } from './select';\nimport { urlCellType } from './url';\n\nexport {\n  textCellType,\n  numberCellType,\n  booleanCellType,\n  dateCellType,\n  selectCellType,\n  urlCellType,\n};\n\n/** All built-in cell types */\nexport const builtInCellTypes: CellType[] = [\n  textCellType,\n  numberCellType,\n  booleanCellType,\n  dateCellType,\n  selectCellType,\n  urlCellType,\n];\n"],"mappings":";;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAAsCC,OAAA,CAAAC,YAAA,GAAAH,KAAA,CAAAG,YAAA;AACtC,IAAAC,OAAA,GAAAH,OAAA;AAA0CC,OAAA,CAAAG,cAAA,GAAAD,OAAA,CAAAC,cAAA;AAC1C,IAAAC,QAAA,GAAAL,OAAA;AAA4CC,OAAA,CAAAK,eAAA,GAAAD,QAAA,CAAAC,eAAA;AAC5C,IAAAC,KAAA,GAAAP,OAAA;AAAsCC,OAAA,CAAAO,YAAA,GAAAD,KAAA,CAAAC,YAAA;AACtC,IAAAC,OAAA,GAAAT,OAAA;AAA0CC,OAAA,CAAAS,cAAA,GAAAD,OAAA,CAAAC,cAAA;AAC1C,IAAAC,IAAA,GAAAX,OAAA;AAAoCC,OAAA,CAAAW,WAAA,GAAAD,IAAA,CAAAC,WAAA;AAWpC;AACO,MAAMC,gBAA4B,GAAAZ,OAAA,CAAAY,gBAAA,GAAG,CAC1CX,kBAAY,EACZE,sBAAc,EACdE,wBAAe,EACfE,kBAAY,EACZE,sBAAc,EACdE,gBAAW,CACZ","ignoreList":[]}
+{"version":3,"names":["_text","require","exports","textCellType","_number","numberCellType","_boolean","booleanCellType","_date","dateCellType","_select","selectCellType","_url","urlCellType","_email","emailCellType","_object","objectCellType","builtInCellTypes"],"sources":["../../../../../src/components/EditableTable/cellTypes/index.ts"],"sourcesContent":["import type { CellType } from '../../../state/EditableTable/types';\nimport { textCellType } from './text';\nimport { numberCellType } from './number';\nimport { booleanCellType } from './boolean';\nimport { dateCellType } from './date';\nimport { selectCellType } from './select';\nimport { urlCellType } from './url';\nimport { emailCellType } from './email';\nimport { objectCellType } from './object';\n\nexport {\n  textCellType,\n  numberCellType,\n  booleanCellType,\n  dateCellType,\n  selectCellType,\n  urlCellType,\n  emailCellType,\n  objectCellType,\n};\n\n/** All built-in cell types */\nexport const builtInCellTypes: CellType[] = [\n  textCellType,\n  numberCellType,\n  booleanCellType,\n  dateCellType,\n  selectCellType,\n  urlCellType,\n  emailCellType,\n  objectCellType,\n];\n"],"mappings":";;;;AACA,IAAAA,KAAA,GAAAC,OAAA;AAAsCC,OAAA,CAAAC,YAAA,GAAAH,KAAA,CAAAG,YAAA;AACtC,IAAAC,OAAA,GAAAH,OAAA;AAA0CC,OAAA,CAAAG,cAAA,GAAAD,OAAA,CAAAC,cAAA;AAC1C,IAAAC,QAAA,GAAAL,OAAA;AAA4CC,OAAA,CAAAK,eAAA,GAAAD,QAAA,CAAAC,eAAA;AAC5C,IAAAC,KAAA,GAAAP,OAAA;AAAsCC,OAAA,CAAAO,YAAA,GAAAD,KAAA,CAAAC,YAAA;AACtC,IAAAC,OAAA,GAAAT,OAAA;AAA0CC,OAAA,CAAAS,cAAA,GAAAD,OAAA,CAAAC,cAAA;AAC1C,IAAAC,IAAA,GAAAX,OAAA;AAAoCC,OAAA,CAAAW,WAAA,GAAAD,IAAA,CAAAC,WAAA;AACpC,IAAAC,MAAA,GAAAb,OAAA;AAAwCC,OAAA,CAAAa,aAAA,GAAAD,MAAA,CAAAC,aAAA;AACxC,IAAAC,OAAA,GAAAf,OAAA;AAA0CC,OAAA,CAAAe,cAAA,GAAAD,OAAA,CAAAC,cAAA;AAa1C;AACO,MAAMC,gBAA4B,GAAAhB,OAAA,CAAAgB,gBAAA,GAAG,CAC1Cf,kBAAY,EACZE,sBAAc,EACdE,wBAAe,EACfE,kBAAY,EACZE,sBAAc,EACdE,gBAAW,EACXE,oBAAa,EACbE,sBAAc,CACf","ignoreList":[]}

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

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.NumberEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
 var _EditStCss = require("./Edit.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/number/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); }
@@ -22,28 +22,23 @@ const NumberEdit = ({
       e.preventDefault();
       onCancel();
     }
-    if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
-      e.preventDefault();
-    }
   }, [onCommit, onCancel]);
   const handleBlur = (0, _react.useCallback)(() => {
     onCommit();
   }, [onCommit]);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.NumberInput, {
+  return /*#__PURE__*/_react.default.createElement(_patternsFields.CellNumberInput, {
     inputRef: inputRef,
     size: "small",
     border: "none",
     value: value ?? undefined,
-    onChange: val => onChange(val),
+    onChange: val => onChange(val ?? null),
     onKeyDown: handleKeyDown,
     onBlur: handleBlur,
-    autoSelect: false,
-    hideStepper: true,
     className: _EditStCss.classes.numberInput,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 31,
       columnNumber: 5
     }
   });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NumberEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","NumberInput","size","border","undefined","val","onKeyDown","onBlur","autoSelect","hideStepper","className","classes","numberInput","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { NumberInput } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const NumberEdit: React.FC<CellEditProps<number | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <NumberInput\n      inputRef={inputRef}\n      size=\"small\"\n      border=\"none\"\n      value={value ?? undefined}\n      onChange={(val) => onChange(val)}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      autoSelect={false}\n      hideStepper\n      className={classes.numberInput}\n    />\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,UAAkD,GAAGA,CAAC;EACjEC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9B1B,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC2B,GAAG,KAAK,OAAO,EAAE;MACrB3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBN,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC2B,GAAG,KAAK,QAAQ,EAAE;MAC7B3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBL,QAAQ,CAAC,CAAC;IACZ;IACA,IAAIvB,CAAC,CAAC2B,GAAG,KAAK,SAAS,IAAI3B,CAAC,CAAC2B,GAAG,KAAK,WAAW,EAAE;MAChD3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;IACpB;EACF,CAAC,EACD,CAACN,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMM,UAAU,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACnCJ,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,oBACE5B,MAAA,CAAAgB,OAAA,CAAAoB,aAAA,CAACjC,aAAA,CAAAkC,WAAW;IACVP,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAC,OAAO;IACZC,MAAM,EAAC,MAAM;IACbb,KAAK,EAAEA,KAAK,IAAIc,SAAU;IAC1Bb,QAAQ,EAAGc,GAAG,IAAKd,QAAQ,CAACc,GAAG,CAAE;IACjCC,SAAS,EAAEX,aAAc;IACzBY,MAAM,EAAER,UAAW;IACnBS,UAAU,EAAE,KAAM;IAClBC,WAAW;IACXC,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA7B,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NumberEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","CellNumberInput","size","border","undefined","val","onKeyDown","onBlur","className","classes","numberInput","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellNumberInput } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const NumberEdit: React.FC<CellEditProps<number | null>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <CellNumberInput\n      inputRef={inputRef}\n      size=\"small\"\n      border=\"none\"\n      value={value ?? undefined}\n      onChange={(val) => onChange(val ?? null)}\n      onKeyDown={handleKeyDown}\n      onBlur={handleBlur}\n      className={classes.numberInput}\n    />\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,UAAkD,GAAGA,CAAC;EACjEC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9B1B,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC2B,GAAG,KAAK,OAAO,EAAE;MACrB3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBN,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC2B,GAAG,KAAK,QAAQ,EAAE;MAC7B3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBL,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMM,UAAU,GAAG,IAAAH,kBAAW,EAAC,MAAM;IACnCJ,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,oBACE5B,MAAA,CAAAgB,OAAA,CAAAoB,aAAA,CAACjC,eAAA,CAAAkC,eAAe;IACdP,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAC,OAAO;IACZC,MAAM,EAAC,MAAM;IACbb,KAAK,EAAEA,KAAK,IAAIc,SAAU;IAC1Bb,QAAQ,EAAGc,GAAG,IAAKd,QAAQ,CAACc,GAAG,IAAI,IAAI,CAAE;IACzCC,SAAS,EAAEX,aAAc;IACzBY,MAAM,EAAER,UAAW;IACnBS,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChC,CAAC;AAEN,CAAC;AAACC,OAAA,CAAA3B,UAAA,GAAAA,UAAA","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit1086718486";
+var _namespace_ = "Edit1803646036";
 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": "Edit1086718486__root",
-  "numberInput": "Edit1086718486__numberInput"
+  "root": "Edit1803646036__root",
+  "numberInput": "Edit1803646036__numberInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1086718486\";\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\":\"Edit1086718486__root\",\"numberInput\":\"Edit1086718486__numberInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit1803646036\";\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\":\"Edit1803646036__root\",\"numberInput\":\"Edit1803646036__numberInput\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -4,14 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.NumberView = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
+var _patternsFields = require("@wix/patterns-fields");
 var _ViewStCss = require("./View.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/number/View.tsx";
 const NumberView = ({
   value
-}) => /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-  size: "small",
-  ellipsis: true,
+}) => /*#__PURE__*/_react.default.createElement(_patternsFields.TextView, {
+  data: value != null ? value : '',
   className: _ViewStCss.classes.textView,
   __self: void 0,
   __source: {
@@ -19,6 +18,6 @@ const NumberView = ({
     lineNumber: 9,
     columnNumber: 3
   }
-}, value != null ? String(value) : '');
+});
 exports.NumberView = NumberView;
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ViewStCss","_jsxFileName","NumberView","value","default","createElement","Text","size","ellipsis","className","classes","textView","__self","__source","fileName","lineNumber","columnNumber","String","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@wix/design-system';\nimport type { CellViewProps } from '../../types';\nimport { classes } from './View.st.css.js';\n\nexport const NumberView: React.FC<CellViewProps<number | null>> = ({\n  value,\n}) => (\n  <Text size=\"small\" ellipsis className={classes.textView}>\n    {value != null ? String(value) : ''}\n  </Text>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAEpC,MAAMC,UAAkD,GAAGA,CAAC;EACjEC;AACF,CAAC,kBACCP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,IAAI;EAACC,IAAI,EAAC,OAAO;EAACC,QAAQ;EAACC,SAAS,EAAEC,kBAAO,CAACC,QAAS;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,GACrDb,KAAK,IAAI,IAAI,GAAGc,MAAM,CAACd,KAAK,CAAC,GAAG,EAC7B,CACP;AAACe,OAAA,CAAAhB,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_ViewStCss","_jsxFileName","NumberView","value","default","createElement","TextView","data","className","classes","textView","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.tsx"],"sourcesContent":["import React from 'react';\nimport { TextView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\nimport { classes } from './View.st.css.js';\n\nexport const NumberView: React.FC<CellViewProps<number | null>> = ({\n  value,\n}) => (\n  <TextView data={value != null ? value : ''} className={classes.textView} />\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAEpC,MAAMC,UAAkD,GAAGA,CAAC;EACjEC;AACF,CAAC,kBACCP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAO,QAAQ;EAACC,IAAI,EAAEJ,KAAK,IAAI,IAAI,GAAGA,KAAK,GAAG,EAAG;EAACK,SAAS,EAAEC,kBAAO,CAACC,QAAS;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAZ,YAAA;IAAAa,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC3E;AAACC,OAAA,CAAAd,UAAA,GAAAA,UAAA","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View489596864";
+var _namespace_ = "View2720415983";
 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": "View489596864__root",
-  "textView": "View489596864__textView"
+  "root": "View2720415983__root",
+  "textView": "View2720415983__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View489596864\";\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\":\"View489596864__root\",\"textView\":\"View489596864__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,UAAU,EAAC;AAAyB,CAAC;AACjF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/EditableTable/cellTypes/number/View.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"View2720415983\";\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\":\"View2720415983__root\",\"textView\":\"View2720415983__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}