npm - @wix/patterns - Versions diffs - 1.467.0 → 1.469.0 - Mend

@wix/patterns 1.467.0 → 1.469.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (969) hide show

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js CHANGED Viewed

@@ -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_ = "AutoCompleteReadonly217741116";
+var _namespace_ = "AutoCompleteReadonly2029553353";
 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": "AutoCompleteReadonly217741116__root"
+  "root": "AutoCompleteReadonly2029553353__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map CHANGED Viewed

	@@ -1 +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/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~AutoCompleteReadonly217741116~~\";\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\":\"~~AutoCompleteReadonly217741116__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":[]}
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/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2029553353\";\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\":\"AutoCompleteReadonly2029553353__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,gCAAgC;AAClD,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.st.css.js CHANGED Viewed

@@ -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_ = "ViewsDropdown1700299128";
+var _namespace_ = "ViewsDropdown3791931914";
 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": "ViewsDropdown1700299128__root"
+  "root": "ViewsDropdown3791931914__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~ViewsDropdown1700299128~~\";\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\":\"~~ViewsDropdown1700299128__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":[]}
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_ = \"ViewsDropdown3791931914\";\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\":\"ViewsDropdown3791931914__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/DragHandle/DragHandle.st.css.js CHANGED Viewed

@@ -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_ = "DragHandle334215364";
+var _namespace_ = "DragHandle980352039";
 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": "DragHandle334215364__root"
+  "root": "DragHandle980352039__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~DragHandle334215364~~\";\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\":\"~~DragHandle334215364__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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":[]}
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_ = \"DragHandle980352039\";\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\":\"DragHandle980352039__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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 CHANGED Viewed

@@ -12,7 +12,8 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 function _EditableCell({
   state,
   rowKey,
-  columnId
+  columnId,
+  onFocus
 }) {
   var _cellValidation$error;
   const {
@@ -91,7 +92,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 112,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -103,7 +104,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 5
     }
   });
@@ -119,6 +120,7 @@ function _EditableCell({
       rowActive: isRowActive,
       rangeSelected: isSelected && isRangeSelection,
       invalid: !cellValidation.valid,
+      readOnly: !isEditable,
       showEditWhenFocused: !!resolved.showEditWhenFocused,
       growable: !!resolved.growable,
       selectionTop: isRangeSelection && selectionBorder.top,
@@ -132,6 +134,7 @@ function _EditableCell({
     }),
     onClick: handleClick,
     onDoubleClick: handleDoubleClick,
+    onFocus: onFocus,
     onKeyDown: cellKeyboard.onKeyDown,
     role: "gridcell",
     "aria-selected": isSelected,
@@ -144,7 +147,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 145,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -154,7 +157,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 175,
+      lineNumber: 179,
       columnNumber: 11
     }
   }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
@@ -165,7 +168,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 191,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -174,7 +177,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 193,
+      lineNumber: 197,
       columnNumber: 11
     }
   }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_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","_cellValidation$error","cellInteraction","clipboard","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","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","toggleValue","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","editing","focused","rowActive","rangeSelected","invalid","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, 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 { 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}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\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\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 // 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 if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\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 isEditable &&\n !state.updateItemDisabled &&\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 />\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 editing: isEditing,\n focused: isFocused,\n rowActive: isRowActive,\n rangeSelected: isSelected && isRangeSelection,\n invalid: !cellValidation.valid,\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 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":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_EditableCellStCss","_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","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","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","toggleValue","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","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, 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 { 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 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\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 // 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 if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [cellInteraction, rowKey, columnId],\n );\n\n const handleCommit = useCallback(\n () => cellInteraction.commitEdit(),\n [cellInteraction],\n );\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 isEditable &&\n !state.updateItemDisabled &&\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 />\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 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":[]}

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

@@ -15,6 +15,11 @@
 @property st-global(--wsr-color-D60);
 @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-disabled);
+@property st-global(--wds-color-black-700);
+@property st-global(--wsr-color-D10-30);
+@property st-global(--wsr-color-D70);
 :global(td):has(> .root) {
   position: relative;
@@ -31,7 +36,7 @@
 }
 .root {
-  -st-states: editing, focused, rowActive, rangeSelected, invalid,
+  -st-states: editing, focused, rowActive, rangeSelected, invalid, readOnly,
     showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
     selectionRight, copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
@@ -75,7 +80,7 @@
   box-shadow: inset 0 22px 18px -18px rgba(0, 6, 36, 0.1);
 }
-.root:rowActive:hover:not(:focused):not(:rangeSelected) {
+.root:rowActive:hover:not(:focused):not(:rangeSelected):not(:readOnly) {
   border-color: var(
     --wds-input-border-color-hover,
     var(--wsr-color-B40, #d6e6fe)
@@ -83,6 +88,31 @@
   box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
+/* 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. */
+.root:readOnly {
+  --wds-color-text-standard-primary: var(
+    --wds-color-text-disabled,
+    var(--wsr-color-D10-30, rgba(0, 6, 36, 0.30))
+  );
+  color: var(--wds-color-text-standard-primary);
+}
+.root:readOnly:hover:not(:rowActive):not(:rangeSelected),
+.root:readOnly:rowActive:not(:rangeSelected) {
+  background: var(
+    --wds-color-fill-surface-raised,
+    var(--wsr-color-D80, #ffffff)
+  );
+}
+/* Keep above the :invalid rules — they tie with this one on specificity for
+   border-color, so source order is what keeps an invalid cell red. */
+.root:readOnly:rowActive:hover:not(:focused):not(:rangeSelected) {
+  border-color: var(--wds-color-black-700, var(--wsr-color-D70, #eceff3));
+}
 .root:focused:not(:rangeSelected) {
   border-color: var(
     --wds-input-border-color-focus,

package/dist/cjs/components/EditableTable/EditableCell.st.css.js CHANGED Viewed

@@ -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_ = "EditableCell2454684859";
+var _namespace_ = "EditableCell2159728911";
 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": "EditableCell2454684859__root",
-  "errorMessage": "EditableCell2454684859__errorMessage"
+  "root": "EditableCell2159728911__root",
+  "errorMessage": "EditableCell2159728911__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -36,6 +36,11 @@ var vars = exports.vars = {
   "wsr-color-B40": "--wsr-color-B40",
   "wsr-color-D60": "--wsr-color-D60",
   "wsr-color-D80": "--wsr-color-D80",
-  "wsr-color-R10": "--wsr-color-R10"
+  "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"
 };
 //# sourceMappingURL=EditableCell.st.css.js.map

package/dist/cjs/components/EditableTable/EditableCell.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~EditableCell2454684859~~\";\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\":\"~~EditableCell2454684859__root~~\",\"errorMessage\":\"~~EditableCell2454684859__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\"}; \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;AAAiB,CAAC","ignoreList":[]}
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_ = \"EditableCell2159728911\";\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\":\"EditableCell2159728911__root\",\"errorMessage\":\"EditableCell2159728911__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\"}; \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;AAAiB,CAAC","ignoreList":[]}

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

@@ -10,11 +10,14 @@ var _EditUni4 = require("./cellTypes/boolean/Edit.uni.driver");
 var _SpecificValuesEditUni = require("./cellTypes/text/SpecificValuesEdit.uni.driver");
 var _EditUni5 = require("./cellTypes/date/Edit.uni.driver");
 var _EditUni6 = require("./cellTypes/reference/Edit.uni.driver");
+var _EditUni7 = require("./cellTypes/address/Edit.uni.driver");
 function EditableCellUniDriver(base, body) {
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
     /** Click the cell (focuses it) */
     click: () => base.click(),
+    /** Hover the cell */
+    hover: () => base.hover(),
     /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */
     doubleClick: async () => {
       const el = await base.getNative();
@@ -70,6 +73,7 @@ function EditableCellUniDriver(base, body) {
     getDateEdit: () => (0, _EditUni5.DateEditUniDriver)(base, body),
     /** Get the reference cell edit driver (for reference columns) */
     getReferenceEdit: () => (0, _EditUni6.ReferenceEditUniDriver)(base, body),
+    getAddressEdit: () => (0, _EditUni7.AddressEditUniDriver)(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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","EditableCellUniDriver","base","body","baseUniDriverFactory","click","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","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';\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 /* 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 /* 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":[]}
1	+ {"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","_EditUni6","_EditUni7","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","getAddressEdit","AddressEditUniDriver","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 { AddressEditUniDriver } from './cellTypes/address/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 getAddressEdit: () => AddressEditUniDriver(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/EditableTable.js CHANGED Viewed

@@ -46,7 +46,8 @@ function _EditableTable(props) {
   (0, _useClipboardHandler.useClipboardHandler)(state, containerRef);
   const {
     onFocus,
-    onBlur
+    onBlur,
+    onCellFocus
   } = (0, _useClearFocusOnBlur.useClearFocusOnBlur)(state.cellInteraction);
   (0, _useMouseSweepSelection.useMouseSweepSelection)(state, containerRef);
   const builtInActions = (0, _useHeaderActions.useHeaderActions)(state, editableColumns, hideHeaderActions);
@@ -65,26 +66,32 @@ function _EditableTable(props) {
         state: state,
         rowKey: rowKey,
         columnId: col.id,
+        onFocus: onCellFocus,
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 109,
+          lineNumber: 111,
           columnNumber: 13
         }
       }) : null;
     }
-  })), [editableColumns, state, builtInActions]);
+  })), [editableColumns, state, builtInActions, onCellFocus]);
   const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction);
   const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());
   const hasInvalidRows = invalidCellKeys.size > 0;
-  const rowStatus = row => state.allColumns.some(col => invalidCellKeys.has(`${row.key}:${col.id}`)) ? {
-    messages: [t('cairo.editableTable.row.invalidCells.tooltip')]
-  } : null;
+  const rowStatus = row => {
+    const count = state.allColumns.filter(col => invalidCellKeys.has(`${row.key}:${col.id}`)).length;
+    return count ? {
+      messages: [t('cairo.editableTable.row.invalidFields.tooltip', {
+        count
+      })]
+    } : null;
+  };
   return /*#__PURE__*/_react.default.createElement(_PatternsFieldsProvider.PatternsFieldsProvider, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 143,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -99,7 +106,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 144,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -116,7 +123,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 154,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -124,7 +131,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 148,
+      lineNumber: 165,
       columnNumber: 30
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -136,7 +143,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 168,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -145,7 +152,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 159,
+      lineNumber: 176,
       columnNumber: 9
     }
   })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
@@ -153,14 +160,14 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 182,
       columnNumber: 9
     }
   }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 185,
       columnNumber: 7
     }
   }));