@wix/patterns 1.375.0 → 1.377.0

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

@@ -0,0 +1,28 @@
+"use strict";
+
+exports.__esModule = true;
+exports.EditableColumnHeaderUniDriver = EditableColumnHeaderUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function EditableColumnHeaderUniDriver(base, body) {
+  const moreButton = base.$('[data-hook$="-more-button"]');
+  const getPopoverMenu = async () => {
+    const dataHook = await base.attr('data-hook');
+    return (0, _unidriver.PopoverMenuUniDriver)(body.$(`[data-hook="${dataHook}-menu"]`), body);
+  };
+  return {
+    exists: () => moreButton.exists(),
+    /** Whether the "..." more button exists */
+    hasMoreButton: () => moreButton.exists(),
+    /** Click the "..." button to open the popover menu */
+    clickMoreButton: () => moreButton.click(),
+    /** Whether the popover menu is currently open */
+    isMenuOpen: async () => (await getPopoverMenu()).isMenuOpen(),
+    /** Number of items in the popover menu */
+    menuItemCount: async () => (await getPopoverMenu()).childrenCount(),
+    /** Get the text content of a menu item by index */
+    getMenuItemText: async index => (await getPopoverMenu()).itemContentAt(index),
+    /** Click a menu item by index */
+    clickMenuItem: async index => (await getPopoverMenu()).clickAtChild(index)
+  };
+}
+//# sourceMappingURL=EditableColumnHeader.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","EditableColumnHeaderUniDriver","base","body","moreButton","$","getPopoverMenu","dataHook","attr","PopoverMenuUniDriver","exists","hasMoreButton","clickMoreButton","click","isMenuOpen","menuItemCount","childrenCount","getMenuItemText","index","itemContentAt","clickMenuItem","clickAtChild"],"sources":["../../../../src/components/EditableTable/EditableColumnHeader.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { PopoverMenuUniDriver as PopoverMenuUniDriverFactory } from '@wix/design-system/dist/types/PopoverMenu/PopoverMenu.uni.driver';\nimport { UniDriverFactory } from '../uniDriverFactory';\n\nexport function EditableColumnHeaderUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const moreButton = base.$('[data-hook$=\"-more-button\"]');\n\n  const getPopoverMenu = async () => {\n    const dataHook = await base.attr('data-hook');\n    return (\n      PopoverMenuUniDriver as UniDriverFactory<PopoverMenuUniDriverFactory>\n    )(body.$(`[data-hook=\"${dataHook}-menu\"]`), body);\n  };\n\n  return {\n    exists: () => moreButton.exists(),\n\n    /** Whether the \"...\" more button exists */\n    hasMoreButton: () => moreButton.exists(),\n\n    /** Click the \"...\" button to open the popover menu */\n    clickMoreButton: () => moreButton.click(),\n\n    /** Whether the popover menu is currently open */\n    isMenuOpen: async () => (await getPopoverMenu()).isMenuOpen(),\n\n    /** Number of items in the popover menu */\n    menuItemCount: async () => (await getPopoverMenu()).childrenCount(),\n\n    /** Get the text content of a menu item by index */\n    getMenuItemText: async (index: number) =>\n      (await getPopoverMenu()).itemContentAt(index),\n\n    /** Click a menu item by index */\n    clickMenuItem: async (index: number) =>\n      (await getPopoverMenu()).clickAtChild(index),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,UAAU,GAAGF,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC;EAExD,MAAMC,cAAc,GAAG,MAAAA,CAAA,KAAY;IACjC,MAAMC,QAAQ,GAAG,MAAML,IAAI,CAACM,IAAI,CAAC,WAAW,CAAC;IAC7C,OAAO,IACLC,+BAAoB,EACpBN,IAAI,CAACE,CAAC,CAAC,eAAeE,QAAQ,SAAS,CAAC,EAAEJ,IAAI,CAAC;EACnD,CAAC;EAED,OAAO;IACLO,MAAM,EAAEA,CAAA,KAAMN,UAAU,CAACM,MAAM,CAAC,CAAC;IAEjC;IACAC,aAAa,EAAEA,CAAA,KAAMP,UAAU,CAACM,MAAM,CAAC,CAAC;IAExC;IACAE,eAAe,EAAEA,CAAA,KAAMR,UAAU,CAACS,KAAK,CAAC,CAAC;IAEzC;IACAC,UAAU,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMR,cAAc,CAAC,CAAC,EAAEQ,UAAU,CAAC,CAAC;IAE7D;IACAC,aAAa,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMT,cAAc,CAAC,CAAC,EAAEU,aAAa,CAAC,CAAC;IAEnE;IACAC,eAAe,EAAE,MAAOC,KAAa,IACnC,CAAC,MAAMZ,cAAc,CAAC,CAAC,EAAEa,aAAa,CAACD,KAAK,CAAC;IAE/C;IACAE,aAAa,EAAE,MAAOF,KAAa,IACjC,CAAC,MAAMZ,cAAc,CAAC,CAAC,EAAEe,YAAY,CAACH,KAAK;EAC/C,CAAC;AACH","ignoreList":[]}

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

@@ -6,21 +6,25 @@ exports.EditableTable = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _PatternsFieldsProvider = require("../../providers/PatternsFieldsProvider");
 var _TableVirtual = require("../Table/TableVirtual");
 var _EditableCell = require("./EditableCell");
 var _EditableTableContextMenu = require("./EditableTableContextMenu");
 var _useEditableTableContextMenu = require("./useEditableTableContextMenu");
+var _ActionModal = require("../ActionModal");
 var _useEditableTableCollectionSyncProps = require("./useEditableTableCollectionSyncProps");
 var _useKeyboardNavigation = require("./useKeyboardNavigation");
 var _useClipboardHandler = require("./useClipboardHandler");
 var _useClearFocusOnBlur = require("./useClearFocusOnBlur");
 var _useMouseSweepSelection = require("./useMouseSweepSelection");
+var _useBuiltInHeaderActions = require("./useBuiltInHeaderActions");
 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,
+    hideHeaderActions,
     dataHook,
     children,
     ...tableBaseProps
@@ -34,9 +38,11 @@ function _EditableTable(props) {
     onBlur
   } = (0, _useClearFocusOnBlur.useClearFocusOnBlur)(state.cellInteraction);
   (0, _useMouseSweepSelection.useMouseSweepSelection)(state, containerRef);
+  const builtInActions = (0, _useBuiltInHeaderActions.useBuiltInHeaderActions)(state, editableColumns, hideHeaderActions);
   const tableColumns = (0, _react.useMemo)(() => editableColumns.map(col => ({
     ...col,
     name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),
+    titleSuffix: builtInActions[col.id],
     render: (_item, rowNum) => {
       var _state$keyedItems$row;
       const rowKey = (_state$keyedItems$row = state.keyedItems[rowNum]) == null ? void 0 : _state$keyedItems$row.key;
@@ -47,14 +53,21 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 61,
+          lineNumber: 75,
           columnNumber: 13
         }
       }) : null;
     }
-  })), [editableColumns, state]);
+  })), [editableColumns, state, builtInActions]);
   const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_PatternsFieldsProvider.PatternsFieldsProvider, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 85,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-hook": dataHook,
     tabIndex: 0,
@@ -65,7 +78,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 86,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -74,7 +87,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 95,
       columnNumber: 9
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -86,10 +99,19 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 101,
       columnNumber: 7
     }
-  }), children);
+  }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
+    state: state.deleteConfirmModal
+  }, state.deleteConfirmModal.value, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 109,
+      columnNumber: 9
+    }
+  })), children);
 }
 const EditableTable = exports.EditableTable = (0, _mobxReactLite.observer)(_EditableTable);
 //# sourceMappingURL=EditableTable.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_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","useMouseSweepSelection","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 { useMouseSweepSelection } from './useMouseSweepSelection';\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  useMouseSweepSelection(state, containerRef);\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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_useBuiltInHeaderActions","_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","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useBuiltInHeaderActions","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\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 { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport type { TableColumn } from '../../model';\nimport { useBuiltInHeaderActions } from './useBuiltInHeaderActions';\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  /** When true, hides the built-in header actions popover for all columns. */\n  hideHeaderActions?: boolean;\n\n  /** data-hook for testkit selectors */\n  dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n  props: EditableTableProps<T, F>,\n) {\n  const {\n    state,\n    columns: editableColumns,\n    hideHeaderActions,\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  useMouseSweepSelection(state, containerRef);\n\n  const builtInActions = useBuiltInHeaderActions(\n    state,\n    editableColumns,\n    hideHeaderActions,\n  );\n\n  const tableColumns = useMemo(\n    () =>\n      editableColumns.map((col) => ({\n        ...col,\n        name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n        titleSuffix: builtInActions[col.id],\n        render: (_item: T, rowNum: number) => {\n          const rowKey = state.keyedItems[rowNum]?.key;\n          return rowKey ? (\n            <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n          ) : null;\n        },\n      })) as TableColumn<T>[],\n    [editableColumns, state, builtInActions],\n  );\n\n  const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n  return (\n    <PatternsFieldsProvider>\n      <div\n        ref={containerRef}\n        data-hook={dataHook}\n        tabIndex={0}\n        onKeyDown={keyboard.onKeyDown}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        onContextMenu={contextMenu.handleContextMenu}\n      >\n        <TableVirtual\n          {...tableBaseProps}\n          state={state.tableState}\n          columns={tableColumns}\n        />\n      </div>\n      <EditableTableContextMenu\n        state={state}\n        position={contextMenu.position}\n        cell={contextMenu.cell}\n        menuRef={contextMenu.menuRef}\n        onClose={contextMenu.handleClose}\n      />\n      {state.deleteConfirmModal.value && (\n        <MessageActionModal\n          state={state.deleteConfirmModal}\n          {...state.deleteConfirmModal.value}\n        />\n      )}\n      {children}\n    </PatternsFieldsProvider>\n  );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,9 +4,11 @@ exports.__esModule = true;
 exports.EditableTableUniDriver = EditableTableUniDriver;
 exports.default = void 0;
 var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
-var _unidriver2 = require("../../unidriver");
+var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
+var _unidriver3 = require("../../unidriver");
 var _EditableCellUni = require("./EditableCell.uni.driver");
 var _EditableTableContextMenuUni = require("./EditableTableContextMenu.uni.driver");
+var _EditableColumnHeaderUni = require("./EditableColumnHeader.uni.driver");
 const {
   fireEvent = null
 } = process.env.NODE_ENV === 'test' ? (() => {
@@ -20,7 +22,7 @@ function EditableTableUniDriver(base, body) {
   const getCells = () => base.$$('[role="gridcell"]');
   const initialLoaderBase = () => base.$('[data-hook="placeholder-states-loading-state"]');
   return {
-    ...(0, _unidriver2.baseUniDriverFactory)(base),
+    ...(0, _unidriver3.baseUniDriverFactory)(base),
     /** Number of rendered data rows */
     getRowsCount: () => getRows().count(),
     /** Number of column headers */
@@ -45,8 +47,12 @@ function EditableTableUniDriver(base, body) {
     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 header actions driver for a column (portaled to body) */
+    getHeaderActions: columnId => (0, _EditableColumnHeaderUni.EditableColumnHeaderUniDriver)(base.$(`[data-hook="header-actions-${columnId}"]`), body),
     /** Get the context menu driver (portaled to body) */
     getContextMenu: () => (0, _EditableTableContextMenuUni.EditableTableContextMenuUniDriver)(base, body),
+    /** Get the delete confirmation modal driver */
+    getConfirmActionModal: () => (0, _unidriver2.MessageModalLayoutUniDriver)(body.$('[data-hook="collection-action-modal"]'), body),
     /** Press a key on the table container (triggers useKeyboardNavigation) */
     pressKey: async (key, opts) => {
       const el = await base.getNative();

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

@@ -1 +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":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_unidriver3","_EditableCellUni","_EditableTableContextMenuUni","_EditableColumnHeaderUni","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","getHeaderActions","EditableColumnHeaderUniDriver","getContextMenu","EditableTableContextMenuUniDriver","getConfirmActionModal","MessageModalLayoutUniDriver","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 { MessageModalLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { EditableCellUniDriver } from './EditableCell.uni.driver';\nimport { EditableTableContextMenuUniDriver } from './EditableTableContextMenu.uni.driver';\nimport { EditableColumnHeaderUniDriver } from './EditableColumnHeader.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 header actions driver for a column (portaled to body) */\n    getHeaderActions: (columnId: string) =>\n      EditableColumnHeaderUniDriver(\n        base.$(`[data-hook=\"header-actions-${columnId}\"]`),\n        body,\n      ),\n\n    /** Get the context menu driver (portaled to body) */\n    getContextMenu: () => EditableTableContextMenuUniDriver(base, body),\n\n    /** Get the delete confirmation modal driver */\n    getConfirmActionModal: () =>\n      MessageModalLayoutUniDriver(\n        body.$('[data-hook=\"collection-action-modal\"]'),\n        body,\n      ),\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":[]}

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

@@ -181,7 +181,7 @@ function _EditableTableContextMenu({
         onClose();
         break;
       case 'delete':
-        state.deleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);
+        state.confirmDeleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);
         onClose();
         break;
     }
@@ -204,7 +204,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 210,
+      lineNumber: 212,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
@@ -218,7 +218,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 221,
+      lineNumber: 223,
       columnNumber: 7
     }
   })), document.body);

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

@@ -1 +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":[]}
+{"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","confirmDeleteItems","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.confirmDeleteItems(\n          hasMultipleRows ? selectedRowKeys : [cell.rowKey],\n        );\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/HeaderActionsPopover.js

@@ -0,0 +1,107 @@
+"use strict";
+
+exports.__esModule = true;
+exports.HeaderActionsPopover = HeaderActionsPopover;
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _HeaderActionsPopoverStCss = require("./HeaderActionsPopover.st.css.js");
+var _useCloseOnAncestorScroll = require("./useCloseOnAncestorScroll");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/HeaderActionsPopover.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 HeaderActionsPopover({
+  actions,
+  dataHook
+}) {
+  const [menuOpen, setMenuOpen] = (0, _react.useState)(false);
+  const [popoverKey, setPopoverKey] = (0, _react.useState)(0);
+  const wrapperRef = (0, _react.useRef)(null);
+  const closePopover = (0, _react.useCallback)(() => {
+    setMenuOpen(false);
+    setPopoverKey(k => k + 1);
+  }, []);
+  (0, _useCloseOnAncestorScroll.useCloseOnAncestorScroll)(wrapperRef, closePopover, menuOpen);
+  const menuItems = actions.filter(group => group.length > 0).reduce((result, group, index, array) => {
+    const items = group.map((action, i) => /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
+      key: `${index}-${i}`,
+      text: action.label,
+      onClick: action.onClick,
+      prefixIcon: action.icon,
+      disabled: action.disabled,
+      disabledDescription: action.disabledTooltip,
+      skin: action.skin,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 9
+      }
+    }));
+    const divider = index < array.length - 1 ? [/*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+      key: `divider-${index}`,
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 44,
+        columnNumber: 14
+      }
+    })] : [];
+    return [...result, ...items, ...divider];
+  }, []);
+  if (menuItems.length === 0) {
+    return null;
+  }
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    _react.default.createElement("div", {
+      ref: wrapperRef,
+      className: (0, _HeaderActionsPopoverStCss.st)(_HeaderActionsPopoverStCss.classes.root, {
+        menuOpen
+      }),
+      "data-hook": dataHook,
+      onClick: e => e.stopPropagation(),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 55,
+        columnNumber: 5
+      }
+    }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, {
+      key: popoverKey,
+      dataHook: dataHook ? `${dataHook}-menu` : undefined,
+      textSize: "small",
+      triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+        size: "tiny",
+        skin: "dark",
+        priority: "tertiary",
+        ariaLabel: "Column actions",
+        dataHook: dataHook ? `${dataHook}-more-button` : undefined,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 66,
+          columnNumber: 11
+        }
+      }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 73,
+          columnNumber: 13
+        }
+      })),
+      appendTo: "window",
+      placement: "bottom-end",
+      onShow: () => setMenuOpen(true),
+      onHide: () => setMenuOpen(false),
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 61,
+        columnNumber: 7
+      }
+    }, menuItems))
+  );
+}
+//# sourceMappingURL=HeaderActionsPopover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_HeaderActionsPopoverStCss","_useCloseOnAncestorScroll","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HeaderActionsPopover","actions","dataHook","menuOpen","setMenuOpen","useState","popoverKey","setPopoverKey","wrapperRef","useRef","closePopover","useCallback","k","useCloseOnAncestorScroll","menuItems","filter","group","length","reduce","result","index","array","items","map","action","createElement","PopoverMenu","MenuItem","key","text","label","onClick","prefixIcon","icon","disabled","disabledDescription","disabledTooltip","skin","__self","__source","fileName","lineNumber","columnNumber","divider","Divider","ref","className","st","classes","root","stopPropagation","undefined","textSize","triggerElement","IconButton","size","priority","ariaLabel","MoreSmall","appendTo","placement","onShow","onHide"],"sources":["../../../../src/components/EditableTable/HeaderActionsPopover.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, type ReactNode } from 'react';\nimport { PopoverMenu, IconButton } from '@wix/design-system';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\nimport type { HeaderAction } from './headerActionTypes';\nimport { st, classes } from './HeaderActionsPopover.st.css.js';\nimport { useCloseOnAncestorScroll } from './useCloseOnAncestorScroll';\n\nexport interface HeaderActionsPopoverProps {\n  actions: HeaderAction[][];\n  dataHook?: string;\n}\n\nexport function HeaderActionsPopover({\n  actions,\n  dataHook,\n}: HeaderActionsPopoverProps) {\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [popoverKey, setPopoverKey] = useState(0);\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const closePopover = useCallback(() => {\n    setMenuOpen(false);\n    setPopoverKey((k) => k + 1);\n  }, []);\n\n  useCloseOnAncestorScroll(wrapperRef, closePopover, menuOpen);\n\n  const menuItems = actions\n    .filter((group) => group.length > 0)\n    .reduce<ReactNode[]>((result, group, index, array) => {\n      const items = group.map((action, i) => (\n        <PopoverMenu.MenuItem\n          key={`${index}-${i}`}\n          text={action.label}\n          onClick={action.onClick}\n          prefixIcon={action.icon}\n          disabled={action.disabled}\n          disabledDescription={action.disabledTooltip}\n          skin={action.skin}\n        />\n      ));\n      const divider =\n        index < array.length - 1\n          ? [<PopoverMenu.Divider key={`divider-${index}`} />]\n          : [];\n      return [...result, ...items, ...divider];\n    }, []);\n\n  if (menuItems.length === 0) {\n    return null;\n  }\n\n  return (\n    // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions\n    <div\n      ref={wrapperRef}\n      className={st(classes.root, { menuOpen })}\n      data-hook={dataHook}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <PopoverMenu\n        key={popoverKey}\n        dataHook={dataHook ? `${dataHook}-menu` : undefined}\n        textSize=\"small\"\n        triggerElement={\n          <IconButton\n            size=\"tiny\"\n            skin=\"dark\"\n            priority=\"tertiary\"\n            ariaLabel=\"Column actions\"\n            dataHook={dataHook ? `${dataHook}-more-button` : undefined}\n          >\n            <MoreSmall />\n          </IconButton>\n        }\n        appendTo=\"window\"\n        placement=\"bottom-end\"\n        onShow={() => setMenuOpen(true)}\n        onHide={() => setMenuOpen(false)}\n      >\n        {menuItems}\n      </PopoverMenu>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,12 @@
+.root {
+  -st-states: menuOpen;
+  opacity: 0;
+  transition: opacity 0.15s;
+}
+
+/* Reveal when the table header cell is hovered or the menu is open */
+:global(th):hover .root,
+.root:menuOpen,
+.root:focus-within {
+  opacity: 1;
+}

package/dist/cjs/components/EditableTable/{cellTypes/select/View.st.css.js → HeaderActionsPopover.st.css.js}

@@ -2,21 +2,21 @@
 
 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");
+var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "View4115641211";
+var _namespace_ = "HeaderActionsPopover835706258";
 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": "View4115641211__root"
+  "root": "HeaderActionsPopover835706258__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
 var containers = exports.containers = {};
 var stVars = exports.stVars = {};
 var vars = exports.vars = {};
-//# sourceMappingURL=View.st.css.js.map
+//# sourceMappingURL=HeaderActionsPopover.st.css.js.map

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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/HeaderActionsPopover.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"HeaderActionsPopover835706258\";\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\":\"HeaderActionsPopover835706258__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,+BAA+B;AACjD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAqC,CAAC;AAC5D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CellViewLayout823649246";
+var _namespace_ = "CellViewLayout3612497033";
 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": "CellViewLayout823649246__root"
+  "root": "CellViewLayout3612497033__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout823649246\";\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\":\"CellViewLayout823649246__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout3612497033\";\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\":\"CellViewLayout3612497033__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/cellTypes/boolean/Edit.js

@@ -17,6 +17,7 @@ const BooleanEdit = ({
     onChange(checked);
     onCommit();
   }, [onChange, onCommit]);
+  const stopClickPropagation = (0, _react.useCallback)(e => e.stopPropagation(), []);
   const handleKeyDown = (0, _react.useCallback)(e => {
     if (e.key === 'Enter') {
       e.preventDefault();
@@ -29,11 +30,12 @@ const BooleanEdit = ({
   }, [value, onChange, onCommit, onCancel]);
   return /*#__PURE__*/_react.default.createElement("div", {
     onKeyDown: handleKeyDown,
+    onClick: stopClickPropagation,
     className: _EditStCss.classes.booleanEdit,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_patternsFields.CellCheckbox, {
@@ -44,7 +46,7 @@ const BooleanEdit = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 45,
       columnNumber: 7
     }
   }));