@wix/patterns 1.363.0 → 1.366.0

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

@@ -0,0 +1,148 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableCell = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _EditableCellStCss = require("./EditableCell.st.css.js");
+var _useCellFocusAndEditing = require("./useCellFocusAndEditing");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableCell.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 _EditableCell({
+  state,
+  rowKey,
+  columnId
+}) {
+  var _cellValidation$error;
+  const {
+    cellInteraction,
+    clipboard
+  } = state;
+  const cellRef = (0, _react.useRef)(null);
+  const editInputRef = (0, _react.useRef)(null);
+  const column = state._columnMap.get(columnId);
+  const keyedItem = state._getKeyedItem(rowKey);
+  const resolved = column ? state.resolveCellType(column.cellType) : null;
+  const value = state.getCellDisplayValue(rowKey, columnId);
+  const cellValidation = state.getCellValidation(rowKey, columnId);
+  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);
+  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);
+  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);
+  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);
+  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);
+  const isEditable = state.isCellEditable(rowKey, columnId);
+  const handleClick = (0, _react.useCallback)(e => {
+    e.stopPropagation();
+    state.handleCellClick(rowKey, columnId, e.shiftKey);
+  }, [state, rowKey, columnId]);
+  const handleDoubleClick = (0, _react.useCallback)(e => {
+    e.stopPropagation();
+    state.handleCellDoubleClick(rowKey, columnId);
+  }, [state, rowKey, columnId]);
+  const handleChange = (0, _react.useCallback)(newValue => cellInteraction.setEditingValue(newValue), [cellInteraction]);
+  const handleCommit = (0, _react.useCallback)(() => cellInteraction.commitEdit(), [cellInteraction]);
+  const handleCancel = (0, _react.useCallback)(() => cellInteraction.cancelEdit(), [cellInteraction]);
+  const cellKeyboard = (0, _useCellFocusAndEditing.useCellFocusAndEditing)({
+    state,
+    rowKey,
+    columnId,
+    cellRef,
+    editInputRef
+  });
+  if (!column || !keyedItem || !resolved) {
+    return null;
+  }
+  const {
+    ViewComponent,
+    EditComponent
+  } = resolved;
+  const editingValue = cellInteraction.editingValue;
+  const showValidationIndicator = !cellValidation.valid && !isEditing;
+  const showEdit = isFocused && isEditable && EditComponent;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: cellRef,
+    className: (0, _EditableCellStCss.st)(_EditableCellStCss.classes.root, {
+      editing: isEditing,
+      focused: isFocused,
+      selected: isSelected,
+      invalid: !cellValidation.valid,
+      selectionTop: selectionBorder.top,
+      selectionBottom: selectionBorder.bottom,
+      selectionLeft: selectionBorder.left,
+      selectionRight: selectionBorder.right,
+      copiedTop: copiedBorder.top,
+      copiedBottom: copiedBorder.bottom,
+      copiedLeft: copiedBorder.left,
+      copiedRight: copiedBorder.right
+    }),
+    onClick: handleClick,
+    onDoubleClick: handleDoubleClick,
+    onKeyDown: cellKeyboard.onKeyDown,
+    role: "gridcell",
+    "aria-selected": isSelected,
+    "aria-readonly": !isEditable,
+    "aria-invalid": !cellValidation.valid || undefined,
+    tabIndex: isFocused ? 0 : -1,
+    "data-row-key": rowKey,
+    "data-column-id": columnId,
+    "data-editing": isEditing || undefined,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 88,
+      columnNumber: 5
+    }
+  }, showValidationIndicator && /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '),
+    appendTo: "window",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 117,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    "data-hook": "validation-indicator",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 118,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarningFilledSmall, {
+    className: _EditableCellStCss.classes.validationIndicator,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 119,
+      columnNumber: 13
+    }
+  }))), showEdit ? /*#__PURE__*/_react.default.createElement(EditComponent, {
+    value: editingValue !== undefined ? editingValue : value,
+    onChange: handleChange,
+    onCommit: handleCommit,
+    onCancel: handleCancel,
+    inputRef: editInputRef,
+    typeConfig: column.typeConfig,
+    editTrigger: cellInteraction.editTrigger,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 124,
+      columnNumber: 9
+    }
+  }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
+    value: value,
+    typeConfig: column.typeConfig,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 134,
+      columnNumber: 9
+    }
+  }));
+}
+const EditableCell = exports.EditableCell = (0, _mobxReactLite.observer)(_EditableCell);
+//# sourceMappingURL=EditableCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_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","resolveCellType","cellType","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","handleCellDoubleClick","handleChange","newValue","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","editingValue","showValidationIndicator","valid","showEdit","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","onChange","onCommit","onCancel","inputRef","typeConfig","editTrigger","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 { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\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);\n  const editInputRef = useRef<any>(null);\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellType(column.cellType) : 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 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      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleChange = useCallback(\n    (newValue: any) => cellInteraction.setEditingValue(newValue),\n    [cellInteraction],\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 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 editingValue = cellInteraction.editingValue;\n  const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n  const showEdit = isFocused && isEditable && EditComponent;\n\n  return (\n    <div\n      ref={cellRef}\n      className={st(classes.root, {\n        editing: isEditing,\n        focused: isFocused,\n        selected: isSelected,\n        invalid: !cellValidation.valid,\n        selectionTop: selectionBorder.top,\n        selectionBottom: selectionBorder.bottom,\n        selectionLeft: selectionBorder.left,\n        selectionRight: 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      {showValidationIndicator && (\n        <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n          <span data-hook=\"validation-indicator\">\n            <StatusWarningFilledSmall className={classes.validationIndicator} />\n          </span>\n        </Tooltip>\n      )}\n      {showEdit ? (\n        <EditComponent\n          value={editingValue !== undefined ? editingValue : value}\n          onChange={handleChange}\n          onCommit={handleCommit}\n          onCancel={handleCancel}\n          inputRef={editInputRef}\n          typeConfig={column.typeConfig}\n          editTrigger={cellInteraction.editTrigger}\n        />\n      ) : (\n        <ViewComponent value={value} typeConfig={column.typeConfig} />\n      )}\n    </div>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+@property st-global(--wsr-color-B10);
+@property st-global(--wsr-color-B40);
+@property st-global(--wsr-color-Y10);
+@property st-global(--wsr-color-D80);
+
+:global(td):has(> .root) {
+  position: relative;
+  min-height: 24px;
+}
+
+.root {
+  -st-states: editing, focused, selected, invalid, selectionTop, selectionBottom,
+    selectionLeft, selectionRight, copiedTop, copiedBottom, copiedLeft,
+    copiedRight;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+  box-sizing: border-box;
+  outline: none;
+  cursor: default;
+  user-select: none;
+  background: var(--wsr-color-D80);
+  border: 1px solid var(--wsr-color-B40);
+}
+
+.root:selected {
+  background: rgba(56, 153, 236, 0.08);
+}
+
+.root:focused:not(:selected) {
+  box-shadow: inset 0 0 0 2px var(--wsr-color-B10);
+  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;
+}
+
+.root:selectionTop { border-top: 2px solid var(--wsr-color-B10); }
+.root:selectionBottom { border-bottom: 2px solid var(--wsr-color-B10); }
+.root:selectionLeft { border-left: 2px solid var(--wsr-color-B10); }
+.root:selectionRight { 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); }
+
+.validationIndicator {
+  flex-shrink: 0;
+  margin-left: 12px;
+  margin-right: 6px;
+  color: var(--wsr-color-Y10);
+}

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

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "EditableCell3084944771";
+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": "EditableCell3084944771__root",
+  "validationIndicator": "EditableCell3084944771__validationIndicator"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.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"
+};
+//# sourceMappingURL=EditableCell.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell3084944771\";\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\":\"EditableCell3084944771__root\",\"validationIndicator\":\"EditableCell3084944771__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":[]}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableCellUniDriver = EditableCellUniDriver;
+var _unidriver = require("../../unidriver");
+var _EditUni = require("./cellTypes/text/Edit.uni.driver");
+var _EditUni2 = require("./cellTypes/number/Edit.uni.driver");
+var _EditUni3 = require("./cellTypes/url/Edit.uni.driver");
+var _EditUni4 = require("./cellTypes/boolean/Edit.uni.driver");
+var _EditUni5 = require("./cellTypes/select/Edit.uni.driver");
+var _EditUni6 = require("./cellTypes/date/Edit.uni.driver");
+function EditableCellUniDriver(base, body) {
+  return {
+    ...(0, _unidriver.baseUniDriverFactory)(base),
+    /** Click the cell (focuses it) */
+    click: () => base.click(),
+    /** Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. */
+    doubleClick: async () => {
+      var _el$page;
+      const el = await base.getNative();
+      if ((_el$page = el.page) != null && _el$page.evaluate) {
+        const elementHandle = await base.unwrap();
+        await elementHandle.click({
+          clickCount: 2
+        });
+      } else {
+        el.dispatchEvent(new MouseEvent('dblclick', {
+          bubbles: true
+        }));
+      }
+    },
+    /** Get the displayed text value of the cell */
+    getDisplayValue: () => base.text(),
+    /** Whether this cell is focused */
+    isFocused: async () => (await base.attr('tabindex')) === '0',
+    /** Whether this cell is in editing mode */
+    isEditing: async () => (await base.attr('data-editing')) === 'true',
+    /** Whether this cell is selected (part of a selection range) */
+    isSelected: async () => (await base.attr('aria-selected')) === 'true',
+    /** Whether this cell is read-only (not editable) */
+    isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',
+    /** Whether this cell has a validation error */
+    isInvalid: async () => (await base.attr('aria-invalid')) === 'true',
+    /** Get the row key from data attribute */
+    getRowKey: () => base.attr('data-row-key'),
+    /** Get the column id from data attribute */
+    getColumnId: () => base.attr('data-column-id'),
+    /** Whether the cell contains a validation indicator icon */
+    hasValidationIndicator: () => base.$('[data-hook="validation-indicator"]').exists(),
+    /** Get the text cell edit driver (for text columns) */
+    getTextEdit: () => (0, _EditUni.TextEditUniDriver)(base, body),
+    /** Get the number cell edit driver (for number columns) */
+    getNumberEdit: () => (0, _EditUni2.NumberEditUniDriver)(base, body),
+    /** Get the url cell edit driver (for url columns) */
+    getUrlEdit: () => (0, _EditUni3.UrlEditUniDriver)(base, body),
+    /** Get the boolean cell edit driver (for boolean columns) */
+    getBooleanEdit: () => (0, _EditUni4.BooleanEditUniDriver)(base, body),
+    /** Get the select cell edit driver (for select columns) */
+    getSelectEdit: () => (0, _EditUni5.SelectEditUniDriver)(base, body),
+    /** Get the date cell edit driver (for date columns) */
+    getDateEdit: () => (0, _EditUni6.DateEditUniDriver)(base, body),
+    /** Right-click the cell (opens context menu) */
+    rightClick: async () => {
+      var _el$page2;
+      const el = await base.getNative();
+      if ((_el$page2 = el.page) != null && _el$page2.evaluate) {
+        // Puppeteer — unwrap to get the actual ElementHandle
+        const elementHandle = await base.unwrap();
+        await elementHandle.click({
+          button: 'right'
+        });
+      } else {
+        // jsdom HTMLElement
+        const rect = el.getBoundingClientRect();
+        el.dispatchEvent(new MouseEvent('contextmenu', {
+          bubbles: true,
+          clientX: rect.left + 5,
+          clientY: rect.top + 5
+        }));
+      }
+    },
+    /** Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */
+    pressKey: async (key, opts) => {
+      const el = await base.getNative();
+      el.dispatchEvent(new KeyboardEvent('keydown', {
+        key,
+        bubbles: true,
+        ...opts
+      }));
+    }
+  };
+}
+//# sourceMappingURL=EditableCell.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_EditUni5","_EditUni6","EditableCellUniDriver","base","body","baseUniDriverFactory","click","doubleClick","_el$page","el","getNative","page","evaluate","elementHandle","unwrap","clickCount","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","hasValidationIndicator","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSelectEdit","SelectEditUniDriver","getDateEdit","DateEditUniDriver","rightClick","_el$page2","button","rect","getBoundingClientRect","clientX","left","clientY","top","pressKey","key","opts","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } 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 { SelectEditUniDriver } from './cellTypes/select/Edit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/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 (el.page?.evaluate) {\n        const elementHandle = await base.unwrap();\n        await elementHandle.click({ clickCount: 2 });\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    /** Whether the cell contains a validation indicator icon */\n    hasValidationIndicator: () =>\n      base.$('[data-hook=\"validation-indicator\"]').exists(),\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 select cell edit driver (for select columns) */\n    getSelectEdit: () => SelectEditUniDriver(base, body),\n\n    /** Get the date cell edit driver (for date columns) */\n    getDateEdit: () => DateEditUniDriver(base, body),\n\n    /** Right-click the cell (opens context menu) */\n    rightClick: async () => {\n      const el = await base.getNative();\n      if (el.page?.evaluate) {\n        // Puppeteer — unwrap to get the actual ElementHandle\n        const elementHandle = await base.unwrap();\n        await elementHandle.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    /** 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      el.dispatchEvent(\n        new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n      );\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.EditableTable = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _TableVirtual = require("../Table/TableVirtual");
+var _EditableCell = require("./EditableCell");
+var _EditableTableContextMenu = require("./EditableTableContextMenu");
+var _useEditableTableContextMenu = require("./useEditableTableContextMenu");
+var _useEditableTableCollectionSyncProps = require("./useEditableTableCollectionSyncProps");
+var _useKeyboardNavigation = require("./useKeyboardNavigation");
+var _useClipboardHandler = require("./useClipboardHandler");
+var _useClearFocusOnBlur = require("./useClearFocusOnBlur");
+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) {
+  const {
+    state,
+    columns: editableColumns,
+    dataHook,
+    children,
+    ...tableBaseProps
+  } = props;
+  (0, _useEditableTableCollectionSyncProps.useEditableTableCollectionSyncProps)(props);
+  const containerRef = (0, _react.useRef)(null);
+  const keyboard = (0, _useKeyboardNavigation.useKeyboardNavigation)(state);
+  (0, _useClipboardHandler.useClipboardHandler)(state, containerRef);
+  const {
+    onFocus,
+    onBlur
+  } = (0, _useClearFocusOnBlur.useClearFocusOnBlur)(state.cellInteraction);
+  const tableColumns = (0, _react.useMemo)(() => editableColumns.map(col => ({
+    ...col,
+    name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),
+    render: (_item, rowNum) => {
+      var _state$keyedItems$row;
+      const rowKey = (_state$keyedItems$row = state.keyedItems[rowNum]) == null ? void 0 : _state$keyedItems$row.key;
+      return rowKey ? /*#__PURE__*/_react.default.createElement(_EditableCell.EditableCell, {
+        state: state,
+        rowKey: rowKey,
+        columnId: col.id,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 59,
+          columnNumber: 13
+        }
+      }) : null;
+    }
+  })), [editableColumns, state]);
+  const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    ref: containerRef,
+    "data-hook": dataHook,
+    tabIndex: 0,
+    onKeyDown: keyboard.onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onContextMenu: contextMenu.handleContextMenu,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
+    state: state.tableState,
+    columns: tableColumns,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 9
+    }
+  }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
+    state: state,
+    position: contextMenu.position,
+    cell: contextMenu.cell,
+    menuRef: contextMenu.menuRef,
+    onClose: contextMenu.handleClose,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 85,
+      columnNumber: 7
+    }
+  }), children);
+}
+const EditableTable = exports.EditableTable = (0, _mobxReactLite.observer)(_EditableTable);
+//# sourceMappingURL=EditableTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","tableColumns","useMemo","map","col","name","title","id","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","Fragment","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\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 { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport type { TableColumn } from '../../model';\n\nexport interface EditableTableProps<\n  T,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<TableVirtualProps<T, F>, 'columns' | 'state' | 'onRowClick'> {\n  /** EditableTableState instance, created via useEditableTableCollection */\n  state: EditableTableState<T, F>;\n\n  /** Column definitions with cell types */\n  columns: EditableColumn<T>[];\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: editableColumns,\n    dataHook,\n    children,\n    ...tableBaseProps\n  } = props;\n\n  useEditableTableCollectionSyncProps(props);\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\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : 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],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <>\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        />\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      {children}\n    </>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,81 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableTableUniDriver = EditableTableUniDriver;
+exports.default = void 0;
+var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+var _unidriver2 = require("../../unidriver");
+var _EditableCellUni = require("./EditableCell.uni.driver");
+var _EditableTableContextMenuUni = require("./EditableTableContextMenu.uni.driver");
+const {
+  fireEvent = null
+} = process.env.NODE_ENV === 'test' ? (() => {
+  try {
+    return require('@testing-library/react');
+  } catch {}
+  return {};
+})() : {};
+function EditableTableUniDriver(base, body) {
+  const getRows = () => base.$$('tbody tr[data-table-row="dataTableRow"]');
+  const getCells = () => base.$$('[role="gridcell"]');
+  const initialLoaderBase = () => base.$('[data-hook="placeholder-states-loading-state"]');
+  return {
+    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    /** Number of rendered data rows */
+    getRowsCount: () => getRows().count(),
+    /** Number of column headers */
+    getColumnsCount: () => base.$$('thead th').count(),
+    /** Get column header texts */
+    getColumnHeaders: () => base.$$('thead th').map(th => th.text()),
+    /** Get a cell driver by row key and column id */
+    getCell: (rowKey, columnId) => (0, _EditableCellUni.EditableCellUniDriver)(base.$(`[role="gridcell"][data-row-key="${rowKey}"][data-column-id="${columnId}"]`), body),
+    /** Get a cell driver by row index and column index */
+    getCellByIndex: (rowIdx, colIdx) => {
+      const row = getRows().get(rowIdx);
+      const cell = row.$$('[role="gridcell"]').get(colIdx);
+      return (0, _EditableCellUni.EditableCellUniDriver)(cell, body);
+    },
+    /** Total number of gridcells rendered */
+    getCellsCount: () => getCells().count(),
+    /** Wait until root element exists */
+    wait: timeout => base.wait(timeout),
+    /** Wait for the initial fetch loader to be shown */
+    waitInitialLoader: timeout => initialLoaderBase().wait(timeout),
+    /** Wait for the initial fetch loader to be removed */
+    waitInitialLoaderRemoved: (timeout, delay) => (0, _unidriver.waitFor)(async () => !(await initialLoaderBase().exists()), timeout, delay),
+    /** Wait for at least one data row to render */
+    waitForRow: timeout => getRows().get(0).wait(timeout),
+    /** Get the context menu driver (portaled to body) */
+    getContextMenu: () => (0, _EditableTableContextMenuUni.EditableTableContextMenuUniDriver)(base, body),
+    /** Press a key on the table container (triggers useKeyboardNavigation) */
+    pressKey: async (key, opts) => {
+      const el = await base.getNative();
+      if (fireEvent) {
+        fireEvent.keyDown(el, {
+          key,
+          ...opts
+        });
+      } else {
+        el.dispatchEvent(new KeyboardEvent('keydown', {
+          key,
+          bubbles: true,
+          ...opts
+        }));
+      }
+    },
+    /** Dispatch a paste event on the table container */
+    dispatchPaste: async text => {
+      const el = await base.getNative();
+      const event = Object.assign(new Event('paste', {
+        bubbles: true
+      }), {
+        clipboardData: {
+          getData: () => text
+        }
+      });
+      el.dispatchEvent(event);
+    }
+  };
+}
+var _default = exports.default = EditableTableUniDriver;
+//# sourceMappingURL=EditableTable.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_unidriver2","_EditableCellUni","_EditableTableContextMenuUni","fireEvent","process","env","NODE_ENV","EditableTableUniDriver","base","body","getRows","$$","getCells","initialLoaderBase","$","baseUniDriverFactory","getRowsCount","count","getColumnsCount","getColumnHeaders","map","th","text","getCell","rowKey","columnId","EditableCellUniDriver","getCellByIndex","rowIdx","colIdx","row","get","cell","getCellsCount","wait","timeout","waitInitialLoader","waitInitialLoaderRemoved","delay","waitFor","exists","waitForRow","getContextMenu","EditableTableContextMenuUniDriver","pressKey","key","opts","el","getNative","keyDown","dispatchEvent","KeyboardEvent","bubbles","dispatchPaste","event","Object","assign","Event","clipboardData","getData","_default","exports","default"],"sources":["../../../../src/components/EditableTable/EditableTable.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { EditableCellUniDriver } from './EditableCell.uni.driver';\nimport { EditableTableContextMenuUniDriver } from './EditableTableContextMenu.uni.driver';\n\nconst { fireEvent = null } =\n  process.env.NODE_ENV === 'test'\n    ? (() => {\n        try {\n          return require('@testing-library/react');\n        } catch {}\n        return {};\n      })()\n    : {};\n\nexport function EditableTableUniDriver(base: UniDriver, body: UniDriver) {\n  const getRows = () => base.$$('tbody tr[data-table-row=\"dataTableRow\"]');\n\n  const getCells = () => base.$$('[role=\"gridcell\"]');\n\n  const initialLoaderBase = () =>\n    base.$('[data-hook=\"placeholder-states-loading-state\"]');\n\n  return {\n    ...baseUniDriverFactory(base),\n\n    /** Number of rendered data rows */\n    getRowsCount: () => getRows().count(),\n\n    /** Number of column headers */\n    getColumnsCount: () => base.$$('thead th').count(),\n\n    /** Get column header texts */\n    getColumnHeaders: () => base.$$('thead th').map((th) => th.text()),\n\n    /** Get a cell driver by row key and column id */\n    getCell: (rowKey: string, columnId: string) =>\n      EditableCellUniDriver(\n        base.$(\n          `[role=\"gridcell\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n        ),\n        body,\n      ),\n\n    /** Get a cell driver by row index and column index */\n    getCellByIndex: (rowIdx: number, colIdx: number) => {\n      const row = getRows().get(rowIdx);\n      const cell = row.$$('[role=\"gridcell\"]').get(colIdx);\n      return EditableCellUniDriver(cell, body);\n    },\n\n    /** Total number of gridcells rendered */\n    getCellsCount: () => getCells().count(),\n\n    /** Wait until root element exists */\n    wait: (timeout?: number) => base.wait(timeout),\n\n    /** Wait for the initial fetch loader to be shown */\n    waitInitialLoader: (timeout?: number) => initialLoaderBase().wait(timeout),\n\n    /** Wait for the initial fetch loader to be removed */\n    waitInitialLoaderRemoved: (timeout?: number, delay?: number) =>\n      waitFor(\n        async () => !(await initialLoaderBase().exists()),\n        timeout,\n        delay,\n      ),\n\n    /** Wait for at least one data row to render */\n    waitForRow: (timeout?: number) => getRows().get(0).wait(timeout),\n\n    /** Get the context menu driver (portaled to body) */\n    getContextMenu: () => EditableTableContextMenuUniDriver(base, body),\n\n    /** Press a key on the table container (triggers useKeyboardNavigation) */\n    pressKey: async (key: string, opts?: Record<string, unknown>) => {\n      const el = await base.getNative();\n      if (fireEvent) {\n        fireEvent.keyDown(el, { key, ...opts });\n      } else {\n        el.dispatchEvent(\n          new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n        );\n      }\n    },\n\n    /** Dispatch a paste event on the table container */\n    dispatchPaste: async (text: string) => {\n      const el = await base.getNative();\n      const event = Object.assign(new Event('paste', { bubbles: true }), {\n        clipboardData: { getData: () => text },\n      });\n      el.dispatchEvent(event);\n    },\n  };\n}\n\nexport default EditableTableUniDriver;\n"],"mappings":"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","ignoreList":[]}