@wix/patterns 1.430.0 → 1.432.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [cellInteraction, rowKey, columnId],\n  );\n\n  const handleCommit = useCallback(\n    () => cellInteraction.commitEdit(),\n    [cellInteraction],\n  );\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <div\n      ref={cellRef}\n      className={st(classes.root, {\n        editing: isEditing,\n        focused: isFocused,\n        selected: isSelected,\n        invalid: !cellValidation.valid,\n        typeToEdit: !!resolved.onTypeToEdit,\n        showEditWhenFocused: !!resolved.showEditWhenFocused,\n        growable: !!resolved.growable,\n        selectionTop: selectionBorder.top,\n        selectionBottom: selectionBorder.bottom,\n        selectionLeft: selectionBorder.left,\n        selectionRight: selectionBorder.right,\n        copiedTop: copiedBorder.top,\n        copiedBottom: copiedBorder.bottom,\n        copiedLeft: copiedBorder.left,\n        copiedRight: copiedBorder.right,\n      })}\n      onClick={handleClick}\n      onDoubleClick={handleDoubleClick}\n      onKeyDown={cellKeyboard.onKeyDown}\n      role=\"gridcell\"\n      aria-selected={isSelected}\n      aria-readonly={!isEditable}\n      aria-invalid={!cellValidation.valid || undefined}\n      tabIndex={isFocused ? 0 : -1}\n      data-row-key={rowKey}\n      data-column-id={columnId}\n      data-editing={isEditing || undefined}\n    >\n      {showValidationIndicator && (\n        <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n          <span data-hook=\"validation-indicator\">\n            <StatusWarningFilledSmall className={classes.validationIndicator} />\n          </span>\n        </Tooltip>\n      )}\n      {EditWrapper ? (\n        <EditWrapper\n          typeConfig={column.typeConfig}\n          columnId={columnId}\n          rowKey={rowKey}\n        >\n          {cellContent}\n        </EditWrapper>\n      ) : (\n        cellContent\n      )}\n    </div>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_lazy","_EditableCellStCss","_useCellFocusAndEditing","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableCell","state","rowKey","columnId","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\nimport { Focusable } from './types';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n  state: EditableTableState<T, F>;\n  rowKey: string;\n  columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n  state,\n  rowKey,\n  columnId,\n}: EditableCellProps<T, F>) {\n  const { cellInteraction, clipboard } = state;\n  const cellRef = useRef<HTMLDivElement | null>(null);\n  const editInputRef = useRef<Focusable>();\n\n  const column = state._columnMap.get(columnId);\n  const keyedItem = state._getKeyedItem(rowKey);\n  const resolved = column ? state.resolveCellTypeByColumnId(column.id) : null;\n  const value = state.getCellDisplayValue(rowKey, columnId);\n  const cellValidation = state.getCellValidation(rowKey, columnId);\n\n  const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n  const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n  const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n  const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n  const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n  const isEditable = state.isCellEditable(rowKey, columnId);\n\n  const handleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      state.handleCellClick(rowKey, columnId, e.shiftKey);\n    },\n    [state, rowKey, columnId],\n  );\n\n  const handleDoubleClick = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      e.preventDefault();\n      state.handleCellDoubleClick(rowKey, columnId);\n    },\n    [state, rowKey, columnId],\n  );\n\n  // Auto-start edit if onChange fires before explicit startEdit (e.g., onOptionMarked\n  // in select). startEdit resets editingValue, so it must come before setEditingValue.\n  // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.\n  const handleChange = useCallback(\n    (newValue: any) => {\n      if (!cellInteraction.isEditing) {\n        cellInteraction.startEdit(rowKey, columnId, 'enter');\n      }\n      cellInteraction.setEditingValue(newValue);\n    },\n    [cellInteraction, rowKey, columnId],\n  );\n\n  const handleCommit = useCallback(\n    () => cellInteraction.commitEdit(),\n    [cellInteraction],\n  );\n\n  const handleCancel = useCallback(\n    () => cellInteraction.cancelEdit(),\n    [cellInteraction],\n  );\n\n  const handleStartEdit = useCallback(() => {\n    if (!cellInteraction.isEditing) {\n      cellInteraction.startEdit(rowKey, columnId);\n    }\n  }, [cellInteraction, rowKey, columnId]);\n\n  const cellKeyboard = useCellFocusAndEditing({\n    state,\n    rowKey,\n    columnId,\n    cellRef,\n    editInputRef,\n  });\n\n  if (!column || !keyedItem || !resolved) {\n    return null;\n  }\n\n  const { ViewComponent, EditComponent } = resolved;\n  const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n  const showEdit =\n    (isEditing ||\n      (isFocused &&\n        isEditable &&\n        !state.updateItemDisabled &&\n        (!!resolved.toggleValue || !!resolved.showEditWhenFocused))) &&\n    EditComponent;\n\n  const cellContent = showEdit ? (\n    <EditComponent\n      value={\n        cellInteraction.editingValue !== undefined\n          ? cellInteraction.editingValue\n          : value\n      }\n      onChange={handleChange}\n      onCommit={handleCommit}\n      onCancel={handleCancel}\n      onStartEdit={handleStartEdit}\n      inputRef={editInputRef}\n      typeConfig={column.typeConfig}\n      editTrigger={cellInteraction.editTrigger}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  ) : (\n    <ViewComponent\n      value={value}\n      typeConfig={column.typeConfig}\n      validation={column.validation}\n      columnId={columnId}\n      rowKey={rowKey}\n    />\n  );\n\n  // The cell type's EditWrapper (if any) stays mounted across the edit↔view\n  // swap, so it can own behavior that must outlive the inline editor.\n  const EditWrapper = resolved.EditWrapper;\n\n  return (\n    <div\n      ref={cellRef}\n      className={st(classes.root, {\n        editing: isEditing,\n        focused: isFocused,\n        selected: isSelected,\n        invalid: !cellValidation.valid,\n        typeToEdit: !!resolved.onTypeToEdit,\n        showEditWhenFocused: !!resolved.showEditWhenFocused,\n        growable: !!resolved.growable,\n        selectionTop: selectionBorder.top,\n        selectionBottom: selectionBorder.bottom,\n        selectionLeft: selectionBorder.left,\n        selectionRight: selectionBorder.right,\n        copiedTop: copiedBorder.top,\n        copiedBottom: copiedBorder.bottom,\n        copiedLeft: copiedBorder.left,\n        copiedRight: copiedBorder.right,\n      })}\n      onClick={handleClick}\n      onDoubleClick={handleDoubleClick}\n      onKeyDown={cellKeyboard.onKeyDown}\n      role=\"gridcell\"\n      aria-selected={isSelected}\n      aria-readonly={!isEditable}\n      aria-invalid={!cellValidation.valid || undefined}\n      tabIndex={isFocused ? 0 : -1}\n      data-row-key={rowKey}\n      data-column-id={columnId}\n      data-editing={isEditing || undefined}\n    >\n      {showValidationIndicator && (\n        <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n          <span data-hook=\"validation-indicator\">\n            <StatusWarningFilledSmall className={classes.validationIndicator} />\n          </span>\n        </Tooltip>\n      )}\n      {EditWrapper ? (\n        <EditWrapper\n          typeConfig={column.typeConfig}\n          columnId={columnId}\n          rowKey={rowKey}\n        >\n          {cellContent}\n        </EditWrapper>\n      ) : (\n        cellContent\n      )}\n    </div>\n  );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "EditableCell2162357613";
+var _namespace_ = "EditableCell2141481655";
 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": "EditableCell2162357613__root",
-  "validationIndicator": "EditableCell2162357613__validationIndicator"
+  "root": "EditableCell2141481655__root",
+  "validationIndicator": "EditableCell2141481655__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell2162357613\";\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\":\"EditableCell2162357613__root\",\"validationIndicator\":\"EditableCell2162357613__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell2141481655\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"EditableCell2141481655__root\",\"validationIndicator\":\"EditableCell2141481655__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -3,9 +3,8 @@
 exports.__esModule = true;
 exports.EditableTableUniDriver = EditableTableUniDriver;
 exports.default = void 0;
-var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
-var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
-var _unidriver3 = require("../../unidriver");
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _TableUni = require("../Table/Table.uni.driver");
 var _EditableCellUni = require("./EditableCell.uni.driver");
 var _EditableTableContextMenuUni = require("./EditableTableContextMenu.uni.driver");
 var _EditableColumnHeaderUni = require("./EditableColumnHeader.uni.driver");
@@ -18,13 +17,11 @@ const {
   return {};
 })() : {};
 function EditableTableUniDriver(base, body) {
+  const table = (0, _TableUni.TableUniDriver)(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, _unidriver3.baseUniDriverFactory)(base),
-    /** Number of rendered data rows */
-    getRowsCount: () => getRows().count(),
+    ...table,
     /** Number of column headers */
     getColumnsCount: () => base.$$('thead th').count(),
     /** Get column header texts */
@@ -39,12 +36,6 @@ function EditableTableUniDriver(base, 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 header actions driver for a column (portaled to body) */
@@ -52,9 +43,7 @@ function EditableTableUniDriver(base, body) {
     /** Get the context menu driver (portaled to body) */
     getContextMenu: () => (0, _EditableTableContextMenuUni.EditableTableContextMenuUniDriver)(base, body),
     /** Get the add item row driver */
-    getAddItemRow: () => (0, _unidriver2.AddItemUniDriver)(base.$('[data-hook="add-row-button"]'), body),
-    /** Get the delete confirmation modal driver */
-    getConfirmActionModal: () => (0, _unidriver2.MessageModalLayoutUniDriver)(body.$('[data-hook="collection-action-modal"]'), body),
+    getAddItemRow: () => (0, _unidriver.AddItemUniDriver)(base.$('[data-hook="add-row-button"]'), 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","_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","getAddItemRow","AddItemUniDriver","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 {\n  AddItemUniDriver,\n  MessageModalLayoutUniDriver,\n} 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 add item row driver */\n    getAddItemRow: () =>\n      AddItemUniDriver(base.$('[data-hook=\"add-row-button\"]'), 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":[]}
+{"version":3,"names":["_unidriver","require","_TableUni","_EditableCellUni","_EditableTableContextMenuUni","_EditableColumnHeaderUni","fireEvent","process","env","NODE_ENV","EditableTableUniDriver","base","body","table","TableUniDriver","getRows","$$","getCells","getColumnsCount","count","getColumnHeaders","map","th","text","getCell","rowKey","columnId","EditableCellUniDriver","$","getCellByIndex","rowIdx","colIdx","row","get","cell","getCellsCount","waitForRow","timeout","wait","getHeaderActions","EditableColumnHeaderUniDriver","getContextMenu","EditableTableContextMenuUniDriver","getAddItemRow","AddItemUniDriver","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 } from '@wix/wix-ui-test-utils/unidriver';\nimport { AddItemUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { TableUniDriver } from '../Table/Table.uni.driver';\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 table = TableUniDriver(base, body);\n\n  const getRows = () => base.$$('tbody tr[data-table-row=\"dataTableRow\"]');\n\n  const getCells = () => base.$$('[role=\"gridcell\"]');\n\n  return {\n    ...table,\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 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 add item row driver */\n    getAddItemRow: () =>\n      AddItemUniDriver(base.$('[data-hook=\"add-row-button\"]'), 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":[]}

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

@@ -6,7 +6,7 @@ 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 _lazy = require("@wix/wix-ui-icons-common/lazy");
 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;
@@ -25,6 +25,7 @@ function _EditableTableContextMenu({
   const {
     cellInteraction,
     clipboard,
+    collection,
     addItemDisabled,
     updateItemDisabled,
     removeItemDisabled
@@ -64,92 +65,145 @@ function _EditableTableContextMenu({
   if (!position || !cell) {
     return null;
   }
+  const isRowSelectionMode = collection.bulkSelect.selectedCount > 0;
   const selectedCells = cellInteraction.selectedCellsList;
   const selectedCount = selectedCells.length;
-  const selectedRowKeys = [...new Set(selectedCells.map(c => c.rowKey))];
-  const hasMultipleRows = selectedRowKeys.length > 1;
+  const selectedRowKeys = isRowSelectionMode ? collection.bulkSelect.selectedIds : [...new Set(selectedCells.map(c => c.rowKey))];
+  // selectedCountOrTotal accounts for "select all" on a collection larger
+  // than what's loaded — selectedRowKeys.length alone would undercount it.
+  // Only used for the displayed count; the delete action itself still acts
+  // on selectedRowKeys (see the allSelectedItemsFetched guard below).
+  const selectedRowCount = isRowSelectionMode ? collection.bulkSelect.selectedCountOrTotal : selectedRowKeys.length;
+  const hasMultipleRows = selectedRowCount > 1;
+  const isMultiCellSelection = !isRowSelectionMode && selectedCount > 1;
+  const areSelectedCellsReadOnly = selectedCount > 0 && selectedCells.every(c => !state.isColumnEditable(c.rowKey, c.columnId));
+  const isPasteTargetReadOnly = !cellInteraction.focusedCell || !state.isColumnEditable(cellInteraction.focusedCell.rowKey, cellInteraction.focusedCell.columnId);
   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
+  const pushRowActions = multipleRows => {
+    if (!multipleRows && !addItemDisabled) {
+      options.push((0, _designSystem.listItemActionBuilder)({
+        id: 'add-above',
+        title: 'Add Row Above',
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.AddSmall, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 119,
+            columnNumber: 23
+          }
+        })
+      }), (0, _designSystem.listItemActionBuilder)({
+        id: 'add-below',
+        title: 'Add Row Below',
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.AddSmall, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 124,
+            columnNumber: 23
+          }
+        })
+      }), (0, _designSystem.listItemActionBuilder)({
+        id: 'duplicate',
+        title: 'Duplicate Row',
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DuplicateSmall, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 129,
+            columnNumber: 23
+          }
+        })
+      }));
+    }
+    if (!removeItemDisabled) {
+      if (!multipleRows && !addItemDisabled) {
+        options.push({
+          id: 'divider-2',
+          value: '-'
+        });
+      }
+      options.push((0, _designSystem.listItemActionBuilder)({
+        id: 'delete',
+        title: multipleRows ? `Delete ${selectedRowCount} Rows` : 'Delete Row',
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
+          __self: this,
+          __source: {
+            fileName: _jsxFileName,
+            lineNumber: 144,
+            columnNumber: 23
+          }
+        }),
+        skin: 'destructive'
+      }));
+    }
+  };
+  if (isRowSelectionMode) {
+    // "Select all" on a paginated/virtualized collection can mark more rows
+    // selected than are currently loaded — bulkSelect.selectedIds only ever
+    // reflects materialized rows, so deleting by that list would silently
+    // act on fewer rows than the user selected. Only offer delete once every
+    // selected row is actually loaded client-side.
+    if (collection.bulkSelect.allSelectedItemsFetched) {
+      if (hasMultipleRows) {
+        if (!removeItemDisabled) {
+          options.push((0, _designSystem.listItemActionBuilder)({
+            id: 'delete',
+            title: `Remove ${selectedRowCount} Rows`,
+            prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DeleteSmall, {
+              __self: this,
+              __source: {
+                fileName: _jsxFileName,
+                lineNumber: 164,
+                columnNumber: 27
+              }
+            }),
+            skin: 'destructive'
+          }));
         }
-      })
+      } else {
+        // A single checked row gets the full row menu, targeting the checked
+        // row — not the row under the cursor.
+        pushRowActions(false);
+      }
+    }
+  } else {
+    options.push((0, _designSystem.listItemActionBuilder)({
+      id: 'copy',
+      title: `Copy`,
+      disabled: selectedCount === 0
     }), (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
-        }
-      })
+      id: 'cut',
+      title: `Cut`,
+      disabled: selectedCount === 0 || !!updateItemDisabled || areSelectedCellsReadOnly
     }), (0, _designSystem.listItemActionBuilder)({
-      id: 'duplicate',
-      title: 'Duplicate Row',
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
-        __self: this,
-        __source: {
-          fileName: _jsxFileName,
-          lineNumber: 133,
-          columnNumber: 21
-        }
-      })
+      id: 'paste',
+      title: `Paste`,
+      disabled: !!updateItemDisabled || isPasteTargetReadOnly
+    }), (0, _designSystem.listItemActionBuilder)({
+      id: 'clear',
+      title: selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',
+      disabled: selectedCount === 0 || !!updateItemDisabled || areSelectedCellsReadOnly
     }));
-  }
-  if (!removeItemDisabled) {
-    if (!addItemDisabled) {
+
+    // A cell-range selection spanning several rows offers cell ops plus
+    // deleting the spanned rows; a single-row context gets the full row menu.
+    const hasRowOps = !addItemDisabled || !removeItemDisabled;
+    if (hasRowOps) {
       options.push({
-        id: 'divider-2',
+        id: 'divider-1',
         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'
-    }));
+    pushRowActions(isMultiCellSelection && hasMultipleRows);
   }
+  if (options.length === 0) {
+    return null;
+  }
+
+  // Row actions target the checked row in row-selection mode, the row under
+  // the cursor otherwise.
+  const targetRowKey = isRowSelectionMode && selectedRowKeys.length === 1 ? selectedRowKeys[0] : cell.rowKey;
   const handleSelect = option => {
     switch (option.id) {
       case 'copy':
@@ -166,22 +220,22 @@ function _EditableTableContextMenu({
         break;
       case 'add-above':
         {
-          const rowIdx = state.keyedItems.findIndex(ki => ki.key === cell.rowKey);
+          const rowIdx = state.keyedItems.findIndex(ki => ki.key === targetRowKey);
           const prevKey = rowIdx > 0 ? state.keyedItems[rowIdx - 1].key : undefined;
           state.addItem(prevKey);
           onClose();
           break;
         }
       case 'add-below':
-        state.addItem(cell.rowKey);
+        state.addItem(targetRowKey);
         onClose();
         break;
       case 'duplicate':
-        state.duplicateItem(cell.rowKey);
+        state.duplicateItem(targetRowKey);
         onClose();
         break;
       case 'delete':
-        state.confirmDeleteItems(hasMultipleRows ? selectedRowKeys : [cell.rowKey]);
+        state.confirmDeleteItems(isRowSelectionMode || hasMultipleRows ? selectedRowKeys : [cell.rowKey]);
         onClose();
         break;
     }
@@ -204,7 +258,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 212,
+      lineNumber: 286,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
@@ -218,7 +272,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 223,
+      lineNumber: 297,
       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","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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactDom","_mobxReactLite","_designSystem","_lazy","_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","collection","addItemDisabled","updateItemDisabled","removeItemDisabled","handleCopy","useCallback","tsv","copy","navigator","writeText","handleCut","cut","handlePaste","focusedCell","rawData","readText","paste","handleClear","clearCells","selectedCellsList","isRowSelectionMode","bulkSelect","selectedCount","selectedCells","length","selectedRowKeys","selectedIds","Set","map","c","rowKey","selectedRowCount","selectedCountOrTotal","hasMultipleRows","isMultiCellSelection","areSelectedCellsReadOnly","every","isColumnEditable","columnId","isPasteTargetReadOnly","options","pushRowActions","multipleRows","push","listItemActionBuilder","id","title","prefixIcon","createElement","AddSmall","__self","__source","fileName","lineNumber","columnNumber","DuplicateSmall","value","DeleteSmall","skin","allSelectedItemsFetched","disabled","hasRowOps","targetRowKey","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/lazy';\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    collection,\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 isRowSelectionMode = collection.bulkSelect.selectedCount > 0;\n\n  const selectedCells = cellInteraction.selectedCellsList;\n  const selectedCount = selectedCells.length;\n  const selectedRowKeys = isRowSelectionMode\n    ? collection.bulkSelect.selectedIds\n    : [...new Set(selectedCells.map((c) => c.rowKey))];\n  // selectedCountOrTotal accounts for \"select all\" on a collection larger\n  // than what's loaded — selectedRowKeys.length alone would undercount it.\n  // Only used for the displayed count; the delete action itself still acts\n  // on selectedRowKeys (see the allSelectedItemsFetched guard below).\n  const selectedRowCount = isRowSelectionMode\n    ? collection.bulkSelect.selectedCountOrTotal\n    : selectedRowKeys.length;\n  const hasMultipleRows = selectedRowCount > 1;\n  const isMultiCellSelection = !isRowSelectionMode && selectedCount > 1;\n\n  const areSelectedCellsReadOnly =\n    selectedCount > 0 &&\n    selectedCells.every((c) => !state.isColumnEditable(c.rowKey, c.columnId));\n  const isPasteTargetReadOnly =\n    !cellInteraction.focusedCell ||\n    !state.isColumnEditable(\n      cellInteraction.focusedCell.rowKey,\n      cellInteraction.focusedCell.columnId,\n    );\n\n  const options = [];\n\n  const pushRowActions = (multipleRows: boolean) => {\n    if (!multipleRows && !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 (!multipleRows && !addItemDisabled) {\n        options.push({ id: 'divider-2', value: '-' });\n      }\n      options.push(\n        listItemActionBuilder({\n          id: 'delete',\n          title: multipleRows\n            ? `Delete ${selectedRowCount} Rows`\n            : 'Delete Row',\n          prefixIcon: <DeleteSmall />,\n          skin: 'destructive',\n        }),\n      );\n    }\n  };\n\n  if (isRowSelectionMode) {\n    // \"Select all\" on a paginated/virtualized collection can mark more rows\n    // selected than are currently loaded — bulkSelect.selectedIds only ever\n    // reflects materialized rows, so deleting by that list would silently\n    // act on fewer rows than the user selected. Only offer delete once every\n    // selected row is actually loaded client-side.\n    if (collection.bulkSelect.allSelectedItemsFetched) {\n      if (hasMultipleRows) {\n        if (!removeItemDisabled) {\n          options.push(\n            listItemActionBuilder({\n              id: 'delete',\n              title: `Remove ${selectedRowCount} Rows`,\n              prefixIcon: <DeleteSmall />,\n              skin: 'destructive',\n            }),\n          );\n        }\n      } else {\n        // A single checked row gets the full row menu, targeting the checked\n        // row — not the row under the cursor.\n        pushRowActions(false);\n      }\n    }\n  } else {\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:\n          selectedCount === 0 ||\n          !!updateItemDisabled ||\n          areSelectedCellsReadOnly,\n      }),\n      listItemActionBuilder({\n        id: 'paste',\n        title: `Paste`,\n        disabled: !!updateItemDisabled || isPasteTargetReadOnly,\n      }),\n      listItemActionBuilder({\n        id: 'clear',\n        title:\n          selectedCount > 1 ? `Clear ${selectedCount} Cells` : 'Clear Cell',\n        disabled:\n          selectedCount === 0 ||\n          !!updateItemDisabled ||\n          areSelectedCellsReadOnly,\n      }),\n    );\n\n    // A cell-range selection spanning several rows offers cell ops plus\n    // deleting the spanned rows; a single-row context gets the full row menu.\n    const hasRowOps = !addItemDisabled || !removeItemDisabled;\n    if (hasRowOps) {\n      options.push({ id: 'divider-1', value: '-' });\n    }\n    pushRowActions(isMultiCellSelection && hasMultipleRows);\n  }\n\n  if (options.length === 0) {\n    return null;\n  }\n\n  // Row actions target the checked row in row-selection mode, the row under\n  // the cursor otherwise.\n  const targetRowKey =\n    isRowSelectionMode && selectedRowKeys.length === 1\n      ? selectedRowKeys[0]\n      : cell.rowKey;\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 === targetRowKey,\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(targetRowKey);\n        onClose();\n        break;\n      case 'duplicate':\n        state.duplicateItem(targetRowKey);\n        onClose();\n        break;\n      case 'delete':\n        state.confirmDeleteItems(\n          isRowSelectionMode || hasMultipleRows\n            ? selectedRowKeys\n            : [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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAIuC,IAAAK,YAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAWvC,MAAMkB,UAAU,GAAG,GAAG;AACtB,MAAMC,WAAW,GAAG,EAAE;AACtB,MAAMC,cAAc,GAAG,CAAC;AACxB,MAAMC,OAAO,GAAG,EAAE;AAClB,MAAMC,QAAQ,GAAG,CAAC;AAClB,MAAMC,QAAQ,GAAG,CAAC;AAElB,SAASC,yBAAyBA,CAA0B;EAC1DC,KAAK;EACLC,QAAQ;EACRC,IAAI;EACJC,OAAO;EACPC;AACmC,CAAC,EAAE;EACtC,MAAM;IACJC,eAAe;IACfC,SAAS;IACTC,UAAU;IACVC,eAAe;IACfC,kBAAkB;IAClBC;EACF,CAAC,GAAGV,KAAK;EAET,MAAMW,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAY;IACzC,MAAMC,GAAG,GAAGP,SAAS,CAACQ,IAAI,CAAC,CAAC;IAC5B,IAAI;MACF,MAAMC,SAAS,CAACT,SAAS,CAACU,SAAS,CAACH,GAAG,CAAC;IAC1C,CAAC,CAAC,MAAM,CAAC;IACTT,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACE,SAAS,EAAEF,OAAO,CAAC,CAAC;EAExB,MAAMa,SAAS,GAAG,IAAAL,kBAAW,EAAC,YAAY;IACxC,MAAMC,GAAG,GAAGP,SAAS,CAACY,GAAG,CAAC,CAAC;IAC3B,IAAI;MACF,MAAMH,SAAS,CAACT,SAAS,CAACU,SAAS,CAACH,GAAG,CAAC;IAC1C,CAAC,CAAC,MAAM,CAAC;IACTT,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACE,SAAS,EAAEF,OAAO,CAAC,CAAC;EAExB,MAAMe,WAAW,GAAG,IAAAP,kBAAW,EAAC,YAAY;IAC1C,IAAI,CAACP,eAAe,CAACe,WAAW,EAAE;MAChC;IACF;IACA,IAAI;MACF,MAAMC,OAAO,GAAG,MAAMN,SAAS,CAACT,SAAS,CAACgB,QAAQ,CAAC,CAAC;MACpD,IAAI,CAACD,OAAO,EAAE;QACZjB,OAAO,CAAC,CAAC;QACT;MACF;MACAE,SAAS,CAACiB,KAAK,CAACF,OAAO,CAAC;IAC1B,CAAC,CAAC,MAAM,CAAC;IACTjB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACC,eAAe,EAAEC,SAAS,EAAEF,OAAO,CAAC,CAAC;EAEzC,MAAMoB,WAAW,GAAG,IAAAZ,kBAAW,EAAC,MAAM;IACpCZ,KAAK,CAACyB,UAAU,CAACpB,eAAe,CAACqB,iBAAiB,CAAC;IACnDtB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACJ,KAAK,EAAEK,eAAe,EAAED,OAAO,CAAC,CAAC;EAErC,IAAI,CAACH,QAAQ,IAAI,CAACC,IAAI,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,MAAMyB,kBAAkB,GAAGpB,UAAU,CAACqB,UAAU,CAACC,aAAa,GAAG,CAAC;EAElE,MAAMC,aAAa,GAAGzB,eAAe,CAACqB,iBAAiB;EACvD,MAAMG,aAAa,GAAGC,aAAa,CAACC,MAAM;EAC1C,MAAMC,eAAe,GAAGL,kBAAkB,GACtCpB,UAAU,CAACqB,UAAU,CAACK,WAAW,GACjC,CAAC,GAAG,IAAIC,GAAG,CAACJ,aAAa,CAACK,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACC,MAAM,CAAC,CAAC,CAAC;EACpD;EACA;EACA;EACA;EACA,MAAMC,gBAAgB,GAAGX,kBAAkB,GACvCpB,UAAU,CAACqB,UAAU,CAACW,oBAAoB,GAC1CP,eAAe,CAACD,MAAM;EAC1B,MAAMS,eAAe,GAAGF,gBAAgB,GAAG,CAAC;EAC5C,MAAMG,oBAAoB,GAAG,CAACd,kBAAkB,IAAIE,aAAa,GAAG,CAAC;EAErE,MAAMa,wBAAwB,GAC5Bb,aAAa,GAAG,CAAC,IACjBC,aAAa,CAACa,KAAK,CAAEP,CAAC,IAAK,CAACpC,KAAK,CAAC4C,gBAAgB,CAACR,CAAC,CAACC,MAAM,EAAED,CAAC,CAACS,QAAQ,CAAC,CAAC;EAC3E,MAAMC,qBAAqB,GACzB,CAACzC,eAAe,CAACe,WAAW,IAC5B,CAACpB,KAAK,CAAC4C,gBAAgB,CACrBvC,eAAe,CAACe,WAAW,CAACiB,MAAM,EAClChC,eAAe,CAACe,WAAW,CAACyB,QAC9B,CAAC;EAEH,MAAME,OAAO,GAAG,EAAE;EAElB,MAAMC,cAAc,GAAIC,YAAqB,IAAK;IAChD,IAAI,CAACA,YAAY,IAAI,CAACzC,eAAe,EAAE;MACrCuC,OAAO,CAACG,IAAI,CACV,IAAAC,mCAAqB,EAAC;QACpBC,EAAE,EAAE,WAAW;QACfC,KAAK,EAAE,eAAe;QACtBC,UAAU,eAAExF,MAAA,CAAAkB,OAAA,CAAAuE,aAAA,CAACnF,KAAA,CAAAoF,QAAQ;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAtF,YAAA;YAAAuF,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MACzB,CAAC,CAAC,EACF,IAAAV,mCAAqB,EAAC;QACpBC,EAAE,EAAE,WAAW;QACfC,KAAK,EAAE,eAAe;QACtBC,UAAU,eAAExF,MAAA,CAAAkB,OAAA,CAAAuE,aAAA,CAACnF,KAAA,CAAAoF,QAAQ;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAtF,YAAA;YAAAuF,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MACzB,CAAC,CAAC,EACF,IAAAV,mCAAqB,EAAC;QACpBC,EAAE,EAAE,WAAW;QACfC,KAAK,EAAE,eAAe;QACtBC,UAAU,eAAExF,MAAA,CAAAkB,OAAA,CAAAuE,aAAA,CAACnF,KAAA,CAAA0F,cAAc;UAAAL,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAtF,YAAA;YAAAuF,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE;MAC/B,CAAC,CACH,CAAC;IACH;IAEA,IAAI,CAACnD,kBAAkB,EAAE;MACvB,IAAI,CAACuC,YAAY,IAAI,CAACzC,eAAe,EAAE;QACrCuC,OAAO,CAACG,IAAI,CAAC;UAAEE,EAAE,EAAE,WAAW;UAAEW,KAAK,EAAE;QAAI,CAAC,CAAC;MAC/C;MACAhB,OAAO,CAACG,IAAI,CACV,IAAAC,mCAAqB,EAAC;QACpBC,EAAE,EAAE,QAAQ;QACZC,KAAK,EAAEJ,YAAY,GACf,UAAUX,gBAAgB,OAAO,GACjC,YAAY;QAChBgB,UAAU,eAAExF,MAAA,CAAAkB,OAAA,CAAAuE,aAAA,CAACnF,KAAA,CAAA4F,WAAW;UAAAP,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAtF,YAAA;YAAAuF,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;QAC3BI,IAAI,EAAE;MACR,CAAC,CACH,CAAC;IACH;EACF,CAAC;EAED,IAAItC,kBAAkB,EAAE;IACtB;IACA;IACA;IACA;IACA;IACA,IAAIpB,UAAU,CAACqB,UAAU,CAACsC,uBAAuB,EAAE;MACjD,IAAI1B,eAAe,EAAE;QACnB,IAAI,CAAC9B,kBAAkB,EAAE;UACvBqC,OAAO,CAACG,IAAI,CACV,IAAAC,mCAAqB,EAAC;YACpBC,EAAE,EAAE,QAAQ;YACZC,KAAK,EAAE,UAAUf,gBAAgB,OAAO;YACxCgB,UAAU,eAAExF,MAAA,CAAAkB,OAAA,CAAAuE,aAAA,CAACnF,KAAA,CAAA4F,WAAW;cAAAP,MAAA;cAAAC,QAAA;gBAAAC,QAAA,EAAAtF,YAAA;gBAAAuF,UAAA;gBAAAC,YAAA;cAAA;YAAA,CAAE,CAAC;YAC3BI,IAAI,EAAE;UACR,CAAC,CACH,CAAC;QACH;MACF,CAAC,MAAM;QACL;QACA;QACAjB,cAAc,CAAC,KAAK,CAAC;MACvB;IACF;EACF,CAAC,MAAM;IACLD,OAAO,CAACG,IAAI,CACV,IAAAC,mCAAqB,EAAC;MACpBC,EAAE,EAAE,MAAM;MACVC,KAAK,EAAE,MAAM;MACbc,QAAQ,EAAEtC,aAAa,KAAK;IAC9B,CAAC,CAAC,EACF,IAAAsB,mCAAqB,EAAC;MACpBC,EAAE,EAAE,KAAK;MACTC,KAAK,EAAE,KAAK;MACZc,QAAQ,EACNtC,aAAa,KAAK,CAAC,IACnB,CAAC,CAACpB,kBAAkB,IACpBiC;IACJ,CAAC,CAAC,EACF,IAAAS,mCAAqB,EAAC;MACpBC,EAAE,EAAE,OAAO;MACXC,KAAK,EAAE,OAAO;MACdc,QAAQ,EAAE,CAAC,CAAC1D,kBAAkB,IAAIqC;IACpC,CAAC,CAAC,EACF,IAAAK,mCAAqB,EAAC;MACpBC,EAAE,EAAE,OAAO;MACXC,KAAK,EACHxB,aAAa,GAAG,CAAC,GAAG,SAASA,aAAa,QAAQ,GAAG,YAAY;MACnEsC,QAAQ,EACNtC,aAAa,KAAK,CAAC,IACnB,CAAC,CAACpB,kBAAkB,IACpBiC;IACJ,CAAC,CACH,CAAC;;IAED;IACA;IACA,MAAM0B,SAAS,GAAG,CAAC5D,eAAe,IAAI,CAACE,kBAAkB;IACzD,IAAI0D,SAAS,EAAE;MACbrB,OAAO,CAACG,IAAI,CAAC;QAAEE,EAAE,EAAE,WAAW;QAAEW,KAAK,EAAE;MAAI,CAAC,CAAC;IAC/C;IACAf,cAAc,CAACP,oBAAoB,IAAID,eAAe,CAAC;EACzD;EAEA,IAAIO,OAAO,CAAChB,MAAM,KAAK,CAAC,EAAE;IACxB,OAAO,IAAI;EACb;;EAEA;EACA;EACA,MAAMsC,YAAY,GAChB1C,kBAAkB,IAAIK,eAAe,CAACD,MAAM,KAAK,CAAC,GAC9CC,eAAe,CAAC,CAAC,CAAC,GAClB9B,IAAI,CAACmC,MAAM;EAEjB,MAAMiC,YAAY,GAAIC,MAA+B,IAAK;IACxD,QAAQA,MAAM,CAACnB,EAAE;MACf,KAAK,MAAM;QACTzC,UAAU,CAAC,CAAC;QACZ;MACF,KAAK,KAAK;QACRM,SAAS,CAAC,CAAC;QACX;MACF,KAAK,OAAO;QACVE,WAAW,CAAC,CAAC;QACb;MACF,KAAK,OAAO;QACVK,WAAW,CAAC,CAAC;QACb;MACF,KAAK,WAAW;QAAE;UAChB,MAAMgD,MAAM,GAAGxE,KAAK,CAACyE,UAAU,CAACC,SAAS,CACtCC,EAAE,IAAKA,EAAE,CAACC,GAAG,KAAKP,YACrB,CAAC;UACD,MAAMQ,OAAO,GACXL,MAAM,GAAG,CAAC,GAAGxE,KAAK,CAACyE,UAAU,CAACD,MAAM,GAAG,CAAC,CAAC,CAACI,GAAG,GAAGE,SAAS;UAC3D9E,KAAK,CAAC+E,OAAO,CAACF,OAAO,CAAC;UACtBzE,OAAO,CAAC,CAAC;UACT;QACF;MACA,KAAK,WAAW;QACdJ,KAAK,CAAC+E,OAAO,CAACV,YAAY,CAAC;QAC3BjE,OAAO,CAAC,CAAC;QACT;MACF,KAAK,WAAW;QACdJ,KAAK,CAACgF,aAAa,CAACX,YAAY,CAAC;QACjCjE,OAAO,CAAC,CAAC;QACT;MACF,KAAK,QAAQ;QACXJ,KAAK,CAACiF,kBAAkB,CACtBtD,kBAAkB,IAAIa,eAAe,GACjCR,eAAe,GACf,CAAC9B,IAAI,CAACmC,MAAM,CAClB,CAAC;QACDjC,OAAO,CAAC,CAAC;QACT;IACJ;EACF,CAAC;EAED,MAAM8E,YAAY,GAAGnC,OAAO,CAACoC,MAAM,CAChCvG,CAAC,IAAK,OAAO,IAAIA,CAAC,IAAIA,CAAC,CAACmF,KAAK,KAAK,GACrC,CAAC,CAAChC,MAAM;EACR,MAAMqD,SAAS,GAAGrC,OAAO,CAAChB,MAAM,GAAGmD,YAAY;EAC/C,MAAMG,eAAe,GACnBD,SAAS,GAAG1F,WAAW,GAAGwF,YAAY,GAAGvF,cAAc,GAAGC,OAAO;EAEnE,MAAM0F,CAAC,GACLrF,QAAQ,CAACqF,CAAC,GAAGzF,QAAQ,GAAGJ,UAAU,GAAG8F,MAAM,CAACC,UAAU,GAClDvF,QAAQ,CAACqF,CAAC,GAAG7F,UAAU,GACvBQ,QAAQ,CAACqF,CAAC,GAAGzF,QAAQ;EAC3B,MAAM4F,CAAC,GACLxF,QAAQ,CAACwF,CAAC,GAAG3F,QAAQ,GAAGuF,eAAe,GAAGE,MAAM,CAACG,WAAW,GACxDC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAE3F,QAAQ,CAACwF,CAAC,GAAGJ,eAAe,CAAC,GACzCpF,QAAQ,CAACwF,CAAC,GAAG3F,QAAQ;EAE3B,oBAAO,IAAA+F,sBAAY,eACjB/H,MAAA,CAAAkB,OAAA,CAAAuE,aAAA;IACEuC,GAAG,EAAE3F,OAAQ;IACb4F,KAAK,EAAE;MACL9F,QAAQ,EAAE,OAAO;MACjB+F,IAAI,EAAEV,CAAC;MACPW,GAAG,EAAER,CAAC;MACNS,MAAM,EAAE,IAAI;MACZC,KAAK,EAAE1G;IACT,CAAE;IACF2G,WAAW,EAAG9H,CAAC,IAAKA,CAAC,CAAC+H,cAAc,CAAC,CAAE;IAAA5C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtF,YAAA;MAAAuF,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEvC/F,MAAA,CAAAkB,OAAA,CAAAuE,aAAA,CAACpF,aAAA,CAAAmI,cAAc;IACbC,QAAQ,EAAC,6BAA6B;IACtCC,OAAO;IACPC,WAAW;IACX1D,OAAO,EAAEA,OAAQ;IACjB2D,QAAQ,EAAEpC,YAAa;IACvBlE,OAAO,EAAEA,OAAQ;IACjBuG,eAAe,EAAE,GAAI;IAAAlD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtF,YAAA;MAAAuF,UAAA;MAAAC,YAAA;IAAA;EAAA,CACtB,CACE,CAAC,EACN+C,QAAQ,CAACC,IACX,CAAC;AACH;AAEO,MAAMC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACjH,yBAAyB,CAAC","ignoreList":[]}

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

@@ -14,6 +14,10 @@ function EditableTableContextMenuUniDriver(_base, body) {
       }
       return body.$(`[data-hook="dropdown-item-${optionId}"]`).exists();
     },
+    isOptionDisabled: async optionId => {
+      const disabled = await body.$(`[data-hook="dropdown-item-${optionId}"]`).attr('data-option-disabled');
+      return disabled === 'true';
+    },
     clickOption: async optionId => {
       const option = await getDropdownLayout().optionById(optionId);
       await option.click();

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

@@ -1 +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":[]}
+{"version":3,"names":["_unidriver","require","EditableTableContextMenuUniDriver","_base","body","menuBase","$","getDropdownLayout","DropdownLayoutUniDriver","isShown","exists","isOptionVisible","optionId","isOptionDisabled","disabled","attr","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    isOptionDisabled: async (optionId: string) => {\n      const disabled = await body\n        .$(`[data-hook=\"dropdown-item-${optionId}\"]`)\n        .attr('data-option-disabled');\n      return disabled === 'true';\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,gBAAgB,EAAE,MAAOD,QAAgB,IAAK;MAC5C,MAAME,QAAQ,GAAG,MAAMV,IAAI,CACxBE,CAAC,CAAC,6BAA6BM,QAAQ,IAAI,CAAC,CAC5CG,IAAI,CAAC,sBAAsB,CAAC;MAC/B,OAAOD,QAAQ,KAAK,MAAM;IAC5B,CAAC;IAEDE,WAAW,EAAE,MAAOJ,QAAgB,IAAK;MACvC,MAAMK,MAAM,GAAG,MAAMV,iBAAiB,CAAC,CAAC,CAACW,UAAU,CAACN,QAAQ,CAAC;MAC7D,MAAMK,MAAM,CAACE,KAAK,CAAC,CAAC;IACtB,CAAC;IAEDC,aAAa,EAAE,MAAOR,QAAgB,IAAK;MACzC,MAAMK,MAAM,GAAG,MAAMV,iBAAiB,CAAC,CAAC,CAACW,UAAU,CAACN,QAAQ,CAAC;MAC7D,OAAOK,MAAM,CAACI,OAAO,CAAC,CAAC;IACzB;EACF,CAAC;AACH","ignoreList":[]}