@wix/patterns 1.374.0 → 1.377.0

package/dist/cjs/components/EditableTable/HeaderActionsPopover.js

@@ -0,0 +1,107 @@
+"use strict";
+
+exports.__esModule = true;
+exports.HeaderActionsPopover = HeaderActionsPopover;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _HeaderActionsPopoverStCss = require("./HeaderActionsPopover.st.css.js");
+var _useCloseOnAncestorScroll = require("./useCloseOnAncestorScroll");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/HeaderActionsPopover.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 HeaderActionsPopover({
+  actions,
+  dataHook
+}) {
+  const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
+  const [popoverKey, setPopoverKey] = (0, _react.useState)(0);
+  const wrapperRef = (0, _react.useRef)(null);
+  const closePopover = (0, _react.useCallback)(() => {
+    setMenuOpen(false);
+    setPopoverKey(k => k + 1);
+  }, []);
+  (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closePopover, menuOpen);
+  const menuItems = actions.filter(group => group.length > 0).reduce((result, group, index, array) => {
+    const items = group.map((action, i) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+      key: `${index}-${i}`,
+      text: action.label,
+      onClick: action.onClick,
+      prefixIcon: action.icon,
+      disabled: action.disabled,
+      disabledDescription: action.disabledTooltip,
+      skin: action.skin,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 9
+      }
+    }));
+    const divider = index < array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+      key: `divider-${index}`,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 14
+      }
+    })] : [];
+    return [...result, ...items, ...divider];
+  }, []);
+  if (menuItems.length === 0) {
+    return null;
+  }
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    _react.default.createElement("div", {
+      ref: wrapperRef,
+      className: (0, _HeaderActionsPopoverStCss.st)(_HeaderActionsPopoverStCss.classes.root, {
+        menuOpen
+      }),
+      "data-hook": dataHook,
+      onClick: e => e.stopPropagation(),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 55,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+      key: popoverKey,
+      dataHook: dataHook ? `${dataHook}-menu` : undefined,
+      textSize: "small",
+      triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+        size: "tiny",
+        skin: "dark",
+        priority: "tertiary",
+        ariaLabel: "Column actions",
+        dataHook: dataHook ? `${dataHook}-more-button` : undefined,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 66,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 73,
+          columnNumber: 13
+        }
+      })),
+      appendTo: "window",
+      placement: "bottom-end",
+      onShow: () => setMenuOpen(true),
+      onHide: () => setMenuOpen(false),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 7
+      }
+    }, menuItems))
+  );
+}
+//# sourceMappingURL=HeaderActionsPopover.js.map

package/dist/cjs/components/EditableTable/HeaderActionsPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_HeaderActionsPopoverStCss","_useCloseOnAncestorScroll","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeaderActionsPopover","actions","dataHook","menuOpen","setMenuOpen","useState","popoverKey","setPopoverKey","wrapperRef","useRef","closePopover","useCallback","k","useCloseOnAncestorScroll","menuItems","filter","group","length","reduce","result","index","array","items","map","action","createElement","PopoverMenu","MenuItem","key","text","label","onClick","prefixIcon","icon","disabled","disabledDescription","disabledTooltip","skin","__self","__source","fileName","lineNumber","columnNumber","divider","Divider","ref","className","st","classes","root","stopPropagation","undefined","textSize","triggerElement","IconButton","size","priority","ariaLabel","MoreSmall","appendTo","placement","onShow","onHide"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, type ReactNode } from 'react';\nimport { PopoverMenu, IconButton } from '@wix/design-system';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport type { HeaderAction } from './headerActionTypes';\nimport { st, classes } from './HeaderActionsPopover.st.css.js';\nimport { useCloseOnAncestorScroll } from './useCloseOnAncestorScroll';\n\nexport interface HeaderActionsPopoverProps {\n  actions: HeaderAction[][];\n  dataHook?: string;\n}\n\nexport function HeaderActionsPopover({\n  actions,\n  dataHook,\n}: HeaderActionsPopoverProps) {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [popoverKey, setPopoverKey] = useState(0);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const closePopover = useCallback(() => {\n    setMenuOpen(false);\n    setPopoverKey((k) => k + 1);\n  }, []);\n\n  useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen);\n\n  const menuItems = actions\n    .filter((group) => group.length > 0)\n    .reduce<ReactNode[]>((result, group, index, array) => {\n      const items = group.map((action, i) => (\n        <PopoverMenu.MenuItem\n          key={`${index}-${i}`}\n          text={action.label}\n          onClick={action.onClick}\n          prefixIcon={action.icon}\n          disabled={action.disabled}\n          disabledDescription={action.disabledTooltip}\n          skin={action.skin}\n        />\n      ));\n      const divider =\n        index < array.length - 1\n          ? [<PopoverMenu.Divider key={`divider-${index}`} />]\n          : [];\n      return [...result, ...items, ...divider];\n    }, []);\n\n  if (menuItems.length === 0) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      ref={wrapperRef}\n      className={st(classes.root, { menuOpen })}\n      data-hook={dataHook}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <PopoverMenu\n        key={popoverKey}\n        dataHook={dataHook ? `${dataHook}-menu` : undefined}\n        textSize=\"small\"\n        triggerElement={\n          <IconButton\n            size=\"tiny\"\n            skin=\"dark\"\n            priority=\"tertiary\"\n            ariaLabel=\"Column actions\"\n            dataHook={dataHook ? `${dataHook}-more-button` : undefined}\n          >\n            <MoreSmall />\n          </IconButton>\n        }\n        appendTo=\"window\"\n        placement=\"bottom-end\"\n        onShow={() => setMenuOpen(true)}\n        onHide={() => setMenuOpen(false)}\n      >\n        {menuItems}\n      </PopoverMenu>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EditableTable/HeaderActionsPopover.st.css

@@ -0,0 +1,12 @@
+.root {
+  -st-states: menuOpen;
+  opacity: 0;
+  transition: opacity 0.15s;
+}
+
+/* Reveal when the table header cell is hovered or the menu is open */
+:global(th):hover .root,
+.root:menuOpen,
+.root:focus-within {
+  opacity: 1;
+}

package/dist/cjs/components/EditableTable/{cellTypes/select/View.st.css.js → HeaderActionsPopover.st.css.js}

@@ -2,21 +2,21 @@
 
 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");
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View289241894";
+var _namespace_ = "HeaderActionsPopover835706258";
 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": "View289241894__root"
+  "root": "HeaderActionsPopover835706258__root"
 };
 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
+//# sourceMappingURL=HeaderActionsPopover.st.css.js.map

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover835706258\";\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\":\"HeaderActionsPopover835706258__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/CellViewLayout.st.css.js

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

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout4168086300\";\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\":\"CellViewLayout4168086300__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout3612497033\";\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\":\"CellViewLayout3612497033__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,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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.js

@@ -17,6 +17,7 @@ const BooleanEdit = ({
     onChange(checked);
     onCommit();
   }, [onChange, onCommit]);
+  const stopClickPropagation = (0, _react.useCallback)(e => e.stopPropagation(), []);
   const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === 'Enter') {
       e.preventDefault();
@@ -29,11 +30,12 @@ const BooleanEdit = ({
   }, [value, onChange, onCommit, onCancel]);
   return /*#__PURE__*/_react.default.createElement("div", {
     onKeyDown: handleKeyDown,
+    onClick: stopClickPropagation,
     className: _EditStCss.classes.booleanEdit,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellCheckbox, {
@@ -44,7 +46,7 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 45,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BooleanEdit","value","onChange","onCommit","onCancel","handleChange","useCallback","checked","handleKeyDown","key","preventDefault","createElement","onKeyDown","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","CellCheckbox","dataHook","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellCheckbox } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n}) => {\n  const handleChange = useCallback(\n    (checked: boolean) => {\n      onChange(checked);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const 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      <CellCheckbox\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpC,MAAMkB,WAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAG,IAAAC,kBAAW,EAC7BC,OAAgB,IAAK;IACpBL,QAAQ,CAACK,OAAO,CAAC;IACjBJ,QAAQ,CAAC,CAAC;EACZ,CAAC,EACD,CAACD,QAAQ,EAAEC,QAAQ,CACrB,CAAC;EAED,MAAMK,aAAa,GAAG,IAAAF,kBAAW,EAC9BzB,CAAsB,IAAK;IAC1B,IAAIA,CAAC,CAAC4B,GAAG,KAAK,OAAO,EAAE;MACrB5B,CAAC,CAAC6B,cAAc,CAAC,CAAC;MAClBR,QAAQ,CAAC,CAACD,KAAK,CAAC;MAChBE,QAAQ,CAAC,CAAC;IACZ,CAAC,MAAM,IAAItB,CAAC,CAAC4B,GAAG,KAAK,QAAQ,EAAE;MAC7B5B,CAAC,CAAC6B,cAAc,CAAC,CAAC;MAClBN,QAAQ,CAAC,CAAC;IACZ;EACF,CAAC,EACD,CAACH,KAAK,EAAEC,QAAQ,EAAEC,QAAQ,EAAEC,QAAQ,CACtC,CAAC;EAED,oBACE7B,MAAA,CAAAgB,OAAA,CAAAoB,aAAA;IAAKC,SAAS,EAAEJ,aAAc;IAACK,SAAS,EAAEC,kBAAO,CAACC,WAAY;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC5D7C,MAAA,CAAAgB,OAAA,CAAAoB,aAAA,CAACjC,eAAA,CAAA2C,YAAY;IACXC,QAAQ,EAAC,kBAAkB;IAC3Bf,OAAO,EAAE,CAAC,CAACN,KAAM;IACjBC,QAAQ,EAAEG,YAAa;IACvBkB,IAAI,EAAC,OAAO;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACb,CACE,CAAC;AAEV,CAAC;AAACI,OAAA,CAAAxB,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_patternsFields","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BooleanEdit","value","onChange","onCommit","onCancel","handleChange","useCallback","checked","stopClickPropagation","stopPropagation","handleKeyDown","key","preventDefault","createElement","onKeyDown","onClick","className","classes","booleanEdit","__self","__source","fileName","lineNumber","columnNumber","CellCheckbox","dataHook","size","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/boolean/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { CellCheckbox } from '@wix/patterns-fields';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const BooleanEdit: React.FC<CellEditProps<boolean>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n}) => {\n  const handleChange = useCallback(\n    (checked: boolean) => {\n      onChange(checked);\n      onCommit();\n    },\n    [onChange, onCommit],\n  );\n\n  const stopClickPropagation = useCallback(\n    (e: React.MouseEvent) => e.stopPropagation(),\n    [],\n  );\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onChange(!value);\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [value, onChange, onCommit, onCancel],\n  );\n\n  return (\n    <div\n      onKeyDown={handleKeyDown}\n      onClick={stopClickPropagation}\n      className={classes.booleanEdit}\n    >\n      <CellCheckbox\n        dataHook=\"boolean-checkbox\"\n        checked={!!value}\n        onChange={handleChange}\n        size=\"small\"\n      />\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "Edit3735869115";
+var _namespace_ = "Edit550253640";
 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": "Edit3735869115__root",
-  "booleanEdit": "Edit3735869115__booleanEdit"
+  "root": "Edit550253640__root",
+  "booleanEdit": "Edit550253640__booleanEdit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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

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

@@ -28,7 +28,7 @@ const DateEdit = ({
 
   // Auto-open calendar when entering edit mode via type-to-edit
   (0, _react.useEffect)(() => {
-    if (editTrigger === 'type') {
+    if (editTrigger && typeof editTrigger === 'object' && editTrigger.kind === 'type') {
       var _datePickerRef$curren;
       (_datePickerRef$curren = datePickerRef.current) == null || _datePickerRef$curren.openCalendar();
     }

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

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

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

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

@@ -37,7 +37,11 @@ const EmailEdit = ({
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    ref: inputRef,
+    ref: instance => {
+      if (inputRef) {
+        inputRef.current = instance;
+      }
+    },
     size: "small",
     border: "none",
     value: value ?? '',

package/dist/cjs/components/EditableTable/cellTypes/email/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","EmailEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","Box","width","height","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Input","ref","size","border","target","onKeyDown","onBlur","type","autoSelect","className","classes","emailInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Input, Box } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const EmailEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <Box width=\"100%\" height=\"100%\" verticalAlign=\"middle\">\n      <Input\n        ref={inputRef}\n        size=\"small\"\n        border=\"none\"\n        value={value ?? ''}\n        onChange={(e) => onChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        type=\"email\"\n        autoSelect={false}\n        className={classes.emailInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_EditStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","EmailEdit","value","onChange","onCommit","onCancel","inputRef","handleKeyDown","useCallback","key","preventDefault","handleBlur","createElement","Box","width","height","verticalAlign","__self","__source","fileName","lineNumber","columnNumber","Input","ref","instance","current","size","border","target","onKeyDown","onBlur","type","autoSelect","className","classes","emailInput","exports"],"sources":["../../../../../../src/components/EditableTable/cellTypes/email/Edit.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { Input, Box } from '@wix/design-system';\nimport type { CellEditProps } from '../../types';\nimport { classes } from './Edit.st.css.js';\n\nexport const EmailEdit: React.FC<CellEditProps<string>> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  inputRef,\n}) => {\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Enter') {\n        e.preventDefault();\n        onCommit();\n      } else if (e.key === 'Escape') {\n        e.preventDefault();\n        onCancel();\n      }\n    },\n    [onCommit, onCancel],\n  );\n\n  const handleBlur = useCallback(() => {\n    onCommit();\n  }, [onCommit]);\n\n  return (\n    <Box width=\"100%\" height=\"100%\" verticalAlign=\"middle\">\n      <Input\n        ref={(instance) => {\n          if (inputRef) {\n            inputRef.current = instance;\n          }\n        }}\n        size=\"small\"\n        border=\"none\"\n        value={value ?? ''}\n        onChange={(e) => onChange(e.target.value)}\n        onKeyDown={handleKeyDown}\n        onBlur={handleBlur}\n        type=\"email\"\n        autoSelect={false}\n        className={classes.emailInput}\n      />\n    </Box>\n  );\n};\n"],"mappings":"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","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_ = "Edit1221715152";
+var _namespace_ = "Edit3352778691";
 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": "Edit1221715152__root",
-  "emailInput": "Edit1221715152__emailInput"
+  "root": "Edit3352778691__root",
+  "emailInput": "Edit3352778691__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_ = \"Edit1221715152\";\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\":\"Edit1221715152__root\",\"emailInput\":\"Edit1221715152__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_ = \"Edit3352778691\";\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\":\"Edit3352778691__root\",\"emailInput\":\"Edit3352778691__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.st.css.js

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

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

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

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

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

@@ -27,7 +27,11 @@ const NumberEdit = ({
     onCommit();
   }, [onCommit]);
   return /*#__PURE__*/_react.default.createElement(_patternsFields.CellNumberInput, {
-    inputRef: inputRef,
+    inputRef: instance => {
+      if (inputRef) {
+        inputRef.current = instance;
+      }
+    },
     size: "small",
     border: "none",
     value: value ?? undefined,