@wix/patterns 1.364.0 → 1.366.0

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":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,gBAAA,GAAAF,OAAA;AACA,IAAAG,4BAAA,GAAAH,OAAA;AAEA,MAAM;EAAEI,SAAS,GAAG;AAAK,CAAC,GACxBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,CAAC,MAAM;EACL,IAAI;IACF,OAAOP,OAAO,CAAC,wBAAwB,CAAC;EAC1C,CAAC,CAAC,MAAM,CAAC;EACT,OAAO,CAAC,CAAC;AACX,CAAC,EAAE,CAAC,GACJ,CAAC,CAAC;AAED,SAASQ,sBAAsBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACvE,MAAMC,OAAO,GAAGA,CAAA,KAAMF,IAAI,CAACG,EAAE,CAAC,yCAAyC,CAAC;EAExE,MAAMC,QAAQ,GAAGA,CAAA,KAAMJ,IAAI,CAACG,EAAE,CAAC,mBAAmB,CAAC;EAEnD,MAAME,iBAAiB,GAAGA,CAAA,KACxBL,IAAI,CAACM,CAAC,CAAC,gDAAgD,CAAC;EAE1D,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACP,IAAI,CAAC;IAE7B;IACAQ,YAAY,EAAEA,CAAA,KAAMN,OAAO,CAAC,CAAC,CAACO,KAAK,CAAC,CAAC;IAErC;IACAC,eAAe,EAAEA,CAAA,KAAMV,IAAI,CAACG,EAAE,CAAC,UAAU,CAAC,CAACM,KAAK,CAAC,CAAC;IAElD;IACAE,gBAAgB,EAAEA,CAAA,KAAMX,IAAI,CAACG,EAAE,CAAC,UAAU,CAAC,CAACS,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,IAAI,CAAC,CAAC,CAAC;IAElE;IACAC,OAAO,EAAEA,CAACC,MAAc,EAAEC,QAAgB,KACxC,IAAAC,sCAAqB,EACnBlB,IAAI,CAACM,CAAC,CACJ,mCAAmCU,MAAM,sBAAsBC,QAAQ,IACzE,CAAC,EACDhB,IACF,CAAC;IAEH;IACAkB,cAAc,EAAEA,CAACC,MAAc,EAAEC,MAAc,KAAK;MAClD,MAAMC,GAAG,GAAGpB,OAAO,CAAC,CAAC,CAACqB,GAAG,CAACH,MAAM,CAAC;MACjC,MAAMI,IAAI,GAAGF,GAAG,CAACnB,EAAE,CAAC,mBAAmB,CAAC,CAACoB,GAAG,CAACF,MAAM,CAAC;MACpD,OAAO,IAAAH,sCAAqB,EAACM,IAAI,EAAEvB,IAAI,CAAC;IAC1C,CAAC;IAED;IACAwB,aAAa,EAAEA,CAAA,KAAMrB,QAAQ,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;IAEvC;IACAiB,IAAI,EAAGC,OAAgB,IAAK3B,IAAI,CAAC0B,IAAI,CAACC,OAAO,CAAC;IAE9C;IACAC,iBAAiB,EAAGD,OAAgB,IAAKtB,iBAAiB,CAAC,CAAC,CAACqB,IAAI,CAACC,OAAO,CAAC;IAE1E;IACAE,wBAAwB,EAAEA,CAACF,OAAgB,EAAEG,KAAc,KACzD,IAAAC,kBAAO,EACL,YAAY,EAAE,MAAM1B,iBAAiB,CAAC,CAAC,CAAC2B,MAAM,CAAC,CAAC,CAAC,EACjDL,OAAO,EACPG,KACF,CAAC;IAEH;IACAG,UAAU,EAAGN,OAAgB,IAAKzB,OAAO,CAAC,CAAC,CAACqB,GAAG,CAAC,CAAC,CAAC,CAACG,IAAI,CAACC,OAAO,CAAC;IAEhE;IACAO,cAAc,EAAEA,CAAA,KAAM,IAAAC,8DAAiC,EAACnC,IAAI,EAAEC,IAAI,CAAC;IAEnE;IACAmC,QAAQ,EAAE,MAAAA,CAAOC,GAAW,EAAEC,IAA8B,KAAK;MAC/D,MAAMC,EAAE,GAAG,MAAMvC,IAAI,CAACwC,SAAS,CAAC,CAAC;MACjC,IAAI7C,SAAS,EAAE;QACbA,SAAS,CAAC8C,OAAO,CAACF,EAAE,EAAE;UAAEF,GAAG;UAAE,GAAGC;QAAK,CAAC,CAAC;MACzC,CAAC,MAAM;QACLC,EAAE,CAACG,aAAa,CACd,IAAIC,aAAa,CAAC,SAAS,EAAE;UAAEN,GAAG;UAAEO,OAAO,EAAE,IAAI;UAAE,GAAGN;QAAK,CAAC,CAC9D,CAAC;MACH;IACF,CAAC;IAED;IACAO,aAAa,EAAE,MAAO/B,IAAY,IAAK;MACrC,MAAMyB,EAAE,GAAG,MAAMvC,IAAI,CAACwC,SAAS,CAAC,CAAC;MACjC,MAAMM,KAAK,GAAGC,MAAM,CAACC,MAAM,CAAC,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC,EAAE;QACjEM,aAAa,EAAE;UAAEC,OAAO,EAAEA,CAAA,KAAMrC;QAAK;MACvC,CAAC,CAAC;MACFyB,EAAE,CAACG,aAAa,CAACI,KAAK,CAAC;IACzB;EACF,CAAC;AACH;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcvD,sBAAsB","ignoreList":[]}

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

@@ -0,0 +1,227 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableTableContextMenu = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
+var _mobxReactLite = require("mobx-react-lite");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTableContextMenu.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MENU_WIDTH = 230;
+const ITEM_HEIGHT = 36;
+const DIVIDER_HEIGHT = 9;
+const PADDING = 16;
+const OFFSET_X = 4;
+const OFFSET_Y = 4;
+function _EditableTableContextMenu({
+  state,
+  position,
+  cell,
+  menuRef,
+  onClose
+}) {
+  const {
+    cellInteraction,
+    clipboard,
+    addItemDisabled,
+    updateItemDisabled,
+    removeItemDisabled
+  } = state;
+  const handleCopy = (0, _react.useCallback)(async () => {
+    const tsv = clipboard.copy();
+    try {
+      await navigator.clipboard.writeText(tsv);
+    } catch {}
+    onClose();
+  }, [clipboard, onClose]);
+  const handleCut = (0, _react.useCallback)(async () => {
+    const tsv = clipboard.cut();
+    try {
+      await navigator.clipboard.writeText(tsv);
+    } catch {}
+    onClose();
+  }, [clipboard, onClose]);
+  const handlePaste = (0, _react.useCallback)(async () => {
+    if (!cellInteraction.focusedCell) {
+      return;
+    }
+    try {
+      const rawData = await navigator.clipboard.readText();
+      if (!rawData) {
+        onClose();
+        return;
+      }
+      clipboard.paste(rawData);
+    } catch {}
+    onClose();
+  }, [cellInteraction, clipboard, onClose]);
+  const handleClear = (0, _react.useCallback)(() => {
+    state.clearCells(cellInteraction.selectedCellsList);
+    onClose();
+  }, [state, cellInteraction, onClose]);
+  if (!position || !cell) {
+    return null;
+  }
+  const selectedCells = cellInteraction.selectedCellsList;
+  const selectedCount = selectedCells.length;
+  const selectedRowKeys = [...new Set(selectedCells.map(c => c.rowKey))];
+  const hasMultipleRows = selectedRowKeys.length > 1;
+  const options = [];
+  options.push((0, _designSystem.listItemActionBuilder)({
+    id: 'copy',
+    title: `Copy`,
+    disabled: selectedCount === 0
+  }), (0, _designSystem.listItemActionBuilder)({
+    id: 'cut',
+    title: `Cut`,
+    disabled: selectedCount === 0 || !!updateItemDisabled
+  }), (0, _designSystem.listItemActionBuilder)({
+    id: 'paste',
+    title: `Paste`,
+    disabled: !!updateItemDisabled
+  }), (0, _designSystem.listItemActionBuilder)({
+    id: 'clear',
+    title: selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',
+    disabled: selectedCount === 0 || !!updateItemDisabled
+  }));
+  const hasRowOps = !addItemDisabled || !removeItemDisabled;
+  if (hasRowOps) {
+    options.push({
+      id: 'divider-1',
+      value: '-'
+    });
+  }
+  if (!addItemDisabled) {
+    options.push((0, _designSystem.listItemActionBuilder)({
+      id: 'add-above',
+      title: 'Add Row Above',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AddSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 123,
+          columnNumber: 21
+        }
+      })
+    }), (0, _designSystem.listItemActionBuilder)({
+      id: 'add-below',
+      title: 'Add Row Below',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AddSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 128,
+          columnNumber: 21
+        }
+      })
+    }), (0, _designSystem.listItemActionBuilder)({
+      id: 'duplicate',
+      title: 'Duplicate Row',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 133,
+          columnNumber: 21
+        }
+      })
+    }));
+  }
+  if (!removeItemDisabled) {
+    if (!addItemDisabled) {
+      options.push({
+        id: 'divider-2',
+        value: '-'
+      });
+    }
+    options.push((0, _designSystem.listItemActionBuilder)({
+      id: 'delete',
+      title: hasMultipleRows ? `Delete ${selectedRowKeys.length} Rows` : 'Delete Row',
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 148,
+          columnNumber: 21
+        }
+      }),
+      skin: 'destructive'
+    }));
+  }
+  const handleSelect = option => {
+    switch (option.id) {
+      case 'copy':
+        handleCopy();
+        break;
+      case 'cut':
+        handleCut();
+        break;
+      case 'paste':
+        handlePaste();
+        break;
+      case 'clear':
+        handleClear();
+        break;
+      case 'add-above':
+        {
+          const rowIdx = state.keyedItems.findIndex(ki => ki.key === cell.rowKey);
+          const prevKey = rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
+          state.addItem(prevKey);
+          onClose();
+          break;
+        }
+      case 'add-below':
+        state.addItem(cell.rowKey);
+        onClose();
+        break;
+      case 'duplicate':
+        state.duplicateItem(cell.rowKey);
+        onClose();
+        break;
+      case 'delete':
+        state.deleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);
+        onClose();
+        break;
+    }
+  };
+  const dividerCount = options.filter(o => 'value' in o && o.value === '-').length;
+  const itemCount = options.length - dividerCount;
+  const estimatedHeight = itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;
+  const x = position.x + OFFSET_X + MENU_WIDTH > window.innerWidth ? position.x - MENU_WIDTH : position.x + OFFSET_X;
+  const y = position.y + OFFSET_Y + estimatedHeight > window.innerHeight ? Math.max(4, position.y - estimatedHeight) : position.y + OFFSET_Y;
+  return /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react.default.createElement("div", {
+    ref: menuRef,
+    style: {
+      position: 'fixed',
+      left: x,
+      top: y,
+      zIndex: 1000,
+      width: MENU_WIDTH
+    },
+    onMouseDown: e => e.preventDefault(),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 210,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
+    dataHook: "editable-table-context-menu",
+    visible: true,
+    inContainer: true,
+    options: options,
+    onSelect: handleSelect,
+    onClose: onClose,
+    maxHeightPixels: 400,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 221,
+      columnNumber: 7
+    }
+  })), document.body);
+}
+const EditableTableContextMenu = exports.EditableTableContextMenu = (0, _mobxReactLite.observer)(_EditableTableContextMenu);
+//# sourceMappingURL=EditableTableContextMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_mobxReactLite","_designSystem","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MENU_WIDTH","ITEM_HEIGHT","DIVIDER_HEIGHT","PADDING","OFFSET_X","OFFSET_Y","_EditableTableContextMenu","state","position","cell","menuRef","onClose","cellInteraction","clipboard","addItemDisabled","updateItemDisabled","removeItemDisabled","handleCopy","useCallback","tsv","copy","navigator","writeText","handleCut","cut","handlePaste","focusedCell","rawData","readText","paste","handleClear","clearCells","selectedCellsList","selectedCells","selectedCount","length","selectedRowKeys","Set","map","c","rowKey","hasMultipleRows","options","push","listItemActionBuilder","id","title","disabled","hasRowOps","value","prefixIcon","createElement","AddSmall","__self","__source","fileName","lineNumber","columnNumber","DuplicateSmall","DeleteSmall","skin","handleSelect","option","rowIdx","keyedItems","findIndex","ki","key","prevKey","undefined","addItem","duplicateItem","deleteItems","dividerCount","filter","itemCount","estimatedHeight","x","window","innerWidth","y","innerHeight","Math","max","createPortal","ref","style","left","top","zIndex","width","onMouseDown","preventDefault","DropdownLayout","dataHook","visible","inContainer","onSelect","maxHeightPixels","document","body","EditableTableContextMenu","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTableContextMenu.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { createPortal } from 'react-dom';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { DropdownLayout, listItemActionBuilder } from '@wix/design-system';\nimport {\n  DeleteSmall,\n  AddSmall,\n  DuplicateSmall,\n} from '@wix/wix-ui-icons-common';\nimport type { EditableTableState, Cell } from '../../state/EditableTable';\n\nexport interface EditableTableContextMenuProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  position: { x: number; y: number } | null;\n  cell: Cell | null;\n  menuRef: React.Ref<HTMLDivElement>;\n  onClose: () => void;\n}\n\nconst MENU_WIDTH = 230;\nconst ITEM_HEIGHT = 36;\nconst DIVIDER_HEIGHT = 9;\nconst PADDING = 16;\nconst OFFSET_X = 4;\nconst OFFSET_Y = 4;\n\nfunction _EditableTableContextMenu<T, F extends FiltersMap>({\n  state,\n  position,\n  cell,\n  menuRef,\n  onClose,\n}: EditableTableContextMenuProps<T, F>) {\n  const {\n    cellInteraction,\n    clipboard,\n    addItemDisabled,\n    updateItemDisabled,\n    removeItemDisabled,\n  } = state;\n\n  const handleCopy = useCallback(async () => {\n    const tsv = clipboard.copy();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handleCut = useCallback(async () => {\n    const tsv = clipboard.cut();\n    try {\n      await navigator.clipboard.writeText(tsv);\n    } catch {}\n    onClose();\n  }, [clipboard, onClose]);\n\n  const handlePaste = useCallback(async () => {\n    if (!cellInteraction.focusedCell) {\n      return;\n    }\n    try {\n      const rawData = await navigator.clipboard.readText();\n      if (!rawData) {\n        onClose();\n        return;\n      }\n      clipboard.paste(rawData);\n    } catch {}\n    onClose();\n  }, [cellInteraction, clipboard, onClose]);\n\n  const handleClear = useCallback(() => {\n    state.clearCells(cellInteraction.selectedCellsList);\n    onClose();\n  }, [state, cellInteraction, onClose]);\n\n  if (!position || !cell) {\n    return null;\n  }\n\n  const selectedCells = cellInteraction.selectedCellsList;\n  const selectedCount = selectedCells.length;\n  const selectedRowKeys = [...new Set(selectedCells.map((c) => c.rowKey))];\n  const hasMultipleRows = selectedRowKeys.length > 1;\n\n  const options = [];\n\n  options.push(\n    listItemActionBuilder({\n      id: 'copy',\n      title: `Copy`,\n      disabled: selectedCount === 0,\n    }),\n    listItemActionBuilder({\n      id: 'cut',\n      title: `Cut`,\n      disabled: selectedCount === 0 || !!updateItemDisabled,\n    }),\n    listItemActionBuilder({\n      id: 'paste',\n      title: `Paste`,\n      disabled: !!updateItemDisabled,\n    }),\n    listItemActionBuilder({\n      id: 'clear',\n      title: selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',\n      disabled: selectedCount === 0 || !!updateItemDisabled,\n    }),\n  );\n\n  const hasRowOps = !addItemDisabled || !removeItemDisabled;\n  if (hasRowOps) {\n    options.push({ id: 'divider-1', value: '-' });\n  }\n\n  if (!addItemDisabled) {\n    options.push(\n      listItemActionBuilder({\n        id: 'add-above',\n        title: 'Add Row Above',\n        prefixIcon: <AddSmall />,\n      }),\n      listItemActionBuilder({\n        id: 'add-below',\n        title: 'Add Row Below',\n        prefixIcon: <AddSmall />,\n      }),\n      listItemActionBuilder({\n        id: 'duplicate',\n        title: 'Duplicate Row',\n        prefixIcon: <DuplicateSmall />,\n      }),\n    );\n  }\n\n  if (!removeItemDisabled) {\n    if (!addItemDisabled) {\n      options.push({ id: 'divider-2', value: '-' });\n    }\n    options.push(\n      listItemActionBuilder({\n        id: 'delete',\n        title: hasMultipleRows\n          ? `Delete ${selectedRowKeys.length} Rows`\n          : 'Delete Row',\n        prefixIcon: <DeleteSmall />,\n        skin: 'destructive',\n      }),\n    );\n  }\n\n  const handleSelect = (option: { id: string | number }) => {\n    switch (option.id) {\n      case 'copy':\n        handleCopy();\n        break;\n      case 'cut':\n        handleCut();\n        break;\n      case 'paste':\n        handlePaste();\n        break;\n      case 'clear':\n        handleClear();\n        break;\n      case 'add-above': {\n        const rowIdx = state.keyedItems.findIndex(\n          (ki) => ki.key === cell.rowKey,\n        );\n        const prevKey =\n          rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;\n        state.addItem(prevKey);\n        onClose();\n        break;\n      }\n      case 'add-below':\n        state.addItem(cell.rowKey);\n        onClose();\n        break;\n      case 'duplicate':\n        state.duplicateItem(cell.rowKey);\n        onClose();\n        break;\n      case 'delete':\n        state.deleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);\n        onClose();\n        break;\n    }\n  };\n\n  const dividerCount = options.filter(\n    (o) => 'value' in o && o.value === '-',\n  ).length;\n  const itemCount = options.length - dividerCount;\n  const estimatedHeight =\n    itemCount * ITEM_HEIGHT + dividerCount * DIVIDER_HEIGHT + PADDING;\n\n  const x =\n    position.x + OFFSET_X + MENU_WIDTH > window.innerWidth\n      ? position.x - MENU_WIDTH\n      : position.x + OFFSET_X;\n  const y =\n    position.y + OFFSET_Y + estimatedHeight > window.innerHeight\n      ? Math.max(4, position.y - estimatedHeight)\n      : position.y + OFFSET_Y;\n\n  return createPortal(\n    <div\n      ref={menuRef}\n      style={{\n        position: 'fixed',\n        left: x,\n        top: y,\n        zIndex: 1000,\n        width: MENU_WIDTH,\n      }}\n      onMouseDown={(e) => e.preventDefault()}\n    >\n      <DropdownLayout\n        dataHook=\"editable-table-context-menu\"\n        visible\n        inContainer\n        options={options}\n        onSelect={handleSelect}\n        onClose={onClose}\n        maxHeightPixels={400}\n      />\n    </div>,\n    document.body,\n  );\n}\n\nexport const EditableTableContextMenu = observer(_EditableTableContextMenu);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,27 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableTableContextMenuUniDriver = EditableTableContextMenuUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function EditableTableContextMenuUniDriver(_base, body) {
+  const menuBase = body.$('[data-hook="editable-table-context-menu"]');
+  const getDropdownLayout = () => (0, _unidriver.DropdownLayoutUniDriver)(menuBase, body);
+  return {
+    isShown: async () => menuBase.exists(),
+    isOptionVisible: async optionId => {
+      if (!(await menuBase.exists())) {
+        return false;
+      }
+      return body.$(`[data-hook="dropdown-item-${optionId}"]`).exists();
+    },
+    clickOption: async optionId => {
+      const option = await getDropdownLayout().optionById(optionId);
+      await option.click();
+    },
+    getOptionText: async optionId => {
+      const option = await getDropdownLayout().optionById(optionId);
+      return option.content();
+    }
+  };
+}
+//# sourceMappingURL=EditableTableContextMenu.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","EditableTableContextMenuUniDriver","_base","body","menuBase","$","getDropdownLayout","DropdownLayoutUniDriver","isShown","exists","isOptionVisible","optionId","clickOption","option","optionById","click","getOptionText","content"],"sources":["../../../../src/components/EditableTable/EditableTableContextMenu.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DropdownLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { DropdownLayoutUniDriver as DropdownLayoutUniDriverFactory } from '@wix/design-system/dist/types/DropdownLayout/DropdownLayout.uni.driver';\nimport { UniDriverFactory } from '../uniDriverFactory';\n\nexport function EditableTableContextMenuUniDriver(\n  _base: UniDriver,\n  body: UniDriver,\n) {\n  const menuBase = body.$('[data-hook=\"editable-table-context-menu\"]');\n\n  const getDropdownLayout = () =>\n    (\n      DropdownLayoutUniDriver as UniDriverFactory<DropdownLayoutUniDriverFactory>\n    )(menuBase, body);\n\n  return {\n    isShown: async () => menuBase.exists(),\n\n    isOptionVisible: async (optionId: string) => {\n      if (!(await menuBase.exists())) {\n        return false;\n      }\n      return body.$(`[data-hook=\"dropdown-item-${optionId}\"]`).exists();\n    },\n\n    clickOption: async (optionId: string) => {\n      const option = await getDropdownLayout().optionById(optionId);\n      await option.click();\n    },\n\n    getOptionText: async (optionId: string) => {\n      const option = await getDropdownLayout().optionById(optionId);\n      return option.content();\n    },\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIO,SAASC,iCAAiCA,CAC/CC,KAAgB,EAChBC,IAAe,EACf;EACA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,CAAC,CAAC,2CAA2C,CAAC;EAEpE,MAAMC,iBAAiB,GAAGA,CAAA,KACxB,IACEC,kCAAuB,EACvBH,QAAQ,EAAED,IAAI,CAAC;EAEnB,OAAO;IACLK,OAAO,EAAE,MAAAA,CAAA,KAAYJ,QAAQ,CAACK,MAAM,CAAC,CAAC;IAEtCC,eAAe,EAAE,MAAOC,QAAgB,IAAK;MAC3C,IAAI,EAAE,MAAMP,QAAQ,CAACK,MAAM,CAAC,CAAC,CAAC,EAAE;QAC9B,OAAO,KAAK;MACd;MACA,OAAON,IAAI,CAACE,CAAC,CAAC,6BAA6BM,QAAQ,IAAI,CAAC,CAACF,MAAM,CAAC,CAAC;IACnE,CAAC;IAEDG,WAAW,EAAE,MAAOD,QAAgB,IAAK;MACvC,MAAME,MAAM,GAAG,MAAMP,iBAAiB,CAAC,CAAC,CAACQ,UAAU,CAACH,QAAQ,CAAC;MAC7D,MAAME,MAAM,CAACE,KAAK,CAAC,CAAC;IACtB,CAAC;IAEDC,aAAa,EAAE,MAAOL,QAAgB,IAAK;MACzC,MAAME,MAAM,GAAG,MAAMP,iBAAiB,CAAC,CAAC,CAACQ,UAAU,CAACH,QAAQ,CAAC;MAC7D,OAAOE,MAAM,CAACI,OAAO,CAAC,CAAC;IACzB;EACF,CAAC;AACH","ignoreList":[]}