@wix/patterns 1.432.0 → 1.434.0

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

@@ -1,25 +1,41 @@
+@property st-global(--wds-color-fill-surface-raised);
+@property st-global(--wds-color-border-dark-secondary);
+@property st-global(--wds-color-black-750);
+@property st-global(--wds-input-border-color-hover);
+@property st-global(--wds-input-border-color-focus);
+@property st-global(--wds-border-width-default);
 @property st-global(--wsr-color-B10);
 @property st-global(--wsr-color-B40);
-@property st-global(--wsr-color-Y10);
+@property st-global(--wsr-color-D60);
 @property st-global(--wsr-color-D80);
+@property st-global(--wsr-color-Y10);
 
 :global(td):has(> .root) {
   position: relative;
   overflow: visible;
-  min-height: 24px;
+}
+
+/* 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. */
+:global(tr):has(.root) > :global(td) {
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+  height: 36px;
 }
 
 .root {
-  -st-states: editing, focused, selected, invalid, typeToEdit, showEditWhenFocused,
-    growable,
-    selectionTop, selectionBottom, selectionLeft, selectionRight,
-    copiedTop, copiedBottom, copiedLeft, copiedRight;
+  -st-states: editing, focused, rowActive, rangeSelected, invalid,
+    showEditWhenFocused, growable, selectionTop, selectionBottom, selectionLeft,
+    selectionRight, copiedTop, copiedBottom, copiedLeft, copiedRight;
   display: flex;
   align-items: center;
   padding: 0;
   position: absolute;
-  top: 0;
-  left: 0;
+  /* Pull the top and left border onto the neighbouring cell's border so
+     gridlines stay 1px instead of doubling up. */
+  top: -1px;
+  left: -1px;
   right: 0;
   bottom: 0;
   overflow: hidden;
@@ -27,80 +43,126 @@
   outline: none;
   cursor: default;
   user-select: none;
-  background: var(--wsr-color-D80);
-  border: 1px solid var(--wsr-color-B40);
+  background: var(
+    --wds-color-fill-surface-raised,
+    var(--wsr-color-D80, #ffffff)
+  );
+  border: var(--wds-border-width-default, 1px) solid
+    var(--wds-color-border-dark-secondary, var(--wsr-color-D60, #dfe5eb));
 }
 
-.root:selected {
-  background: rgba(56, 153, 236, 0.08);
+/* The sticky header paints over the pixel the first row borrows above itself,
+   which would swallow that row's top border. */
+:global(tr:first-child) > :global(td) > .root {
+  top: 0;
+}
+
+/* A multi-cell range keeps the range look, so every single-cell state below
+   opts out of it. */
+.root:hover:not(:rowActive):not(:rangeSelected) {
+  background: var(--wds-color-black-750, #f6f7f9);
 }
 
-.root:focused:not(:selected) {
-  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+/* Every cell in the focused cell's row. */
+.root:rowActive:not(:rangeSelected) {
+  background: var(--wds-color-black-750, #f6f7f9);
+  box-shadow: inset 0 22px 18px -18px rgba(0, 6, 36, 0.1);
+}
+
+.root:rowActive:hover:not(:focused):not(:rangeSelected) {
+  border-color: var(
+    --wds-input-border-color-hover,
+    var(--wsr-color-B40, #d6e6fe)
+  );
+  box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
+}
+
+.root:focused:not(:rangeSelected) {
+  border-color: var(
+    --wds-input-border-color-focus,
+    var(--wsr-color-B10, #116dff)
+  );
+  box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
   z-index: 2;
 }
 
 .root:editing {
-  background: var(--wsr-color-D80);
-  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
   z-index: 3;
   user-select: auto;
   overflow: visible;
+  /* Opaque while typing, so an invalid cell's tint doesn't show behind the input. */
+  background: var(
+    --wds-color-fill-surface-raised,
+    var(--wsr-color-D80, #ffffff)
+  );
 }
 
 /* showEditWhenFocused cells (e.g. image) stay within their row bounds when
    editing — the EditComponent is always visible so no height expansion is needed. */
 .root:editing:not(:showEditWhenFocused) {
   bottom: auto;
-  min-height: 100%;
+  min-height: calc(100% + 1px);
 }
 
 /* :growable showEditWhenFocused cells (e.g. multi-document) can wrap content
-   past row height. Release the bottom anchor and lay an opaque D80 base under
-   the :selected blue tint so the overflow area doesn't reveal adjacent rows.
-   z-index lifts the overflow above neighboring cells. */
+   past row height. Release the bottom anchor so the cell grows, and lift it
+   above neighboring cells. */
 .root:focused:growable {
-  background-color: var(--wsr-color-D80);
-  background-image: linear-gradient(rgba(56, 153, 236, 0.08), rgba(56, 153, 236, 0.08));
   bottom: auto;
-  min-height: 100%;
+  min-height: calc(100% + 1px);
   z-index: 3;
 }
 
 /* showEditWhenFocused cells: when a button inside has focus (inner focus),
-   show the editing ring and allow button focus rings to render unclipped.
+   show the focus border and allow button focus rings to render unclipped.
    isEditing is false here, so we use data-inner-focused set by the EditComponent. */
 .root:has([data-inner-focused]) {
   overflow: visible;
   z-index: 3;
-  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+  border-color: var(
+    --wds-input-border-color-focus,
+    var(--wsr-color-B10, #116dff)
+  );
+  box-shadow: inset 0 8px 6px -6px rgba(0, 6, 36, 0.05);
 }
 
-.root:selectionTop:not(:editing) { border-top: 2px solid var(--wsr-color-B10); }
-.root:selectionBottom:not(:editing) { border-bottom: 2px solid var(--wsr-color-B10); }
-.root:selectionLeft:not(:editing) { border-left: 2px solid var(--wsr-color-B10); }
-.root:selectionRight:not(:editing) { border-right: 2px solid var(--wsr-color-B10); }
+.root:rangeSelected {
+  background: rgba(56, 153, 236, 0.08);
+}
 
-/* Type-to-edit cells (text, number, url, email): the keystroke lands directly in
-   the input, so keeping the selection border alongside the editing shadow is
-   intentional — it communicates "this cell is selected and being typed into". */
-.root:selectionTop:editing:typeToEdit { border-top: 2px solid var(--wsr-color-B10); }
-.root:selectionBottom:editing:typeToEdit { border-bottom: 2px solid var(--wsr-color-B10); }
-.root:selectionLeft:editing:typeToEdit { border-left: 2px solid var(--wsr-color-B10); }
-.root:selectionRight:editing:typeToEdit { border-right: 2px solid var(--wsr-color-B10); }
+.root:selectionTop:not(:editing) {
+  border-top: 2px solid var(--wsr-color-B10);
+}
+.root:selectionBottom:not(:editing) {
+  border-bottom: 2px solid var(--wsr-color-B10);
+}
+.root:selectionLeft:not(:editing) {
+  border-left: 2px solid var(--wsr-color-B10);
+}
+.root:selectionRight:not(:editing) {
+  border-right: 2px solid var(--wsr-color-B10);
+}
 
 .root:invalid:not(:editing) {
   background: rgba(229, 0, 77, 0.06);
 }
 
-.root:copiedTop:not(:selectionTop) { border-top: 2px dashed var(--wsr-color-B10); }
-.root:copiedBottom:not(:selectionBottom) { border-bottom: 2px dashed var(--wsr-color-B10); }
-.root:copiedLeft:not(:selectionLeft) { border-left: 2px dashed var(--wsr-color-B10); }
-.root:copiedRight:not(:selectionRight) { border-right: 2px dashed var(--wsr-color-B10); }
+.root:copiedTop:not(:selectionTop) {
+  border-top: 2px dashed var(--wsr-color-B10);
+}
+.root:copiedBottom:not(:selectionBottom) {
+  border-bottom: 2px dashed var(--wsr-color-B10);
+}
+.root:copiedLeft:not(:selectionLeft) {
+  border-left: 2px dashed var(--wsr-color-B10);
+}
+.root:copiedRight:not(:selectionRight) {
+  border-right: 2px dashed var(--wsr-color-B10);
+}
 
 .validationIndicator {
   flex-shrink: 0;
-  margin-left: 12px;
+  margin-left: 8px;
   margin-right: 6px;
   color: var(--wsr-color-Y10);
 }

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

@@ -5,24 +5,31 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell2141481655";
+var _namespace_ = "EditableCell4238353398";
 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": "EditableCell2141481655__root",
-  "validationIndicator": "EditableCell2141481655__validationIndicator"
+  "root": "EditableCell4238353398__root",
+  "validationIndicator": "EditableCell4238353398__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
 var vars = exports.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-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",
   "wsr-color-B10": "--wsr-color-B10",
   "wsr-color-B40": "--wsr-color-B40",
-  "wsr-color-Y10": "--wsr-color-Y10",
-  "wsr-color-D80": "--wsr-color-D80"
+  "wsr-color-D60": "--wsr-color-D60",
+  "wsr-color-D80": "--wsr-color-D80",
+  "wsr-color-Y10": "--wsr-color-Y10"
 };
 //# sourceMappingURL=EditableCell.st.css.js.map

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_ = \"EditableCell2141481655\";\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\":\"EditableCell2141481655__root\",\"validationIndicator\":\"EditableCell2141481655__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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_ = \"EditableCell4238353398\";\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\":\"EditableCell4238353398__root\",\"validationIndicator\":\"EditableCell4238353398__validationIndicator\"};\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-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\",\"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-Y10\":\"--wsr-color-Y10\"}; \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,qBAAqB,EAAC;AAA6C,CAAC;AACzH,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,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -22,6 +22,7 @@ var _useMouseSweepSelection = require("./useMouseSweepSelection");
 var _AddItemRow = require("./AddItemRow");
 var _useAddRow = require("./useAddRow");
 var _useHeaderActions = require("./useHeaderActions");
+var _version = require("../../version");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTable.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _EditableTable(props) {
@@ -63,7 +64,7 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 104,
+          lineNumber: 105,
           columnNumber: 13
         }
       }) : null;
@@ -74,12 +75,13 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 115,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-hook": dataHook,
+    "data-wix-patterns": _version.version,
     tabIndex: 0,
     onKeyDown: keyboard.onKeyDown,
     onFocus: onFocus,
@@ -88,7 +90,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 116,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -102,7 +104,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 126,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
@@ -110,7 +112,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 136,
       columnNumber: 30
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -122,7 +124,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 139,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -131,7 +133,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 147,
       columnNumber: 9
     }
   })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
@@ -139,14 +141,14 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 151,
+      lineNumber: 153,
       columnNumber: 9
     }
   }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 156,
       columnNumber: 7
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n    | 'showAddFieldButton'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n   *  columns and whose field management wires into the table. Schema sources\n   *  attach via the `@wix/patterns/schema` collection hooks instead. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n          showAddFieldButton\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_patternsFields","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_FieldManagementModals","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_AddItemRow","_useAddRow","_useHeaderActions","_version","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","fieldsSource","_fieldsSource","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","editableColumns","useMemo","sourceColumns","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useHeaderActions","showAddItemRow","handleAddItem","useAddRow","tableColumns","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","cairoVersion","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","forceResize","horizontalScroll","showSelection","showRowNumbers","showAddFieldButton","AddItemRow","onAdd","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","toolbar","collectionFieldsSource","FieldManagementModals","source","GlobalAudioPlayer","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { GlobalAudioPlayer } from '@wix/patterns-fields';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport type { FieldsSourceProvider } from '../fieldsSourceProvider';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n  type EditableColumn,\n  EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { FieldManagementModals } from '../CustomFieldsPanel/FieldManagementModals';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport { AddItemRow } from './AddItemRow';\nimport { useAddRow } from './useAddRow';\nimport type { TableColumn } from '../../model';\nimport { useHeaderActions } from './useHeaderActions';\nimport { version as cairoVersion } from '../../version';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<\n    TableVirtualProps<T, F>,\n    | 'columns'\n    | 'state'\n    | 'onRowClick'\n    | 'forceResize'\n    | 'horizontalScroll'\n    | 'showSelection'\n    | 'showRowNumbers'\n    | 'showAddFieldButton'\n  > {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types. When a `fieldsSource` is wired, its\n   *  columns are added by the state, so pass `[]` for source-only tables. */\n  columns: EditableColumn<T>[];\n\n  /** A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become\n   *  columns and whose field management wires into the table. Schema sources\n   *  attach via the `@wix/patterns/schema` collection hooks instead. */\n  fieldsSource?: FieldsSourceProvider;\n\n  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns,\n    fieldsSource: _fieldsSource,\n    hideHeaderActions,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\n\n  const editableColumns = useMemo(\n    () => [...columns, ...state.sourceColumns],\n    [columns, state.sourceColumns],\n  );\n\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const keyboard = useKeyboardNavigation(state);\n  useClipboardHandler(state, containerRef);\n  const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const { showAddItemRow, handleAddItem } = useAddRow(state);\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        data-wix-patterns={cairoVersion}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n          forceResize\n          horizontalScroll\n          showSelection\n          showRowNumbers\n          showAddFieldButton\n        >\n          {showAddItemRow && <AddItemRow onAdd={handleAddItem} />}\n        </TableVirtual>\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {state.toolbar.collectionFieldsSource && (\n        <FieldManagementModals source={state.toolbar.collectionFieldsSource} />\n      )}\n      {children}\n      <GlobalAudioPlayer />\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}