@wix/patterns 1.489.0 → 1.492.0

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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_ = "ViewsDropdown2244481173";
+var _namespace_ = "ViewsDropdown4266640330";
 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": "ViewsDropdown2244481173__root"
+  "root": "ViewsDropdown4266640330__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown2244481173\";\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\":\"ViewsDropdown2244481173__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown4266640330\";\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\":\"ViewsDropdown4266640330__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,yBAAyB;AAC3C,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;AAA+B,CAAC;AACtD,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/CustomFieldModal/CustomFieldFormPiiFields.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_ = "CustomFieldFormPiiFields3354195506";
+var _namespace_ = "CustomFieldFormPiiFields2129874859";
 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": "CustomFieldFormPiiFields3354195506__root",
-  "tooltipText": "CustomFieldFormPiiFields3354195506__tooltipText"
+  "root": "CustomFieldFormPiiFields2129874859__root",
+  "tooltipText": "CustomFieldFormPiiFields2129874859__tooltipText"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldModal/CustomFieldFormPiiFields.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/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields3354195506\";\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\":\"CustomFieldFormPiiFields3354195506__root\",\"tooltipText\":\"CustomFieldFormPiiFields3354195506__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,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;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,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/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldFormPiiFields2129874859\";\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\":\"CustomFieldFormPiiFields2129874859__root\",\"tooltipText\":\"CustomFieldFormPiiFields2129874859__tooltipText\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-tooltip-label-font-line-height-medium\":\"--wds-tooltip-label-font-line-height-medium\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wds-font-line-height-body-tiny\":\"--wds-font-line-height-body-tiny\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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,0CAA0C;EAAC,aAAa,EAAC;AAAiD,CAAC;AACjI,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;EAAC,2CAA2C,EAAC,6CAA6C;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC;AAA8B,CAAC","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle1510203898";
+var _namespace_ = "DragHandle1845597267";
 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": "DragHandle1510203898__root"
+  "root": "DragHandle1845597267__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1510203898\";\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\":\"DragHandle1510203898__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1845597267\";\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\":\"DragHandle1845597267__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/EditableCell.js

@@ -36,7 +36,6 @@ function _EditableCell({
   const isRowActive = cellInteraction.isRowActive(rowKey);
   const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);
   const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);
-  const isEditable = state.isCellEditable(rowKey, columnId);
   const canEdit = state.canEditCell(rowKey, columnId);
   const handleClick = (0, _react.useCallback)(e => {
     e.stopPropagation();
@@ -151,7 +150,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 167,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -164,7 +163,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 185,
       columnNumber: 5
     }
   });
@@ -181,7 +180,7 @@ function _EditableCell({
       rowActive: isRowActive,
       rangeSelected: isSelected && isRangeSelection,
       invalid: !cellValidation.valid,
-      readOnly: !isEditable,
+      readOnly: !canEdit,
       showEditWhenFocused: !!resolved.showEditWhenFocused,
       growable: !!resolved.growable,
       selectionTop: isRangeSelection && selectionBorder.top,
@@ -199,7 +198,7 @@ function _EditableCell({
     onKeyDown: cellKeyboard.onKeyDown,
     role: "gridcell",
     "aria-selected": isSelected,
-    "aria-readonly": !isEditable,
+    "aria-readonly": !canEdit,
     "aria-invalid": !cellValidation.valid || undefined,
     tabIndex: isFocused ? 0 : -1,
     "data-row-key": rowKey,
@@ -208,7 +207,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 202,
+      lineNumber: 201,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -218,7 +217,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 237,
+      lineNumber: 236,
       columnNumber: 11
     }
   }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
@@ -229,7 +228,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 249,
+      lineNumber: 248,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -238,7 +237,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 255,
+      lineNumber: 254,
       columnNumber: 11
     }
   }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useBmHarmonyTheme","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","isBmHarmonyTheme","useBmHarmonyTheme","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","canEdit","canEditCell","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","harmony","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n  const canEdit = state.canEditCell(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        canEdit &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={canEdit}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          harmony: isBmHarmonyTheme,\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !isEditable,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!isEditable}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_useBmHarmonyTheme","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","onFocus","_cellValidation$error","cellInteraction","clipboard","isBmHarmonyTheme","useBmHarmonyTheme","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","canEdit","canEditCell","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","saveRow","mutation","isLocalNewRow","cellValue","flushRow","handleChange","newValue","toggleValue","toggleCell","startEdit","setEditingValue","pressedOtherCellRef","useEffect","handlePointerDown","_e$target","pressedCell","target","closest","current","clearPress","document","addEventListener","removeEventListener","handleCommit","wasEditing","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","isEditable","EditWrapper","Fragment","ref","className","st","classes","root","harmony","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Text } from '@wix/design-system';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n  onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n  onFocus,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const isRangeSelection = cellInteraction.isRangeSelection;\n  const isRowActive = cellInteraction.isRowActive(rowKey);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const canEdit = state.canEditCell(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Local new rows still create when focus leaves them, so a half-filled row\n  // is not created.\n  const saveRow = useCallback(() => {\n    if (!state.mutation.isLocalNewRow(rowKey)) {\n      state.cellValue.flushRow(rowKey);\n    }\n  }, [state, rowKey]);\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      // A checkbox click is a toggle, same as Enter on the cell. Starting an\n      // edit here would report that click as Enter. In edit mode (keyboard)\n      // the new value goes through editingValue, so commitEdit reports it once.\n      if (resolved?.toggleValue && !cellInteraction.isEditing) {\n        state.cellValue.toggleCell(rowKey, columnId);\n        saveRow();\n        return;\n      }\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [resolved, state, cellInteraction, rowKey, columnId, saveRow],\n  );\n\n  // A mouse press on another cell blurs this editor, which commits, before the\n  // click moves focus. That commit only buffers the value; the row saves when\n  // focus leaves it, same as Tab. The flag clears on click, not pointerup:\n  // on touch, the blur comes after pointerup.\n  const pressedOtherCellRef = useRef(false);\n  useEffect(() => {\n    if (!isEditing) {\n      return;\n    }\n    const handlePointerDown = (e: PointerEvent) => {\n      const pressedCell = (e.target as Element | null)?.closest?.(\n        '[role=\"gridcell\"]',\n      );\n      pressedOtherCellRef.current =\n        !!pressedCell && pressedCell !== cellRef.current;\n    };\n    // A key press clears it too, so a press that never became a click\n    // cannot stop the next Enter from saving.\n    const clearPress = () => {\n      pressedOtherCellRef.current = false;\n    };\n    document.addEventListener('pointerdown', handlePointerDown, true);\n    document.addEventListener('click', clearPress, true);\n    document.addEventListener('keydown', clearPress, true);\n    return () => {\n      document.removeEventListener('pointerdown', handlePointerDown, true);\n      document.removeEventListener('click', clearPress, true);\n      document.removeEventListener('keydown', clearPress, true);\n      pressedOtherCellRef.current = false;\n    };\n  }, [isEditing]);\n\n  // An editor commits on Enter or when the user picks a value — save the row\n  // now. Focus moves commit through the framework, so this cell is no longer\n  // editing by then and the row saves when focus leaves it.\n  const handleCommit = useCallback(() => {\n    const wasEditing = cellInteraction.isCellEditing(rowKey, columnId);\n    cellInteraction.commitEdit();\n    if (wasEditing && !pressedOtherCellRef.current) {\n      saveRow();\n    }\n  }, [cellInteraction, rowKey, columnId, saveRow]);\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showErrorMessage = !cellValidation.valid && (isFocused || isEditing);\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        canEdit &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n      isEditable={canEdit}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <>\n      <div\n        ref={cellRef}\n        className={st(classes.root, {\n          harmony: isBmHarmonyTheme,\n          editing: isEditing,\n          focused: isFocused,\n          rowActive: isRowActive,\n          rangeSelected: isSelected && isRangeSelection,\n          invalid: !cellValidation.valid,\n          readOnly: !canEdit,\n          showEditWhenFocused: !!resolved.showEditWhenFocused,\n          growable: !!resolved.growable,\n          selectionTop: isRangeSelection && selectionBorder.top,\n          selectionBottom: isRangeSelection && selectionBorder.bottom,\n          selectionLeft: isRangeSelection && selectionBorder.left,\n          selectionRight: isRangeSelection && selectionBorder.right,\n          copiedTop: copiedBorder.top,\n          copiedBottom: copiedBorder.bottom,\n          copiedLeft: copiedBorder.left,\n          copiedRight: copiedBorder.right,\n        })}\n        onClick={handleClick}\n        onDoubleClick={handleDoubleClick}\n        onFocus={onFocus}\n        onKeyDown={cellKeyboard.onKeyDown}\n        role=\"gridcell\"\n        aria-selected={isSelected}\n        aria-readonly={!canEdit}\n        aria-invalid={!cellValidation.valid || undefined}\n        tabIndex={isFocused ? 0 : -1}\n        data-row-key={rowKey}\n        data-column-id={columnId}\n        data-editing={isEditing || undefined}\n      >\n        {EditWrapper ? (\n          <EditWrapper\n            typeConfig={column.typeConfig}\n            columnId={columnId}\n            rowKey={rowKey}\n          >\n            {cellContent}\n          </EditWrapper>\n        ) : (\n          cellContent\n        )}\n      </div>\n      {showErrorMessage && (\n        <div\n          className={classes.errorMessage}\n          data-hook=\"cell-error-message\"\n          data-row-key={rowKey}\n          data-column-id={columnId}\n        >\n          <Text size=\"small\" skin=\"error\">\n            {cellValidation.errors?.join(', ')}\n          </Text>\n        </div>\n      )}\n    </>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

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

@@ -16,6 +16,7 @@
 @property st-global(--wsr-color-D80);
 @property st-global(--wsr-color-R10);
 @property st-global(--wds-color-text-standard-primary);
+@property st-global(--wds-color-text-placeholder);
 @property st-global(--wds-color-text-disabled);
 @property st-global(--wds-color-black-700);
 @property st-global(--wsr-color-D10-30);
@@ -50,9 +51,9 @@
   overflow: visible;
 }
 
-:global(td):has(> .root:harmony:focused),
-:global(td):has(> .root:harmony:editing),
-:global(td):has(> .root:harmony [data-inner-focused]) {
+:global(td:not([data-sticky='true'])):has(> .root:harmony:focused),
+:global(td:not([data-sticky='true'])):has(> .root:harmony:editing),
+:global(td:not([data-sticky='true'])):has(> .root:harmony [data-inner-focused]) {
   z-index: 4;
 }
 
@@ -63,6 +64,17 @@
   z-index: 4;
 }
 
+/* Pinned cells must cover focused cells and their inline editors. */
+:global(tr):has(> :global(td) > .root)
+  > :global(td[data-sticky='true']) {
+  z-index: 5;
+}
+
+/* Keep the focus border above neighbouring pinned cells. */
+:global(td[data-sticky='true']):has(> .root:focused) {
+  z-index: 6;
+}
+
 /* WDS DataTable sets the row height through td padding (rowVerticalPadding),
    which adds to the cell height instead of containing it. Zero it on the whole
    row — the checkbox and row-number cells keep the row tall otherwise. */
@@ -159,12 +171,17 @@
 
 /* WDS <Text> sets its own colour, so the token it reads has to be overridden;
    color: then carries the same value to the datetime view's raw spans, which
-   set none. */
+   set none. The placeholder token is greyed too, or a placeholder in a cell
+   would stay darker than the greyed text around it. */
 .root:readOnly {
   --wds-color-text-standard-primary: var(
     --wds-color-text-disabled,
     var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30))
   );
+  --wds-color-text-placeholder: var(
+    --wds-color-text-disabled,
+    var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30))
+  );
   color: var(--wds-color-text-standard-primary);
 }
 

package/dist/cjs/components/EditableTable/EditableCell.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_ = "EditableCell2863863235";
+var _namespace_ = "EditableCell3938835703";
 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": "EditableCell2863863235__root",
-  "errorMessage": "EditableCell2863863235__errorMessage"
+  "root": "EditableCell3938835703__root",
+  "errorMessage": "EditableCell3938835703__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -38,6 +38,7 @@ var vars = exports.vars = {
   "wsr-color-D80": "--wsr-color-D80",
   "wsr-color-R10": "--wsr-color-R10",
   "wds-color-text-standard-primary": "--wds-color-text-standard-primary",
+  "wds-color-text-placeholder": "--wds-color-text-placeholder",
   "wds-color-text-disabled": "--wds-color-text-disabled",
   "wds-color-black-700": "--wds-color-black-700",
   "wsr-color-D10-30": "--wsr-color-D10-30",

package/dist/cjs/components/EditableTable/EditableCell.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/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell2863863235\";\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\":\"EditableCell2863863235__root\",\"errorMessage\":\"EditableCell2863863235__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\",\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\",\"wds-input-padding-horizontal-small\":\"--wds-input-padding-horizontal-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,cAAc,EAAC;AAAsC,CAAC;AAC3G,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;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,oCAAoC,EAAC;AAAsC,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/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3938835703\";\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\":\"EditableCell3938835703__root\",\"errorMessage\":\"EditableCell3938835703__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-placeholder\":\"--wds-color-text-placeholder\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\",\"wds-input-value-font-size-small\":\"--wds-input-value-font-size-small\",\"wds-input-value-font-line-height-small\":\"--wds-input-value-font-line-height-small\",\"wds-font-size-body-small\":\"--wds-font-size-body-small\",\"wds-font-line-height-body-small\":\"--wds-font-line-height-body-small\",\"wsr-text-font-size-small\":\"--wsr-text-font-size-small\",\"wsr-text-line-height-small\":\"--wsr-text-line-height-small\",\"wds-input-padding-horizontal-small\":\"--wds-input-padding-horizontal-small\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,cAAc,EAAC;AAAsC,CAAC;AAC3G,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;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,wCAAwC,EAAC,0CAA0C;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/EditableCell.uni.driver.js

@@ -14,6 +14,7 @@ var _ViewUni = require("./cellTypes/reference/View.uni.driver");
 var _ViewUni2 = require("./cellTypes/multiReference/View.uni.driver");
 var _EditUni7 = require("./cellTypes/address/Edit.uni.driver");
 var _EditUni8 = require("./cellTypes/object/Edit.uni.driver");
+var _EditUni9 = require("./cellTypes/mediaImage/Edit.uni.driver");
 function EditableCellUniDriver(base, body) {
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
@@ -83,6 +84,8 @@ function EditableCellUniDriver(base, body) {
     getAddressEdit: () => (0, _EditUni7.AddressEditUniDriver)(base, body),
     /** Get the object (JSON) cell edit driver (for object columns) */
     getObjectEdit: () => (0, _EditUni8.ObjectEditUniDriver)(base, body),
+    /** Get the media image cell edit driver (for mediaImage columns) */
+    getMediaImageEdit: () => (0, _EditUni9.MediaImageEditUniDriver)(base, body),
     /** Right-click the cell (opens context menu) */
     rightClick: async () => {
       const el = await base.getNative();

package/dist/cjs/components/EditableTable/EditableCell.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","_ViewUni","_ViewUni2","_EditUni7","_EditUni8","EditableCellUniDriver","base","body","baseUniDriverFactory","click","hover","doubleClick","el","getNative","isSled2","elementHandle","unwrap","clickCount","isSled3","locator","dblclick","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","getErrorMessage","rowKey","columnId","message","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSpecificValuesEdit","SpecificValuesEditUniDriver","getDateEdit","DateEditUniDriver","getReferenceEdit","ReferenceEditUniDriver","getReferenceView","ReferenceViewUniDriver","getMultiReferenceView","MultiReferenceViewUniDriver","getAddressEdit","AddressEditUniDriver","getObjectEdit","ObjectEditUniDriver","rightClick","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","boundingBox","pressKey","key","opts","press","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, isSled2, isSled3 } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\nimport { ReferenceEditUniDriver } from './cellTypes/reference/Edit.uni.driver';\nimport { ReferenceViewUniDriver } from './cellTypes/reference/View.uni.driver';\nimport { MultiReferenceViewUniDriver } from './cellTypes/multiReference/View.uni.driver';\nimport { AddressEditUniDriver } from './cellTypes/address/Edit.uni.driver';\nimport { ObjectEditUniDriver } from './cellTypes/object/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Click the cell (focuses it) */\n    click: () => base.click(),\n\n    /** Hover the cell */\n    hover: () => base.hover(),\n\n    /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */\n    doubleClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ clickCount: 2 });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.dblclick();\n      } else {\n        el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n      }\n    },\n\n    /** Get the displayed text value of the cell */\n    getDisplayValue: () => base.text(),\n\n    /** Whether this cell is focused */\n    isFocused: async () => (await base.attr('tabindex')) === '0',\n\n    /** Whether this cell is in editing mode */\n    isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n    /** Whether this cell is selected (part of a selection range) */\n    isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n    /** Whether this cell is read-only (not editable) */\n    isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n    /** Whether this cell has a validation error */\n    isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n    /** Get the row key from data attribute */\n    getRowKey: () => base.attr('data-row-key'),\n\n    /** Get the column id from data attribute */\n    getColumnId: () => base.attr('data-column-id'),\n\n    /** Error message shown under the cell while it's focused/editing (null when hidden).\n     *  It renders next to the cell, not inside it, so it's queried from the body. */\n    getErrorMessage: async () => {\n      const rowKey = await base.attr('data-row-key');\n      const columnId = await base.attr('data-column-id');\n      const message = body.$(\n        `[data-hook=\"cell-error-message\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n      );\n      return (await message.exists()) ? message.text() : null;\n    },\n\n    /** Get the text cell edit driver (for text columns) */\n    getTextEdit: () => TextEditUniDriver(base, body),\n\n    /** Get the number cell edit driver (for number columns) */\n    getNumberEdit: () => NumberEditUniDriver(base, body),\n\n    /** Get the url cell edit driver (for url columns) */\n    getUrlEdit: () => UrlEditUniDriver(base, body),\n\n    /** Get the boolean cell edit driver (for boolean columns) */\n    getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n    /** Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) */\n    getSpecificValuesEdit: () => SpecificValuesEditUniDriver(base, body),\n\n    /** Get the date cell edit driver (for date columns) */\n    getDateEdit: () => DateEditUniDriver(base, body),\n\n    /** Get the reference cell edit driver (for reference columns) */\n    getReferenceEdit: () => ReferenceEditUniDriver(base, body),\n\n    /** Get the reference cell view driver (for reference columns) */\n    getReferenceView: () => ReferenceViewUniDriver(base, body),\n\n    /** Get the multi-reference cell view driver (for multi-reference columns) */\n    getMultiReferenceView: () => MultiReferenceViewUniDriver(base, body),\n\n    getAddressEdit: () => AddressEditUniDriver(base, body),\n\n    /** Get the object (JSON) cell edit driver (for object columns) */\n    getObjectEdit: () => ObjectEditUniDriver(base, body),\n\n    /** Right-click the cell (opens context menu) */\n    rightClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        // Puppeteer — unwrap to get the actual ElementHandle\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ button: 'right' });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.click({ button: 'right' });\n      } else {\n        // jsdom HTMLElement\n        const rect = el.getBoundingClientRect();\n        el.dispatchEvent(\n          new MouseEvent('contextmenu', {\n            bubbles: true,\n            clientX: rect.left + 5,\n            clientY: rect.top + 5,\n          }),\n        );\n      }\n    },\n\n    /** Get the bounding box of the cell — returns {x, y, width, height} across all envs */\n    getBoundingBox: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        return elementHandle.boundingBox();\n      }\n      if (isSled3(el)) {\n        const locator = await base.unwrap();\n        return locator.boundingBox();\n      }\n      return el.getBoundingClientRect();\n    },\n\n    /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n    pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.press(key);\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.press(key);\n      } else {\n        el.dispatchEvent(\n          new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n        );\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","_ViewUni","_ViewUni2","_EditUni7","_EditUni8","_EditUni9","EditableCellUniDriver","base","body","baseUniDriverFactory","click","hover","doubleClick","el","getNative","isSled2","elementHandle","unwrap","clickCount","isSled3","locator","dblclick","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","getErrorMessage","rowKey","columnId","message","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSpecificValuesEdit","SpecificValuesEditUniDriver","getDateEdit","DateEditUniDriver","getReferenceEdit","ReferenceEditUniDriver","getReferenceView","ReferenceViewUniDriver","getMultiReferenceView","MultiReferenceViewUniDriver","getAddressEdit","AddressEditUniDriver","getObjectEdit","ObjectEditUniDriver","getMediaImageEdit","MediaImageEditUniDriver","rightClick","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","boundingBox","pressKey","key","opts","press","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory, isSled2, isSled3 } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\nimport { ReferenceEditUniDriver } from './cellTypes/reference/Edit.uni.driver';\nimport { ReferenceViewUniDriver } from './cellTypes/reference/View.uni.driver';\nimport { MultiReferenceViewUniDriver } from './cellTypes/multiReference/View.uni.driver';\nimport { AddressEditUniDriver } from './cellTypes/address/Edit.uni.driver';\nimport { ObjectEditUniDriver } from './cellTypes/object/Edit.uni.driver';\nimport { MediaImageEditUniDriver } from './cellTypes/mediaImage/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Click the cell (focuses it) */\n    click: () => base.click(),\n\n    /** Hover the cell */\n    hover: () => base.hover(),\n\n    /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */\n    doubleClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ clickCount: 2 });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.dblclick();\n      } else {\n        el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n      }\n    },\n\n    /** Get the displayed text value of the cell */\n    getDisplayValue: () => base.text(),\n\n    /** Whether this cell is focused */\n    isFocused: async () => (await base.attr('tabindex')) === '0',\n\n    /** Whether this cell is in editing mode */\n    isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n    /** Whether this cell is selected (part of a selection range) */\n    isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n    /** Whether this cell is read-only (not editable) */\n    isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n    /** Whether this cell has a validation error */\n    isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n    /** Get the row key from data attribute */\n    getRowKey: () => base.attr('data-row-key'),\n\n    /** Get the column id from data attribute */\n    getColumnId: () => base.attr('data-column-id'),\n\n    /** Error message shown under the cell while it's focused/editing (null when hidden).\n     *  It renders next to the cell, not inside it, so it's queried from the body. */\n    getErrorMessage: async () => {\n      const rowKey = await base.attr('data-row-key');\n      const columnId = await base.attr('data-column-id');\n      const message = body.$(\n        `[data-hook=\"cell-error-message\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n      );\n      return (await message.exists()) ? message.text() : null;\n    },\n\n    /** Get the text cell edit driver (for text columns) */\n    getTextEdit: () => TextEditUniDriver(base, body),\n\n    /** Get the number cell edit driver (for number columns) */\n    getNumberEdit: () => NumberEditUniDriver(base, body),\n\n    /** Get the url cell edit driver (for url columns) */\n    getUrlEdit: () => UrlEditUniDriver(base, body),\n\n    /** Get the boolean cell edit driver (for boolean columns) */\n    getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n    /** Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) */\n    getSpecificValuesEdit: () => SpecificValuesEditUniDriver(base, body),\n\n    /** Get the date cell edit driver (for date columns) */\n    getDateEdit: () => DateEditUniDriver(base, body),\n\n    /** Get the reference cell edit driver (for reference columns) */\n    getReferenceEdit: () => ReferenceEditUniDriver(base, body),\n\n    /** Get the reference cell view driver (for reference columns) */\n    getReferenceView: () => ReferenceViewUniDriver(base, body),\n\n    /** Get the multi-reference cell view driver (for multi-reference columns) */\n    getMultiReferenceView: () => MultiReferenceViewUniDriver(base, body),\n\n    getAddressEdit: () => AddressEditUniDriver(base, body),\n\n    /** Get the object (JSON) cell edit driver (for object columns) */\n    getObjectEdit: () => ObjectEditUniDriver(base, body),\n\n    /** Get the media image cell edit driver (for mediaImage columns) */\n    getMediaImageEdit: () => MediaImageEditUniDriver(base, body),\n\n    /** Right-click the cell (opens context menu) */\n    rightClick: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        // Puppeteer — unwrap to get the actual ElementHandle\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ button: 'right' });\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.click({ button: 'right' });\n      } else {\n        // jsdom HTMLElement\n        const rect = el.getBoundingClientRect();\n        el.dispatchEvent(\n          new MouseEvent('contextmenu', {\n            bubbles: true,\n            clientX: rect.left + 5,\n            clientY: rect.top + 5,\n          }),\n        );\n      }\n    },\n\n    /** Get the bounding box of the cell — returns {x, y, width, height} across all envs */\n    getBoundingBox: async () => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        return elementHandle.boundingBox();\n      }\n      if (isSled3(el)) {\n        const locator = await base.unwrap();\n        return locator.boundingBox();\n      }\n      return el.getBoundingClientRect();\n    },\n\n    /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n    pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n      const el = await base.getNative();\n      if (isSled2(el)) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.press(key);\n      } else if (isSled3(el)) {\n        const locator = await base.unwrap();\n        await locator.press(key);\n      } else {\n        el.dispatchEvent(\n          new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n        );\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -12,9 +12,10 @@ var _useAddRow = require("./useAddRow");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTableContextMenu.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 MENU_WIDTH = 230;
-const ITEM_HEIGHT = 36;
+const ITEM_HEIGHT = 30;
 const DIVIDER_HEIGHT = 9;
-const PADDING = 16;
+const POSITIONING_ALLOWANCE = 16;
+const SURFACE_PADDING_Y = 12;
 const OFFSET_X = 4;
 const OFFSET_Y = 4;
 const CONTEXT_MENU_Z_INDEX = 5001;
@@ -32,7 +33,10 @@ const buildMenuAction = ({
   disabledDescription,
   ...params
 }) => {
-  const built = (0, _designSystem.listItemActionBuilder)(params);
+  const built = (0, _designSystem.listItemActionBuilder)({
+    ...params,
+    size: 'small'
+  });
   if (!params.disabled || !disabledDescription) {
     return built;
   }
@@ -47,7 +51,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 68,
+        lineNumber: 69,
         columnNumber: 9
       }
     }, built.value(args)), /*#__PURE__*/_react.default.createElement("span", {
@@ -56,7 +60,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 76,
+        lineNumber: 77,
         columnNumber: 9
       }
     }, disabledDescription))
@@ -140,7 +144,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 203,
+            lineNumber: 204,
             columnNumber: 23
           }
         }),
@@ -153,7 +157,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 210,
+            lineNumber: 211,
             columnNumber: 23
           }
         }),
@@ -166,7 +170,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 217,
+            lineNumber: 218,
             columnNumber: 23
           }
         }),
@@ -188,7 +192,7 @@ function _EditableTableContextMenu({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 232,
+          lineNumber: 233,
           columnNumber: 21
         }
       }),
@@ -215,7 +219,7 @@ function _EditableTableContextMenu({
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 257,
+              lineNumber: 258,
               columnNumber: 25
             }
           }),
@@ -311,7 +315,7 @@ function _EditableTableContextMenu({
   };
   const dividerCount = options.filter(o => 'value' in o && o.value === '-').length;
   const itemCount = options.length - dividerCount;
-  const estimatedHeight = itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;
+  const estimatedHeight = itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + SURFACE_PADDING_Y * 2 + POSITIONING_ALLOWANCE;
   const x = position.x + OFFSET_X + MENU_WIDTH > window.innerWidth ? position.x - MENU_WIDTH : position.x + OFFSET_X;
   const y = position.y + OFFSET_Y + estimatedHeight > window.innerHeight ? Math.max(4, position.y - estimatedHeight) : position.y + OFFSET_Y;
   return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
@@ -325,13 +329,14 @@ function _EditableTableContextMenu({
       background: SURFACE_BACKGROUND,
       borderRadius: SURFACE_BORDER_RADIUS,
       boxShadow: SURFACE_BOX_SHADOW,
+      padding: `var(--wds-space-200, ${SURFACE_PADDING_Y}px) 0`,
       overflow: 'hidden'
     },
     onMouseDown: e => e.preventDefault(),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 395,
+      lineNumber: 399,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
@@ -345,7 +350,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 410,
+      lineNumber: 415,
       columnNumber: 7
     }
   })), document.body);