@wix/patterns 1.369.0 → 1.371.0

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

@@ -4,37 +4,21 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.BooleanView = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _designSystem = require("@wix/design-system");
-var _system = require("@wix/wix-ui-icons-common/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/boolean/View.tsx";
 const BooleanView = ({
   value
-}) => /*#__PURE__*/_react.default.createElement("div", {
+}) => /*#__PURE__*/_react.default.createElement(_patternsFields.BooleanView, {
+  value: value,
+  dataHook: "boolean-check-icon",
   className: _ViewStCss.classes.booleanView,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 8,
+    lineNumber: 7,
     columnNumber: 3
   }
-}, value && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-  color: "G10",
-  margin: "0px 12px 0px 6px",
-  dataHook: "boolean-check-icon",
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 10,
-    columnNumber: 7
-  }
-}, /*#__PURE__*/_react.default.createElement(_system.CheckboxChecked, {
-  __self: void 0,
-  __source: {
-    fileName: _jsxFileName,
-    lineNumber: 11,
-    columnNumber: 9
-  }
-})));
+});
 exports.BooleanView = BooleanView;
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_system","_ViewStCss","_jsxFileName","BooleanView","value","default","createElement","className","classes","booleanView","__self","__source","fileName","lineNumber","columnNumber","Box","color","margin","dataHook","CheckboxChecked","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { CheckboxChecked } from '@wix/wix-ui-icons-common/system';\nimport type { CellViewProps } from '../../types';\nimport { classes } from './View.st.css.js';\n\nexport const BooleanView: React.FC<CellViewProps<boolean>> = ({ value }) => (\n  <div className={classes.booleanView}>\n    {value && (\n      <Box color=\"G10\" margin=\"0px 12px 0px 6px\" dataHook=\"boolean-check-icon\">\n        <CheckboxChecked />\n      </Box>\n    )}\n  </div>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAEpC,MAAMC,WAA6C,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBACrER,MAAA,CAAAS,OAAA,CAAAC,aAAA;EAAKC,SAAS,EAAEC,kBAAO,CAACC,WAAY;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,GACjCV,KAAK,iBACJR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAgB,GAAG;EAACC,KAAK,EAAC,KAAK;EAACC,MAAM,EAAC,kBAAkB;EAACC,QAAQ,EAAC,oBAAoB;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACtElB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAmB,eAAe;EAAAT,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CACf,CAEJ,CACN;AAACM,OAAA,CAAAjB,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_ViewStCss","_jsxFileName","BooleanView","value","default","createElement","dataHook","className","classes","booleanView","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.tsx"],"sourcesContent":["import React from 'react';\nimport { BooleanView as FieldsBooleanView } from '@wix/patterns-fields';\nimport type { CellViewProps } from '../../types';\nimport { classes } from './View.st.css.js';\n\nexport const BooleanView: React.FC<CellViewProps<boolean>> = ({ value }) => (\n  <FieldsBooleanView\n    value={value}\n    dataHook=\"boolean-check-icon\"\n    className={classes.booleanView}\n  />\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,WAA6C,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBACrEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAG,WAAiB;EAChBC,KAAK,EAAEA,KAAM;EACbG,QAAQ,EAAC,oBAAoB;EAC7BC,SAAS,EAAEC,kBAAO,CAACC,WAAY;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAX,YAAA;IAAAY,UAAA;IAAAC,YAAA;EAAA;AAAA,CAChC,CACF;AAACC,OAAA,CAAAb,WAAA,GAAAA,WAAA","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_ = "View3426461177";
+var _namespace_ = "View350828709";
 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": "View3426461177__root",
-  "booleanView": "View3426461177__booleanView"
+  "root": "View350828709__root",
+  "booleanView": "View350828709__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_ = \"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":[]}
+{"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_ = \"View350828709\";\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\":\"View350828709__root\",\"booleanView\":\"View350828709__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,eAAe;AACjC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,qBAAqB;EAAC,aAAa,EAAC;AAA4B,CAAC;AACvF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.DateEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
+var _useCloseOnAncestorScroll = require("../../useCloseOnAncestorScroll");
 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); }
@@ -32,6 +33,13 @@ const DateEdit = ({
       (_datePickerRef$curren = datePickerRef.current) == null || _datePickerRef$curren.openCalendar();
     }
   }, [editTrigger]);
+  const wrapperRef = (0, _react.useRef)(null);
+  // WDS DatePicker types declare closeCalendar but only _closeCalendar exists at runtime.
+  const closeCalendar = (0, _react.useCallback)(() => {
+    var _datePickerRef$curren2;
+    return (_datePickerRef$curren2 = datePickerRef.current) == null || _datePickerRef$curren2._closeCalendar == null ? void 0 : _datePickerRef$curren2._closeCalendar();
+  }, []);
+  (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closeCalendar, !!editTrigger);
   const dateValue = value ? value instanceof Date ? value : new Date(value) : null;
   const handleChange = (0, _react.useCallback)(date => {
     onChange(date);
@@ -44,6 +52,7 @@ const DateEdit = ({
     }
   }, [onCancel]);
   return /*#__PURE__*/_react.default.createElement("div", {
+    ref: wrapperRef,
     onKeyDown: handleKeyDown,
     style: {
       width: '100%',
@@ -54,7 +63,7 @@ const DateEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 66,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
@@ -66,7 +75,7 @@ const DateEdit = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 71,
+          lineNumber: 81,
           columnNumber: 19
         }
       }),
@@ -91,7 +100,7 @@ const DateEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 76,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/EditableTable/cellTypes/date/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","isValidDate","value","date","Date","isNaN","getTime","DateEdit","onChange","onCommit","onCancel","inputRef","editTrigger","datePickerRef","useRef","validDate","useEffect","_datePickerRef$curren","current","openCalendar","dateValue","handleChange","useCallback","handleKeyDown","key","preventDefault","createElement","onKeyDown","style","width","height","display","alignItems","__self","__source","fileName","lineNumber","columnNumber","DatePicker","ref","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 type { CellEditProps } from '../../types';\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 (editTrigger === 'type') {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [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      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","_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","_datePickerRef$curren","current","openCalendar","wrapperRef","closeCalendar","useCallback","_datePickerRef$curren2","_closeCalendar","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 type { CellEditProps } from '../../types';\nimport { useCloseOnAncestorScroll } from '../../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 (editTrigger === 'type') {\n      datePickerRef.current?.openCalendar();\n    }\n  }, [editTrigger]);\n\n  const wrapperRef = useRef<HTMLDivElement | null>(null);\n  // WDS DatePicker types declare closeCalendar but only _closeCalendar exists at runtime.\n  const closeCalendar = useCallback(\n    () => (datePickerRef.current as any)?._closeCalendar?.(),\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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,yBAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,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;AAE3C,SAASkB,WAAWA,CAACC,KAAuC,EAAW;EACrE,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,IAAI;EACb;EACA,MAAMC,IAAI,GAAGD,KAAK,YAAYE,IAAI,GAAGF,KAAK,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC;EAC5D,OAAO,CAACG,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC;AAC/B;AAEO,MAAMC,QAAuD,GAAGA,CAAC;EACtEL,KAAK;EACLM,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAoB,IAAI,CAAC;EACrD,MAAMC,SAAS,GAAGd,WAAW,CAACC,KAAK,CAAC;;EAEpC;EACA,IAAAc,gBAAS,EAAC,MAAM;IACd,IAAIJ,WAAW,KAAK,MAAM,EAAE;MAAA,IAAAK,qBAAA;MAC1B,CAAAA,qBAAA,GAAAJ,aAAa,CAACK,OAAO,aAArBD,qBAAA,CAAuBE,YAAY,CAAC,CAAC;IACvC;EACF,CAAC,EAAE,CAACP,WAAW,CAAC,CAAC;EAEjB,MAAMQ,UAAU,GAAG,IAAAN,aAAM,EAAwB,IAAI,CAAC;EACtD;EACA,MAAMO,aAAa,GAAG,IAAAC,kBAAW,EAC/B;IAAA,IAAAC,sBAAA;IAAA,QAAAA,sBAAA,GAAOV,aAAa,CAACK,OAAO,aAAtBK,sBAAA,CAAgCC,cAAc,oBAA9CD,sBAAA,CAAgCC,cAAc,CAAG,CAAC;EAAA,GACxD,EACF,CAAC;EACD,IAAAC,kDAAwB,EAACL,UAAU,EAAEC,aAAa,EAAE,CAAC,CAACT,WAAW,CAAC;EAElE,MAAMc,SAAS,GAAGxB,KAAK,GACnBA,KAAK,YAAYE,IAAI,GACnBF,KAAK,GACL,IAAIE,IAAI,CAACF,KAAK,CAAC,GACjB,IAAI;EAER,MAAMyB,YAAY,GAAG,IAAAL,kBAAW,EAC7BnB,IAAU,IAAK;IACdK,QAAQ,CAACL,IAAI,CAAC;IACdM,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMmB,aAAa,GAAG,IAAAN,kBAAW,EAC9BxC,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC+C,GAAG,KAAK,QAAQ,EAAE;MACtB/C,CAAC,CAACgD,cAAc,CAAC,CAAC;MAClBpB,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,oBACEnC,MAAA,CAAAiB,OAAA,CAAAuC,aAAA;IACEC,GAAG,EAAEZ,UAAW;IAChBa,SAAS,EAAEL,aAAc;IACzBM,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAE;IACd,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5D,YAAA;MAAA6D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFpE,MAAA,CAAAiB,OAAA,CAAAuC,aAAA,CAACrD,aAAA,CAAAkE,UAAU;IACTZ,GAAG,EAAEnB,aAAc;IACnBgC,IAAI,EAAC,OAAO;IACZC,UAAU,EAAE;MACVC,MAAM,EAAE,MAAM;MACdC,MAAM,eAAEzE,MAAA,CAAAiB,OAAA,CAAAuC,aAAA;QAAAQ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA5D,YAAA;UAAA6D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAO,CAAC;MAChB,IAAI5B,SAAS,GACT,CAAC,CAAC,GACF;QAAEb,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG;MAAG,CAAC,CAAC;MACtDS,QAAQ,EAAGsC,EAAoB,IAAK;QAClC,IAAItC,QAAQ,EAAE;UACZA,QAAQ,CAACO,OAAO,GAAG+B,EAAE;QACvB;MACF;IACF,CAAE;IACF/C,KAAK,EAAEwB,SAAS,IAAI,CAACrB,KAAK,CAACqB,SAAS,CAACpB,OAAO,CAAC,CAAC,CAAC,GAAGoB,SAAS,GAAGwB,SAAU;IACxE1C,QAAQ,EAAEmB,YAAa;IACvBwB,YAAY,EAAE;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,MAAM,EAAE;QAAEC,CAAC,EAAE;MAAE;IAAE,CAAE;IACvDC,SAAS,EAAEC,kBAAO,CAACC,SAAU;IAAAlB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5D,YAAA;MAAA6D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACE,CAAC;AAEV,CAAC;AAACe,OAAA,CAAAnD,QAAA,GAAAA,QAAA","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_ = "Edit3386202237";
+var _namespace_ = "Edit3846716213";
 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": "Edit3386202237__root",
-  "dateInput": "Edit3386202237__dateInput"
+  "root": "Edit3846716213__root",
+  "dateInput": "Edit3846716213__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_ = \"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":[]}
+{"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_ = \"Edit3846716213\";\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\":\"Edit3846716213__root\",\"dateInput\":\"Edit3846716213__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.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.DateView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _ViewStCss = require("./View.st.css.js");
+var _CellViewLayout = require("../CellViewLayout");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/date/View.tsx";
 const dateFormatter = new Intl.DateTimeFormat(undefined, {
   day: '2-digit',
@@ -24,16 +24,22 @@ function formatDate(value) {
 }
 const DateView = ({
   value
-}) => /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
-  size: "small",
-  ellipsis: true,
-  className: _ViewStCss.classes.textView,
+}) => /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
     lineNumber: 26,
     columnNumber: 3
   }
-}, formatDate(value));
+}, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  size: "small",
+  ellipsis: true,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 27,
+    columnNumber: 5
+  }
+}, formatDate(value)));
 exports.DateView = DateView;
 //# sourceMappingURL=View.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_ViewStCss","_jsxFileName","dateFormatter","Intl","DateTimeFormat","undefined","day","month","year","formatDate","value","date","Date","isNaN","getTime","format","DateView","default","createElement","Text","size","ellipsis","className","classes","textView","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/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\nconst dateFormatter = new Intl.DateTimeFormat(undefined, {\n  day: '2-digit',\n  month: '2-digit',\n  year: 'numeric',\n});\n\nfunction formatDate(value: Date | string | null | undefined): string {\n  if (!value) {\n    return '';\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  if (isNaN(date.getTime())) {\n    return typeof value === 'string' ? value : '';\n  }\n  return dateFormatter.format(date);\n}\n\nexport const DateView: React.FC<CellViewProps<Date | string | null>> = ({\n  value,\n}) => (\n  <Text size=\"small\" ellipsis className={classes.textView}>\n    {formatDate(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;AAE3C,MAAMC,aAAa,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACC,SAAS,EAAE;EACvDC,GAAG,EAAE,SAAS;EACdC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,SAASC,UAAUA,CAACC,KAAuC,EAAU;EACnE,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,EAAE;EACX;EACA,MAAMC,IAAI,GAAGD,KAAK,YAAYE,IAAI,GAAGF,KAAK,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC;EAC5D,IAAIG,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;IACzB,OAAO,OAAOJ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,EAAE;EAC/C;EACA,OAAOR,aAAa,CAACa,MAAM,CAACJ,IAAI,CAAC;AACnC;AAEO,MAAMK,QAAuD,GAAGA,CAAC;EACtEN;AACF,CAAC,kBACCd,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,IAAI;EAACC,IAAI,EAAC,OAAO;EAACC,QAAQ;EAACC,SAAS,EAAEC,kBAAO,CAACC,QAAS;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAA1B,YAAA;IAAA2B,UAAA;IAAAC,YAAA;EAAA;AAAA,GACrDpB,UAAU,CAACC,KAAK,CACb,CACP;AAACoB,OAAA,CAAAd,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_CellViewLayout","_jsxFileName","dateFormatter","Intl","DateTimeFormat","undefined","day","month","year","formatDate","value","date","Date","isNaN","getTime","format","DateView","default","createElement","CellViewLayout","__self","__source","fileName","lineNumber","columnNumber","Text","size","ellipsis","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/View.tsx"],"sourcesContent":["import React from 'react';\nimport { Text } from '@wix/design-system';\nimport type { CellViewProps } from '../../types';\nimport { CellViewLayout } from '../CellViewLayout';\n\nconst dateFormatter = new Intl.DateTimeFormat(undefined, {\n  day: '2-digit',\n  month: '2-digit',\n  year: 'numeric',\n});\n\nfunction formatDate(value: Date | string | null | undefined): string {\n  if (!value) {\n    return '';\n  }\n  const date = value instanceof Date ? value : new Date(value);\n  if (isNaN(date.getTime())) {\n    return typeof value === 'string' ? value : '';\n  }\n  return dateFormatter.format(date);\n}\n\nexport const DateView: React.FC<CellViewProps<Date | string | null>> = ({\n  value,\n}) => (\n  <CellViewLayout>\n    <Text size=\"small\" ellipsis>\n      {formatDate(value)}\n    </Text>\n  </CellViewLayout>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,YAAA;AAEnD,MAAMC,aAAa,GAAG,IAAIC,IAAI,CAACC,cAAc,CAACC,SAAS,EAAE;EACvDC,GAAG,EAAE,SAAS;EACdC,KAAK,EAAE,SAAS;EAChBC,IAAI,EAAE;AACR,CAAC,CAAC;AAEF,SAASC,UAAUA,CAACC,KAAuC,EAAU;EACnE,IAAI,CAACA,KAAK,EAAE;IACV,OAAO,EAAE;EACX;EACA,MAAMC,IAAI,GAAGD,KAAK,YAAYE,IAAI,GAAGF,KAAK,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC;EAC5D,IAAIG,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;IACzB,OAAO,OAAOJ,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG,EAAE;EAC/C;EACA,OAAOR,aAAa,CAACa,MAAM,CAACJ,IAAI,CAAC;AACnC;AAEO,MAAMK,QAAuD,GAAGA,CAAC;EACtEN;AACF,CAAC,kBACCd,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,eAAA,CAAAmB,cAAc;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAArB,YAAA;IAAAsB,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACb5B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAA0B,IAAI;EAACC,IAAI,EAAC,OAAO;EAACC,QAAQ;EAAAP,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAArB,YAAA;IAAAsB,UAAA;IAAAC,YAAA;EAAA;AAAA,GACxBf,UAAU,CAACC,KAAK,CACb,CACQ,CACjB;AAACkB,OAAA,CAAAZ,QAAA,GAAAA,QAAA","ignoreList":[]}

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

@@ -1,4 +1 @@
-.textView {
-  width: 100%;
-  padding: 9px 12px;
-}
+/* Padding provided by CellViewLayout */

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

@@ -5,15 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View292028254";
+var _namespace_ = "View2643422743";
 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": "View292028254__root",
-  "textView": "View292028254__textView"
+  "root": "View2643422743__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_ = \"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":[]}
+{"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_ = \"View2643422743\";\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\":\"View2643422743__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/email/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_ = "Edit3860369112";
+var _namespace_ = "Edit3086717192";
 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"
+  "root": "Edit3086717192__root",
+  "emailInput": "Edit3086717192__emailInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/email/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/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":[]}
+{"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_ = \"Edit3086717192\";\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\":\"Edit3086717192__root\",\"emailInput\":\"Edit3086717192__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/View.js

@@ -5,19 +5,25 @@ 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 _CellViewLayout = require("../CellViewLayout");
 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,
+}) => /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
     lineNumber: 7,
     columnNumber: 3
   }
-});
+}, /*#__PURE__*/_react.default.createElement(_patternsFields.TextView, {
+  data: value ?? '',
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    columnNumber: 5
+  }
+}));
 exports.EmailView = EmailView;
 //# sourceMappingURL=View.js.map

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_CellViewLayout","_jsxFileName","EmailView","value","default","createElement","CellViewLayout","__self","__source","fileName","lineNumber","columnNumber","TextView","data","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 { CellViewLayout } from '../CellViewLayout';\n\nexport const EmailView: React.FC<CellViewProps<string>> = ({ value }) => (\n  <CellViewLayout>\n    <TextView data={value ?? ''} />\n  </CellViewLayout>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AAAmD,IAAAG,YAAA;AAE5C,MAAMC,SAA0C,GAAGA,CAAC;EAAEC;AAAM,CAAC,kBAClEP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,eAAA,CAAAM,cAAc;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACbf,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAa,QAAQ;EAACC,IAAI,EAAEV,KAAK,IAAI,EAAG;EAAAI,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAChB,CACjB;AAACG,OAAA,CAAAZ,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -1,4 +1 @@
-.textView {
-  width: 100%;
-  padding: 9px 12px;
-}
+/* Padding provided by CellViewLayout */

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

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

package/dist/cjs/components/EditableTable/cellTypes/email/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/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":[]}
+{"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_ = \"View2087453642\";\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\":\"View2087453642__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/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_ = "Edit1803646036";
+var _namespace_ = "Edit3019314736";
 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": "Edit1803646036__root",
-  "numberInput": "Edit1803646036__numberInput"
+  "root": "Edit3019314736__root",
+  "numberInput": "Edit3019314736__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_ = \"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":[]}
+{"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_ = \"Edit3019314736\";\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\":\"Edit3019314736__root\",\"numberInput\":\"Edit3019314736__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

@@ -5,19 +5,27 @@ exports.__esModule = true;
 exports.NumberView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _patternsFields = require("@wix/patterns-fields");
+var _CellViewLayout = require("../CellViewLayout");
 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(_patternsFields.TextView, {
+}) => /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 10,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_patternsFields.TextView, {
   data: value != null ? value : '',
   className: _ViewStCss.classes.textView,
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 9,
-    columnNumber: 3
+    lineNumber: 11,
+    columnNumber: 5
   }
-});
+}));
 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","_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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_patternsFields","_CellViewLayout","_ViewStCss","_jsxFileName","NumberView","value","default","createElement","CellViewLayout","__self","__source","fileName","lineNumber","columnNumber","TextView","data","className","classes","textView","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 { CellViewLayout } from '../CellViewLayout';\nimport { classes } from './View.st.css.js';\n\nexport const NumberView: React.FC<CellViewProps<number | null>> = ({\n  value,\n}) => (\n  <CellViewLayout>\n    <TextView data={value != null ? value : ''} className={classes.textView} />\n  </CellViewLayout>\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAEpC,MAAMC,UAAkD,GAAGA,CAAC;EACjEC;AACF,CAAC,kBACCR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,eAAA,CAAAO,cAAc;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,gBACbhB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAAc,QAAQ;EAACC,IAAI,EAAEV,KAAK,IAAI,IAAI,GAAGA,KAAK,GAAG,EAAG;EAACW,SAAS,EAAEC,kBAAO,CAACC,QAAS;EAAAT,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAR,YAAA;IAAAS,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC5D,CACjB;AAACM,OAAA,CAAAf,UAAA,GAAAA,UAAA","ignoreList":[]}

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

@@ -1,5 +1,4 @@
 .textView {
   width: 100%;
-  padding: 9px 12px;
   text-align: right;
 }

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_ = "View2720415983";
+var _namespace_ = "View2041965662";
 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": "View2720415983__root",
-  "textView": "View2720415983__textView"
+  "root": "View2041965662__root",
+  "textView": "View2041965662__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_ = \"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":[]}
+{"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_ = \"View2041965662\";\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\":\"View2041965662__root\",\"textView\":\"View2041965662__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,UAAU,EAAC;AAA0B,CAAC;AACnF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit136607306";
+var _namespace_ = "Edit1375720722";
 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": "Edit136607306__root",
-  "jsonInput": "Edit136607306__jsonInput"
+  "root": "Edit1375720722__root",
+  "jsonInput": "Edit1375720722__jsonInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -5,12 +5,11 @@ exports.__esModule = true;
 exports.ObjectView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _patternsFields = require("@wix/patterns-fields");
-var _ViewStCss = require("./View.st.css.js");
+var _CellViewLayout = require("../CellViewLayout");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/object/View.tsx";
 const ObjectView = ({
   value
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  className: _ViewStCss.classes.textView,
+}) => /*#__PURE__*/_react.default.createElement(_CellViewLayout.CellViewLayout, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,