@wix/patterns 1.364.0 → 1.366.0

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

@@ -0,0 +1,53 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BooleanEdit = 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/boolean/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 BooleanEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel
+}) => {
+  const handleChange = (0, _react.useCallback)(() => {
+    onChange(!value);
+    onCommit();
+  }, [value, onChange, onCommit]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      onChange(!value);
+      onCommit();
+    } else if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  }, [value, onChange, onCommit, onCancel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onKeyDown: handleKeyDown,
+    className: _EditStCss.classes.booleanEdit,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Checkbox, {
+    dataHook: "boolean-checkbox",
+    checked: !!value,
+    onChange: handleChange,
+    size: "small",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 7
+    }
+  }));
+};
+exports.BooleanEdit = BooleanEdit;
+//# sourceMappingURL=Edit.js.map

package/dist/cjs/components/EditableTable/cellTypes/boolean/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","BooleanEdit","value","onChange","onCommit","onCancel","handleChange","useCallback","handleKeyDown","key","preventDefault","createElement","onKeyDown","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","Checkbox","dataHook","checked","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Checkbox } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n}) => {\n  const handleChange = useCallback(() => {\n    onChange(!value);\n    onCommit();\n  }, [value, onChange, onCommit]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div onKeyDown={handleKeyDown} className={classes.booleanEdit}>\n      <Checkbox\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,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,WAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrCJ,QAAQ,CAAC,CAACD,KAAK,CAAC;IAChBE,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACF,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAE/B,MAAMI,aAAa,GAAG,IAAAD,kBAAW,EAC9BzB,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC2B,GAAG,KAAK,OAAO,EAAE;MACrB3B,CAAC,CAAC4B,cAAc,CAAC,CAAC;MAClBP,QAAQ,CAAC,CAACD,KAAK,CAAC;MAChBE,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,CAACH,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,CACtC,CAAC;EAED,oBACE7B,MAAA,CAAAgB,OAAA,CAAAmB,aAAA;IAAKC,SAAS,EAAEJ,aAAc;IAACK,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5D5C,MAAA,CAAAgB,OAAA,CAAAmB,aAAA,CAAChC,aAAA,CAAA0C,QAAQ;IACPC,QAAQ,EAAC,kBAAkB;IAC3BC,OAAO,EAAE,CAAC,CAACrB,KAAM;IACjBC,QAAQ,EAAEG,YAAa;IACvBkB,IAAI,EAAC,OAAO;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArC,YAAA;MAAAsC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CACE,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAxB,WAAA,GAAAA,WAAA","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+.booleanEdit {
+  display: flex;
+  align-items: center;
+  margin-left: 12px;
+}

package/dist/cjs/components/EditableTable/cellTypes/boolean/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_ = "Edit2756468535";
+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": "Edit2756468535__root",
+  "booleanEdit": "Edit2756468535__booleanEdit"
+};
+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/boolean/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/boolean/Edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Edit2756468535\";\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\":\"Edit2756468535__root\",\"booleanEdit\":\"Edit2756468535__booleanEdit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sBAAsB;EAAC,aAAa,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,24 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BooleanEditUniDriver = BooleanEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function BooleanEditUniDriver(base, body) {
+  const checkbox = (0, _unidriver.CheckboxUniDriver)(base.$('[data-hook="boolean-checkbox"]'), body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    isChecked: () => checkbox.isChecked(),
+    toggle: () => checkbox.click(),
+    /** Native dispatch — Checkbox uni.driver has no keyDown */
+    keyDown: async (key, opts) => {
+      const input = await base.$('input').getNative();
+      input.dispatchEvent(new KeyboardEvent('keydown', {
+        key,
+        bubbles: true,
+        ...opts
+      }));
+    }
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","BooleanEditUniDriver","base","body","checkbox","CheckboxUniDriver","$","baseUniDriverFactory","isChecked","toggle","click","keyDown","key","opts","input","getNative","dispatchEvent","KeyboardEvent","bubbles"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CheckboxUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function BooleanEditUniDriver(base: UniDriver, body: UniDriver) {\n  const checkbox = CheckboxUniDriver(\n    base.$('[data-hook=\"boolean-checkbox\"]'),\n    body,\n  );\n\n  return {\n    ...baseUniDriverFactory(base),\n    isChecked: () => checkbox.isChecked(),\n    toggle: () => checkbox.click(),\n    /** Native dispatch — Checkbox uni.driver has no keyDown */\n    keyDown: async (\n      key: string,\n      opts?: Pick<\n        KeyboardEventInit,\n        'shiftKey' | 'ctrlKey' | 'metaKey' | 'altKey'\n      >,\n    ) => {\n      const input = await base.$('input').getNative();\n      input.dispatchEvent(\n        new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n      );\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,oBAAoBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACrE,MAAMC,QAAQ,GAAG,IAAAC,4BAAiB,EAChCH,IAAI,CAACI,CAAC,CAAC,gCAAgC,CAAC,EACxCH,IACF,CAAC;EAED,OAAO;IACL,GAAG,IAAAI,gCAAoB,EAACL,IAAI,CAAC;IAC7BM,SAAS,EAAEA,CAAA,KAAMJ,QAAQ,CAACI,SAAS,CAAC,CAAC;IACrCC,MAAM,EAAEA,CAAA,KAAML,QAAQ,CAACM,KAAK,CAAC,CAAC;IAC9B;IACAC,OAAO,EAAE,MAAAA,CACPC,GAAW,EACXC,IAGC,KACE;MACH,MAAMC,KAAK,GAAG,MAAMZ,IAAI,CAACI,CAAC,CAAC,OAAO,CAAC,CAACS,SAAS,CAAC,CAAC;MAC/CD,KAAK,CAACE,aAAa,CACjB,IAAIC,aAAa,CAAC,SAAS,EAAE;QAAEL,GAAG;QAAEM,OAAO,EAAE,IAAI;QAAE,GAAGL;MAAK,CAAC,CAC9D,CAAC;IACH;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _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", {
+  className: _ViewStCss.classes.booleanView,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 8,
+    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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,6 @@
+.booleanView {
+  display: flex;
+  align-items: center;
+  margin-left: 9px;
+  pointer-events: none;
+}

package/dist/cjs/components/EditableTable/cellTypes/boolean/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_ = "View1734812011";
+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"
+};
+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/boolean/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/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":[]}

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

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.BooleanViewUniDriver = BooleanViewUniDriver;
+var _unidriver = require("../../../../unidriver");
+function BooleanViewUniDriver(base, _body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    hasCheckIcon: () => base.$('[data-hook="boolean-check-icon"]').exists()
+  };
+}
+//# sourceMappingURL=View.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","BooleanViewUniDriver","base","_body","baseUniDriverFactory","hasCheckIcon","$","exists"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/View.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../../../unidriver';\n\nexport function BooleanViewUniDriver(base: UniDriver, _body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    hasCheckIcon: () => base.$('[data-hook=\"boolean-check-icon\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,oBAAoBA,CAACC,IAAe,EAAEC,KAAgB,EAAE;EACtE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,YAAY,EAAEA,CAAA,KAAMH,IAAI,CAACI,CAAC,CAAC,kCAAkC,CAAC,CAACC,MAAM,CAAC;EACxE,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.booleanCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.BooleanView = _View.BooleanView;
+var _Edit = require("./Edit");
+exports.BooleanEdit = _Edit.BooleanEdit;
+const booleanCellType = exports.booleanCellType = (0, _types.defineCellType)({
+  type: 'boolean',
+  ViewComponent: _View.BooleanView,
+  EditComponent: _Edit.BooleanEdit,
+  serialize: value => value ? 'true' : 'false',
+  deserialize: raw => {
+    const normalized = raw.trim().toLowerCase();
+    if (normalized === '1' || normalized === 'true' || normalized === 'checked') {
+      return true;
+    }
+    if (normalized === '0' || normalized === 'false' || normalized === '') {
+      return false;
+    }
+    throw new Error();
+  },
+  editable: true,
+  clearable: true,
+  toggleValue: value => !value
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","BooleanView","_Edit","BooleanEdit","booleanCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","deserialize","raw","normalized","trim","toLowerCase","Error","editable","clearable","toggleValue"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { BooleanView } from './View';\nimport { BooleanEdit } from './Edit';\n\nexport { BooleanView, BooleanEdit };\n\nexport const booleanCellType = defineCellType<boolean>({\n  type: 'boolean',\n  ViewComponent: BooleanView,\n  EditComponent: BooleanEdit,\n  serialize: (value) => (value ? 'true' : 'false'),\n  deserialize: (raw) => {\n    const normalized = raw.trim().toLowerCase();\n    if (\n      normalized === '1' ||\n      normalized === 'true' ||\n      normalized === 'checked'\n    ) {\n      return true;\n    }\n    if (normalized === '0' || normalized === 'false' || normalized === '') {\n      return false;\n    }\n    throw new Error();\n  },\n  editable: true,\n  clearable: true,\n  toggleValue: (value) => !value,\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAqCE,OAAA,CAAAC,WAAA,GAAAF,KAAA,CAAAE,WAAA;AACrC,IAAAC,KAAA,GAAAJ,OAAA;AAAqCE,OAAA,CAAAG,WAAA,GAAAD,KAAA,CAAAC,WAAA;AAI9B,MAAMC,eAAe,GAAAJ,OAAA,CAAAI,eAAA,GAAG,IAAAC,qBAAc,EAAU;EACrDC,IAAI,EAAE,SAAS;EACfC,aAAa,EAAEN,iBAAW;EAC1BO,aAAa,EAAEL,iBAAW;EAC1BM,SAAS,EAAGC,KAAK,IAAMA,KAAK,GAAG,MAAM,GAAG,OAAQ;EAChDC,WAAW,EAAGC,GAAG,IAAK;IACpB,MAAMC,UAAU,GAAGD,GAAG,CAACE,IAAI,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC;IAC3C,IACEF,UAAU,KAAK,GAAG,IAClBA,UAAU,KAAK,MAAM,IACrBA,UAAU,KAAK,SAAS,EACxB;MACA,OAAO,IAAI;IACb;IACA,IAAIA,UAAU,KAAK,GAAG,IAAIA,UAAU,KAAK,OAAO,IAAIA,UAAU,KAAK,EAAE,EAAE;MACrE,OAAO,KAAK;IACd;IACA,MAAM,IAAIG,KAAK,CAAC,CAAC;EACnB,CAAC;EACDC,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,WAAW,EAAGT,KAAK,IAAK,CAACA;AAC3B,CAAC,CAAC","ignoreList":[]}

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

@@ -0,0 +1,100 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DateEdit = 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/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); }
+function isValidDate(value) {
+  if (!value) {
+    return true;
+  }
+  const date = value instanceof Date ? value : new Date(value);
+  return !isNaN(date.getTime());
+}
+const DateEdit = ({
+  value,
+  onChange,
+  onCommit,
+  onCancel,
+  inputRef,
+  editTrigger
+}) => {
+  const datePickerRef = (0, _react.useRef)(null);
+  const validDate = isValidDate(value);
+
+  // Auto-open calendar when entering edit mode via type-to-edit
+  (0, _react.useEffect)(() => {
+    if (editTrigger === 'type') {
+      var _datePickerRef$curren;
+      (_datePickerRef$curren = datePickerRef.current) == null || _datePickerRef$curren.openCalendar();
+    }
+  }, [editTrigger]);
+  const dateValue = value ? value instanceof Date ? value : new Date(value) : null;
+  const handleChange = (0, _react.useCallback)(date => {
+    onChange(date);
+    onCommit();
+  }, [onChange, onCommit]);
+  const handleKeyDown = (0, _react.useCallback)(e => {
+    if (e.key === 'Escape') {
+      e.preventDefault();
+      onCancel();
+    }
+  }, [onCancel]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    onKeyDown: handleKeyDown,
+    style: {
+      width: '100%',
+      height: '100%',
+      display: 'flex',
+      alignItems: 'center'
+    },
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
+    ref: datePickerRef,
+    size: "small",
+    inputProps: {
+      border: 'none',
+      prefix: /*#__PURE__*/_react.default.createElement("span", {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 71,
+          columnNumber: 19
+        }
+      }),
+      ...(validDate ? {} : {
+        value: typeof value === 'string' ? value : ''
+      }),
+      inputRef: el => {
+        if (inputRef) {
+          inputRef.current = el;
+        }
+      }
+    },
+    value: dateValue && !isNaN(dateValue.getTime()) ? dateValue : undefined,
+    onChange: handleChange,
+    popoverProps: {
+      appendTo: 'window',
+      moveBy: {
+        y: 4
+      }
+    },
+    className: _EditStCss.classes.dateInput,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 7
+    }
+  }));
+};
+exports.DateEdit = DateEdit;
+//# sourceMappingURL=Edit.js.map

package/dist/cjs/components/EditableTable/cellTypes/date/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","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":";;;;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;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,SAAS,GAAGlB,KAAK,GACnBA,KAAK,YAAYE,IAAI,GACnBF,KAAK,GACL,IAAIE,IAAI,CAACF,KAAK,CAAC,GACjB,IAAI;EAER,MAAMmB,YAAY,GAAG,IAAAC,kBAAW,EAC7BnB,IAAU,IAAK;IACdK,QAAQ,CAACL,IAAI,CAAC;IACdM,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMc,aAAa,GAAG,IAAAD,kBAAW,EAC9BxC,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC0C,GAAG,KAAK,QAAQ,EAAE;MACtB1C,CAAC,CAAC2C,cAAc,CAAC,CAAC;MAClBf,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,oBACElC,MAAA,CAAAgB,OAAA,CAAAkC,aAAA;IACEC,SAAS,EAAEJ,aAAc;IACzBK,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,EAAAtD,YAAA;MAAAuD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEF7D,MAAA,CAAAgB,OAAA,CAAAkC,aAAA,CAAC/C,aAAA,CAAA2D,UAAU;IACTC,GAAG,EAAE1B,aAAc;IACnB2B,IAAI,EAAC,OAAO;IACZC,UAAU,EAAE;MACVC,MAAM,EAAE,MAAM;MACdC,MAAM,eAAEnE,MAAA,CAAAgB,OAAA,CAAAkC,aAAA;QAAAO,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtD,YAAA;UAAAuD,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAO,CAAC;MAChB,IAAItB,SAAS,GACT,CAAC,CAAC,GACF;QAAEb,KAAK,EAAE,OAAOA,KAAK,KAAK,QAAQ,GAAGA,KAAK,GAAG;MAAG,CAAC,CAAC;MACtDS,QAAQ,EAAGiC,EAAoB,IAAK;QAClC,IAAIjC,QAAQ,EAAE;UACZA,QAAQ,CAACO,OAAO,GAAG0B,EAAE;QACvB;MACF;IACF,CAAE;IACF1C,KAAK,EAAEkB,SAAS,IAAI,CAACf,KAAK,CAACe,SAAS,CAACd,OAAO,CAAC,CAAC,CAAC,GAAGc,SAAS,GAAGyB,SAAU;IACxErC,QAAQ,EAAEa,YAAa;IACvByB,YAAY,EAAE;MAAEC,QAAQ,EAAE,QAAQ;MAAEC,MAAM,EAAE;QAAEC,CAAC,EAAE;MAAE;IAAE,CAAE;IACvDC,SAAS,EAAEC,kBAAO,CAACC,SAAU;IAAAnB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtD,YAAA;MAAAuD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC9B,CACE,CAAC;AAEV,CAAC;AAACgB,OAAA,CAAA9C,QAAA,GAAAA,QAAA","ignoreList":[]}

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

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

package/dist/cjs/components/EditableTable/cellTypes/date/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_ = "Edit2954194738";
+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"
+};
+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/date/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/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":[]}

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

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.DateEditUniDriver = DateEditUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver2 = require("../../../../unidriver");
+function DateEditUniDriver(base, body) {
+  const datePicker = (0, _unidriver.DatePickerUniDriver)(base, body);
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    getInputValue: () => datePicker.inputDriver.getValue(),
+    keyDown: (key, opts) => datePicker.inputDriver.keyDown({
+      key,
+      ...opts
+    }),
+    blur: () => datePicker.inputDriver.blur(),
+    clickInput: () => datePicker.inputDriver.click()
+  };
+}
+//# sourceMappingURL=Edit.uni.driver.js.map

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

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

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

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/cellTypes/date/View.tsx";
+const dateFormatter = new Intl.DateTimeFormat(undefined, {
+  day: '2-digit',
+  month: '2-digit',
+  year: 'numeric'
+});
+function formatDate(value) {
+  if (!value) {
+    return '';
+  }
+  const date = value instanceof Date ? value : new Date(value);
+  if (isNaN(date.getTime())) {
+    return typeof value === 'string' ? value : '';
+  }
+  return dateFormatter.format(date);
+}
+const DateView = ({
+  value
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+  size: "small",
+  ellipsis: true,
+  className: _ViewStCss.classes.textView,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 26,
+    columnNumber: 3
+  }
+}, formatDate(value));
+exports.DateView = DateView;
+//# sourceMappingURL=View.js.map

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

@@ -0,0 +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":[]}

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

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

package/dist/cjs/components/EditableTable/cellTypes/date/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_ = "View3496179537";
+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"
+};
+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/date/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/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":[]}

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

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

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

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

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

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dateCellType = void 0;
+var _types = require("../../types");
+var _View = require("./View");
+exports.DateView = _View.DateView;
+var _Edit = require("./Edit");
+exports.DateEdit = _Edit.DateEdit;
+const dateCellType = exports.dateCellType = (0, _types.defineCellType)({
+  type: 'date',
+  ViewComponent: _View.DateView,
+  EditComponent: _Edit.DateEdit,
+  serialize: value => {
+    if (!value) {
+      return '';
+    }
+    const date = value instanceof Date ? value : new Date(value);
+    return isNaN(date.getTime()) ? '' : date.toISOString();
+  },
+  deserialize: raw => {
+    if (!raw) {
+      return null;
+    }
+    const date = new Date(raw);
+    if (isNaN(date.getTime())) {
+      throw new Error();
+    }
+    return date;
+  },
+  validate: value => {
+    if (!value) {
+      return null;
+    }
+    const date = value instanceof Date ? value : new Date(value);
+    if (isNaN(date.getTime())) {
+      return 'Invalid date';
+    }
+    return null;
+  },
+  editable: true,
+  clearable: true,
+  onTypeToEdit: () => ({})
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_types","require","_View","exports","DateView","_Edit","DateEdit","dateCellType","defineCellType","type","ViewComponent","EditComponent","serialize","value","date","Date","isNaN","getTime","toISOString","deserialize","raw","Error","validate","editable","clearable","onTypeToEdit"],"sources":["../../../../../../src/components/EditableTable/cellTypes/date/index.ts"],"sourcesContent":["import { defineCellType } from '../../types';\nimport { DateView } from './View';\nimport { DateEdit } from './Edit';\n\nexport { DateView, DateEdit };\n\nexport const dateCellType = defineCellType<Date | string | null>({\n  type: 'date',\n  ViewComponent: DateView,\n  EditComponent: DateEdit,\n  serialize: (value) => {\n    if (!value) {\n      return '';\n    }\n    const date = value instanceof Date ? value : new Date(value);\n    return isNaN(date.getTime()) ? '' : date.toISOString();\n  },\n  deserialize: (raw) => {\n    if (!raw) {\n      return null;\n    }\n    const date = new Date(raw);\n    if (isNaN(date.getTime())) {\n      throw new Error();\n    }\n    return date;\n  },\n  validate: (value) => {\n    if (!value) {\n      return null;\n    }\n    const date = value instanceof Date ? value : new Date(value);\n    if (isNaN(date.getTime())) {\n      return 'Invalid date';\n    }\n    return null;\n  },\n  editable: true,\n  clearable: true,\n  onTypeToEdit: () => ({}),\n});\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAAkCE,OAAA,CAAAC,QAAA,GAAAF,KAAA,CAAAE,QAAA;AAClC,IAAAC,KAAA,GAAAJ,OAAA;AAAkCE,OAAA,CAAAG,QAAA,GAAAD,KAAA,CAAAC,QAAA;AAI3B,MAAMC,YAAY,GAAAJ,OAAA,CAAAI,YAAA,GAAG,IAAAC,qBAAc,EAAuB;EAC/DC,IAAI,EAAE,MAAM;EACZC,aAAa,EAAEN,cAAQ;EACvBO,aAAa,EAAEL,cAAQ;EACvBM,SAAS,EAAGC,KAAK,IAAK;IACpB,IAAI,CAACA,KAAK,EAAE;MACV,OAAO,EAAE;IACX;IACA,MAAMC,IAAI,GAAGD,KAAK,YAAYE,IAAI,GAAGF,KAAK,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC;IAC5D,OAAOG,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,GAAGH,IAAI,CAACI,WAAW,CAAC,CAAC;EACxD,CAAC;EACDC,WAAW,EAAGC,GAAG,IAAK;IACpB,IAAI,CAACA,GAAG,EAAE;MACR,OAAO,IAAI;IACb;IACA,MAAMN,IAAI,GAAG,IAAIC,IAAI,CAACK,GAAG,CAAC;IAC1B,IAAIJ,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;MACzB,MAAM,IAAII,KAAK,CAAC,CAAC;IACnB;IACA,OAAOP,IAAI;EACb,CAAC;EACDQ,QAAQ,EAAGT,KAAK,IAAK;IACnB,IAAI,CAACA,KAAK,EAAE;MACV,OAAO,IAAI;IACb;IACA,MAAMC,IAAI,GAAGD,KAAK,YAAYE,IAAI,GAAGF,KAAK,GAAG,IAAIE,IAAI,CAACF,KAAK,CAAC;IAC5D,IAAIG,KAAK,CAACF,IAAI,CAACG,OAAO,CAAC,CAAC,CAAC,EAAE;MACzB,OAAO,cAAc;IACvB;IACA,OAAO,IAAI;EACb,CAAC;EACDM,QAAQ,EAAE,IAAI;EACdC,SAAS,EAAE,IAAI;EACfC,YAAY,EAAEA,CAAA,MAAO,CAAC,CAAC;AACzB,CAAC,CAAC","ignoreList":[]}