npm - @wix/patterns - Versions diffs - 1.477.0 → 1.479.0 - Mend

@wix/patterns 1.477.0 → 1.479.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (843) hide show

package/dist/cjs/components/EditableTable/AddItemRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","AddItemRow","onAdd","translate","t","useWixPatternsContainer","default","createElement","style","borderTop","height","boxSizing","padding","__self","__source","fileName","lineNumber","columnNumber","AddItem","skin","size","alignItems","removePadding","borderRadius","onClick"],"sources":["../../../../src/components/EditableTable/AddItemRow.tsx"],"sourcesContent":["import React from 'react';\nimport { AddItem } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface AddItemRowProps {\n onAdd: () => void;\n}\n\nexport function AddItemRow({ onAdd }: AddItemRowProps) {\n const { translate: t } = useWixPatternsContainer();\n return (\n <div\n data-hook=\"add-row-button\"\n style={\n {\n borderTop: '1px solid var(--wsr-color-D60)',\n height: 36,\n boxSizing: 'border-box',\n padding: 4,\n '--wds-add-item-fill-hover': 'var(--wsr-color-D70)',\n '--wds-add-item-fill': 'transparent',\n } as React.CSSProperties\n }\n >\n <AddItem\n skin=\"plain\"\n size=\"tiny\"\n alignItems=\"left\"\n removePadding\n borderRadius=\"6px\"\n onClick={onAdd}\n >\n {t('cairo.editableTable.addItem.CTA')}\n </AddItem>\n </div>\n );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8D,IAAAG,YAAA;~~AAMvD~~,SAASC,UAAUA,CAAC;EAAEC;~~AAAuB~~,CAAC,EAAE;~~EACrD~~,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,~~oBACEV~~,MAAA,~~CAAAW~~,OAAA,CAAAC,aAAA;IACE,aAAU,gBAAgB;IAC1BC,KAAK,EACH;MACEC,SAAS,EAAE,gCAAgC;MAC3CC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAE,CAAC;MACV,2BAA2B,EAAE,sBAAsB;MACnD,qBAAqB,EAAE;IACzB,CACD;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAf~~,YAAA;~~MAAAgB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAEDtB~~,MAAA,~~CAAAW~~,OAAA,CAAAC,aAAA,~~CAACT~~,aAAA,~~CAAAoB~~,OAAO;IACNC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,MAAM;IACXC,UAAU,EAAC,MAAM;IACjBC,aAAa;IACbC,YAAY,EAAC,KAAK;IAClBC,OAAO,~~EAAEtB~~,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAf~~,YAAA;~~MAAAgB~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~GAEdb~~,CAAC,CAAC,iCAAiC,CAC7B,CACN,CAAC;AAEV","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_react2","_jsxFileName","AddItemRow","onAdd","disabledReason","translate","t","useWixPatternsContainer","default","createElement","style","borderTop","height","boxSizing","padding","__self","__source","fileName","lineNumber","columnNumber","AddItem","skin","size","alignItems","removePadding","borderRadius","onClick","disabled","tooltipContent"],"sources":["../../../../src/components/EditableTable/AddItemRow.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { AddItem } from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface AddItemRowProps {\n onAdd: () => void;\n disabledReason?: ReactNode;\n}\n\nexport function AddItemRow({ onAdd, disabledReason }: AddItemRowProps) {\n const { translate: t } = useWixPatternsContainer();\n return (\n <div\n data-hook=\"add-row-button\"\n style={\n {\n borderTop: '1px solid var(--wsr-color-D60)',\n height: 36,\n boxSizing: 'border-box',\n padding: 4,\n '--wds-add-item-fill-hover': 'var(--wsr-color-D70)',\n '--wds-add-item-fill': 'transparent',\n } as React.CSSProperties\n }\n >\n <AddItem\n skin=\"plain\"\n size=\"tiny\"\n alignItems=\"left\"\n removePadding\n borderRadius=\"6px\"\n onClick={onAdd}\n disabled={!!disabledReason}\n tooltipContent={disabledReason}\n >\n {t('cairo.editableTable.addItem.CTA')}\n </AddItem>\n </div>\n );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAA8D,IAAAG,YAAA;AAOvD,SAASC,UAAUA,CAAC;EAAEC,KAAK;EAAEC;AAAgC,CAAC,EAAE;EACrE,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,oBACEX,MAAA,CAAAY,OAAA,CAAAC,aAAA;IACE,aAAU,gBAAgB;IAC1BC,KAAK,EACH;MACEC,SAAS,EAAE,gCAAgC;MAC3CC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,YAAY;MACvBC,OAAO,EAAE,CAAC;MACV,2BAA2B,EAAE,sBAAsB;MACnD,qBAAqB,EAAE;IACzB,CACD;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEDvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,OAAO;IACNC,IAAI,EAAC,OAAO;IACZC,IAAI,EAAC,MAAM;IACXC,UAAU,EAAC,MAAM;IACjBC,aAAa;IACbC,YAAY,EAAC,KAAK;IAClBC,OAAO,EAAEvB,KAAM;IACfwB,QAAQ,EAAE,CAAC,CAACvB,cAAe;IAC3BwB,cAAc,EAAExB,cAAe;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9Bb,CAAC,CAAC,iCAAiC,CAC7B,CACN,CAAC;AAEV","ignoreList":[]}

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

@@ -49,11 +49,17 @@ function _EditableCell({
   // in select). startEdit resets editingValue, so it must come before setEditingValue.
   // For production cell types, consider the per-callback withEnterEdit pattern from cms-web.
   const handleChange = (0, _react.useCallback)(newValue => {
+    // A checkbox click is a toggle, same as Enter on the cell. Starting an
+    // edit here would report that click as Enter.
+    if (resolved != null && resolved.toggleValue) {
+      state.cellValue.toggleCell(rowKey, columnId);
+      return;
+    }
     if (!cellInteraction.isEditing) {
       cellInteraction.startEdit(rowKey, columnId, 'enter');
     }
     cellInteraction.setEditingValue(newValue);
-  }, [cellInteraction, rowKey, columnId]);
+  }, [resolved, state, cellInteraction, rowKey, columnId]);
   const handleCommit = (0, _react.useCallback)(() => cellInteraction.commitEdit(), [cellInteraction]);
   const handleCancel = (0, _react.useCallback)(() => cellInteraction.cancelEdit(), [cellInteraction]);
   const handleStartEdit = (0, _react.useCallback)(() => {
@@ -92,7 +98,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 118,
       columnNumber: 5
     }
   }) : /*#__PURE__*/_react.default.createElement(ViewComponent, {
@@ -105,7 +111,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 136,
       columnNumber: 5
     }
   });
@@ -148,7 +154,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 152,
       columnNumber: 7
     }
   }, EditWrapper ? /*#__PURE__*/_react.default.createElement(EditWrapper, {
@@ -158,7 +164,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 186,
       columnNumber: 11
     }
   }, cellContent) : cellContent), showErrorMessage && /*#__PURE__*/_react.default.createElement("div", {
@@ -169,7 +175,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 192,
+      lineNumber: 198,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -178,7 +184,7 @@ function _EditableCell({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 204,
       columnNumber: 11
     }
   }, (_cellValidation$error = cellValidation.errors) == null ? void 0 : _cellValidation$error.join(', '))));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_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","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","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","showErrorMessage","valid","showEdit","updateItemDisabled","toggleValue","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","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 { Text } from '@wix/design-system';\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 onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n onFocus,\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 isRangeSelection = cellInteraction.isRangeSelection;\n const isRowActive = cellInteraction.isRowActive(rowKey);\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 showErrorMessage = !cellValidation.valid && (isFocused \|\| 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 isEditable={isEditable}\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 <>\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n rowActive: isRowActive,\n rangeSelected: isSelected && isRangeSelection,\n invalid: !cellValidation.valid,\n readOnly: !isEditable,\n showEditWhenFocused: !!resolved.showEditWhenFocused,\n growable: !!resolved.growable,\n selectionTop: isRangeSelection && selectionBorder.top,\n selectionBottom: isRangeSelection && selectionBorder.bottom,\n selectionLeft: isRangeSelection && selectionBorder.left,\n selectionRight: isRangeSelection && 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 onFocus={onFocus}\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 {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 {showErrorMessage && (\n <div\n className={classes.errorMessage}\n data-hook=\"cell-error-message\"\n data-row-key={rowKey}\n data-column-id={columnId}\n >\n <Text size=\"small\" skin=\"error\">\n {cellValidation.errors?.join(', ')}\n </Text>\n </div>\n )}\n </>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_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","onFocus","_cellValidation$error","cellInteraction","clipboard","cellRef","useRef","editInputRef","column","_columnMap","keyedItem","_getKeyedItem","resolved","resolveCellTypeByColumnId","id","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","isRangeSelection","isRowActive","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","preventDefault","handleCellDoubleClick","handleChange","newValue","toggleValue","cellValue","toggleCell","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","handleStartEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showErrorMessage","valid","showEdit","updateItemDisabled","showEditWhenFocused","cellContent","createElement","editingValue","undefined","onChange","onCommit","onCancel","onStartEdit","inputRef","typeConfig","editTrigger","validation","__self","__source","fileName","lineNumber","columnNumber","EditWrapper","Fragment","ref","className","st","classes","root","editing","focused","rowActive","rangeSelected","invalid","readOnly","growable","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","tabIndex","errorMessage","Text","size","skin","errors","join","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 { Text } from '@wix/design-system';\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 onFocus?: () => void;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n onFocus,\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 isRangeSelection = cellInteraction.isRangeSelection;\n const isRowActive = cellInteraction.isRowActive(rowKey);\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 // A checkbox click is a toggle, same as Enter on the cell. Starting an\n // edit here would report that click as Enter.\n if (resolved?.toggleValue) {\n state.cellValue.toggleCell(rowKey, columnId);\n return;\n }\n if (!cellInteraction.isEditing) {\n cellInteraction.startEdit(rowKey, columnId, 'enter');\n }\n cellInteraction.setEditingValue(newValue);\n },\n [resolved, state, 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 showErrorMessage = !cellValidation.valid && (isFocused \|\| 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 isEditable={isEditable}\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 <>\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n rowActive: isRowActive,\n rangeSelected: isSelected && isRangeSelection,\n invalid: !cellValidation.valid,\n readOnly: !isEditable,\n showEditWhenFocused: !!resolved.showEditWhenFocused,\n growable: !!resolved.growable,\n selectionTop: isRangeSelection && selectionBorder.top,\n selectionBottom: isRangeSelection && selectionBorder.bottom,\n selectionLeft: isRangeSelection && selectionBorder.left,\n selectionRight: isRangeSelection && 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 onFocus={onFocus}\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 {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 {showErrorMessage && (\n <div\n className={classes.errorMessage}\n data-hook=\"cell-error-message\"\n data-row-key={rowKey}\n data-column-id={columnId}\n >\n <Text size=\"small\" skin=\"error\">\n {cellValidation.errors?.join(', ')}\n </Text>\n </div>\n )}\n </>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "EditableCell63700743";
+var _namespace_ = "EditableCell84838942";
 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": "EditableCell63700743__root",
-  "errorMessage": "EditableCell63700743__errorMessage"
+  "root": "EditableCell84838942__root",
+  "errorMessage": "EditableCell84838942__errorMessage"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~EditableCell63700743~~\";\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\":\"~~EditableCell63700743__root~~\",\"errorMessage\":\"~~EditableCell63700743__errorMessage~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,cAAc,EAAC;AAAoC,CAAC;AACvG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
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_ = \"EditableCell84838942\";\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\":\"EditableCell84838942__root\",\"errorMessage\":\"EditableCell84838942__errorMessage\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-raised\":\"--wds-color-fill-surface-raised\",\"wds-color-border-dark-secondary\":\"--wds-color-border-dark-secondary\",\"wds-color-black-750\":\"--wds-color-black-750\",\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-border-width-default\":\"--wds-border-width-default\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-popover-fill\":\"--wds-popover-fill\",\"wds-popover-border-radius\":\"--wds-popover-border-radius\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-D60\":\"--wsr-color-D60\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-text-standard-primary\":\"--wds-color-text-standard-primary\",\"wds-color-text-disabled\":\"--wds-color-text-disabled\",\"wds-color-black-700\":\"--wds-color-black-700\",\"wsr-color-D10-30\":\"--wsr-color-D10-30\",\"wsr-color-D70\":\"--wsr-color-D70\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,cAAc,EAAC;AAAoC,CAAC;AACvG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,+BAA+B,EAAC,iCAAiC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,0BAA0B,EAAC,4BAA4B;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,2BAA2B,EAAC,6BAA6B;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,yBAAyB,EAAC,2BAA2B;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,kBAAkB,EAAC,oBAAoB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -53,6 +53,7 @@ function _EditableTable(props) {
   const builtInActions = (0, _useHeaderActions.useHeaderActions)(state, editableColumns, hideHeaderActions);
   const {
     showAddItemRow,
+    addItemDisabledReason,
     handleAddItem
   } = (0, _useAddRow.useAddRow)(state);
   const tableColumns = (0, _react.useMemo)(() => editableColumns.map(col => ({
@@ -70,13 +71,20 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 111,
+          lineNumber: 113,
           columnNumber: 13
         }
       }) : null;
     }
   })), [editableColumns, state, builtInActions, onCellFocus]);
-  const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction);
+  const reportContextMenuOpenChange = (0, _react.useCallback)((isOpened, cell) => {
+    state.bi.menuOpened({
+      menuType: 'Cell Context Menu',
+      isOpened,
+      cell
+    });
+  }, [state]);
+  const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction, reportContextMenuOpenChange);
   const invalidCellKeys = new Set(state.cellValue._pendingCells.keys());
   const hasInvalidRows = invalidCellKeys.size > 0;
   const rowStatus = row => {
@@ -91,7 +99,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 158,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -106,7 +114,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 144,
+      lineNumber: 159,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -123,16 +131,17 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 154,
+      lineNumber: 169,
       columnNumber: 9
     }
   }), showAddItemRow && /*#__PURE__*/_react.default.createElement(_AddItemRow.AddItemRow, {
     onAdd: handleAddItem,
+    disabledReason: addItemDisabledReason,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
-      columnNumber: 30
+      lineNumber: 181,
+      columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
     state: state,
@@ -143,7 +152,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 168,
+      lineNumber: 188,
       columnNumber: 7
     }
   }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
@@ -152,7 +161,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 196,
       columnNumber: 9
     }
   })), state.toolbar.collectionFieldsSource && /*#__PURE__*/_react.default.createElement(_FieldManagementModals.FieldManagementModals, {
@@ -160,14 +169,14 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 202,
       columnNumber: 9
     }
   }), children, /*#__PURE__*/_react.default.createElement(_patternsFields.GlobalAudioPlayer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 205,
       columnNumber: 7
     }
   }));

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

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

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

@@ -69,6 +69,7 @@ function EditableTableUniDriver(base, body) {
     getContextMenu: () => (0, _EditableTableContextMenuUni.EditableTableContextMenuUniDriver)(base, body),
     /** Get the add item row driver */
     getAddItemRow: () => (0, _unidriver.AddItemUniDriver)(base.$('[data-hook="add-row-button"]'), body),
+    isAddItemRowDisabled: async () => (await base.$('[data-hook="add-row-button"] button').attr('disabled')) !== null,
     /** 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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_TableUni","_EditableCellUni","_EditableTableContextMenuUni","_EditableColumnHeaderUni","fireEvent","process","env","NODE_ENV","EditableTableUniDriver","base","body","table","TableUniDriver","dispatchClipboardWrite","type","el","getNative","text","event","Object","assign","Event","bubbles","cancelable","clipboardData","setData","_format","value","dispatchEvent","defaultPrevented","getRows","$$","getCells","getColumnsCount","count","getColumnHeaders","map","th","getCell","rowKey","columnId","EditableCellUniDriver","$","getCellByIndex","rowIdx","colIdx","row","get","cell","getCellsCount","hasRowError","exists","getRowErrorMessage","TooltipUniDriver","getTooltipText","waitForRow","timeout","wait","getHeaderActions","EditableColumnHeaderUniDriver","getContextMenu","EditableTableContextMenuUniDriver","getAddItemRow","AddItemUniDriver","pressKey","key","opts","keyDown","KeyboardEvent","dispatchCopy","dispatchCopyEvent","dispatchCutEvent","dispatchPaste","getData","_default","exports","default"],"sources":["../../../../src/components/EditableTable/EditableTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n AddItemUniDriver,\n TooltipUniDriver,\n} 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 dispatchClipboardWrite = async (type: 'copy' \| 'cut') => {\n const el = await base.getNative();\n let text = '';\n const event = Object.assign(\n new Event(type, { bubbles: true, cancelable: true }),\n {\n clipboardData: {\n setData: (_format: string, value: string) => {\n text = value;\n },\n },\n },\n );\n el.dispatchEvent(event);\n return { text, defaultPrevented: event.defaultPrevented };\n };\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 /* Whether the row shows the error indicator in its status slot /\n hasRowError: (rowKey: string) =>\n base\n .$(\n `[data-hook=\"table-row-${rowKey}\"] [data-hook=\"row-status-indicator\"]`,\n )\n .exists(),\n\n /* Text of the tooltip on the row's error indicator, or null when the row\n * has no error. WDS renders it in a Tooltip, so it hovers the indicator\n * and reads the popover — the text is not in the DOM otherwise. /\n getRowErrorMessage: (rowKey: string) =>\n TooltipUniDriver(\n base.$(\n `[data-hook=\"table-row-${rowKey}\"] [data-hook=\"row-status-cell\"] [data-content-hook]`,\n ),\n body,\n ).getTooltipText(),\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 copy event on the table container and return its text payload /\n dispatchCopy: async () => (await dispatchClipboardWrite('copy')).text,\n\n /* Dispatch a copy event and return its payload and browser-fallback state. /\n dispatchCopyEvent: () => dispatchClipboardWrite('copy'),\n\n /* Dispatch a cut event and return its payload and browser-fallback state. /\n dispatchCutEvent: () => dispatchClipboardWrite('cut'),\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(\n new Event('paste', { bubbles: true, cancelable: true }),\n { clipboardData: { getData: () => text } },\n );\n el.dispatchEvent(event);\n },\n };\n}\n\nexport default EditableTableUniDriver;\n"],"mappings":"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~~IAEhE~~;~~IACAsD~~,QAAQ,EAAE,MAAAA,CAAOC,GAAW,EAAEC,IAA8B,KAAK;MAC/D,~~MAAMnD~~,EAAE,GAAG,MAAMN,IAAI,CAACO,SAAS,CAAC,CAAC;MACjC,IAAIZ,SAAS,EAAE;QACbA,SAAS,~~CAAC+D~~,OAAO,~~CAACpD~~,EAAE,EAAE;~~UAAEkD~~,GAAG;UAAE,GAAGC;QAAK,CAAC,CAAC;MACzC,CAAC,MAAM;~~QACLnD~~,EAAE,CAACa,aAAa,CACd,~~IAAIwC~~,aAAa,CAAC,SAAS,EAAE;UAAEH,GAAG;~~UAAE3C~~,OAAO,EAAE,IAAI;UAAE,~~GAAG4C~~;QAAK,CAAC,CAC9D,CAAC;MACH;IACF,CAAC;IAED;IACAG,YAAY,EAAE,MAAAA,CAAA,KAAY,CAAC,~~MAAMxD~~,sBAAsB,CAAC,MAAM,CAAC,EAAEI,IAAI;IAErE;~~IACAqD~~,iBAAiB,EAAEA,CAAA,~~KAAMzD~~,sBAAsB,CAAC,MAAM,CAAC;IAEvD;~~IACA0D~~,gBAAgB,EAAEA,CAAA,~~KAAM1D~~,sBAAsB,CAAC,KAAK,CAAC;IAErD;~~IACA2D~~,aAAa,EAAE,~~MAAOvD~~,IAAY,IAAK;MACrC,MAAMF,EAAE,GAAG,MAAMN,IAAI,CAACO,SAAS,CAAC,CAAC;MACjC,MAAME,KAAK,GAAGC,MAAM,CAACC,MAAM,CACzB,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEC,OAAO,EAAE,IAAI;QAAEC,UAAU,EAAE;MAAK,CAAC,CAAC,EACvD;QAAEC,aAAa,EAAE;~~UAAEiD~~,OAAO,EAAEA,CAAA,~~KAAMxD~~;QAAK;MAAE,CAC3C,CAAC;MACDF,EAAE,CAACa,aAAa,CAACV,KAAK,CAAC;IACzB;EACF,CAAC;AACH;AAAC,~~IAAAwD~~,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEcpE~~,sBAAsB","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_TableUni","_EditableCellUni","_EditableTableContextMenuUni","_EditableColumnHeaderUni","fireEvent","process","env","NODE_ENV","EditableTableUniDriver","base","body","table","TableUniDriver","dispatchClipboardWrite","type","el","getNative","text","event","Object","assign","Event","bubbles","cancelable","clipboardData","setData","_format","value","dispatchEvent","defaultPrevented","getRows","$$","getCells","getColumnsCount","count","getColumnHeaders","map","th","getCell","rowKey","columnId","EditableCellUniDriver","$","getCellByIndex","rowIdx","colIdx","row","get","cell","getCellsCount","hasRowError","exists","getRowErrorMessage","TooltipUniDriver","getTooltipText","waitForRow","timeout","wait","getHeaderActions","EditableColumnHeaderUniDriver","getContextMenu","EditableTableContextMenuUniDriver","getAddItemRow","AddItemUniDriver","isAddItemRowDisabled","attr","pressKey","key","opts","keyDown","KeyboardEvent","dispatchCopy","dispatchCopyEvent","dispatchCutEvent","dispatchPaste","getData","_default","exports","default"],"sources":["../../../../src/components/EditableTable/EditableTable.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n AddItemUniDriver,\n TooltipUniDriver,\n} 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 dispatchClipboardWrite = async (type: 'copy' \| 'cut') => {\n const el = await base.getNative();\n let text = '';\n const event = Object.assign(\n new Event(type, { bubbles: true, cancelable: true }),\n {\n clipboardData: {\n setData: (_format: string, value: string) => {\n text = value;\n },\n },\n },\n );\n el.dispatchEvent(event);\n return { text, defaultPrevented: event.defaultPrevented };\n };\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 /* Whether the row shows the error indicator in its status slot /\n hasRowError: (rowKey: string) =>\n base\n .$(\n `[data-hook=\"table-row-${rowKey}\"] [data-hook=\"row-status-indicator\"]`,\n )\n .exists(),\n\n /* Text of the tooltip on the row's error indicator, or null when the row\n * has no error. WDS renders it in a Tooltip, so it hovers the indicator\n * and reads the popover — the text is not in the DOM otherwise. /\n getRowErrorMessage: (rowKey: string) =>\n TooltipUniDriver(\n base.$(\n `[data-hook=\"table-row-${rowKey}\"] [data-hook=\"row-status-cell\"] [data-content-hook]`,\n ),\n body,\n ).getTooltipText(),\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 isAddItemRowDisabled: async () =>\n (await base.$('[data-hook=\"add-row-button\"] button').attr('disabled')) !==\n null,\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 copy event on the table container and return its text payload /\n dispatchCopy: async () => (await dispatchClipboardWrite('copy')).text,\n\n /* Dispatch a copy event and return its payload and browser-fallback state. /\n dispatchCopyEvent: () => dispatchClipboardWrite('copy'),\n\n /* Dispatch a cut event and return its payload and browser-fallback state. /\n dispatchCutEvent: () => dispatchClipboardWrite('cut'),\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(\n new Event('paste', { bubbles: true, cancelable: 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 CHANGED Viewed

@@ -18,6 +18,7 @@ const PADDING = 16;
 const OFFSET_X = 4;
 const OFFSET_Y = 4;
 const CONTEXT_MENU_Z_INDEX = 5001;
+const ADD_ROW_OPTION_IDS = ['add-above', 'add-below', 'duplicate'];
 const SURFACE_BACKGROUND = 'var(--wds-color-fill-surface-overlay, var(--wsr-color-D80, #FFFFFF))';
 const SURFACE_BORDER_RADIUS = 'var(--wds-border-radius-surface-overlay, 8px)';
 const SURFACE_BOX_SHADOW = 'var(--wds-shadow-surface-overlay, var(--wsr-shadow30, 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12)))';
@@ -46,7 +47,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 68,
         columnNumber: 9
       }
     }, built.value(args)), /*#__PURE__*/_react.default.createElement("span", {
@@ -55,7 +56,7 @@ const buildMenuAction = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 68,
+        lineNumber: 76,
         columnNumber: 9
       }
     }, disabledDescription))
@@ -75,19 +76,18 @@ function _EditableTableContextMenu({
     cellInteraction,
     clipboard,
     collection,
-    addItemDisabled,
     updateItemDisabled,
     removeItemDisabled
   } = state;
   const handleCopy = (0, _react.useCallback)(async () => {
-    const tsv = clipboard.copy();
+    const tsv = clipboard.copy('Context Menu');
     try {
       await navigator.clipboard.writeText(tsv);
     } catch {}
     onClose();
   }, [clipboard, onClose]);
   const handleCut = (0, _react.useCallback)(async () => {
-    const tsv = clipboard.cut();
+    const tsv = clipboard.cut('Context Menu');
     try {
       await navigator.clipboard.writeText(tsv);
     } catch {}
@@ -99,12 +99,12 @@ function _EditableTableContextMenu({
     }
     try {
       const rawData = await navigator.clipboard.readText();
-      clipboard.paste(rawData);
+      clipboard.paste(rawData, 'Context Menu');
     } catch {}
     onClose();
   }, [cellInteraction, clipboard, onClose]);
   const handleClear = (0, _react.useCallback)(() => {
-    state.clearCells(cellInteraction.selectedCellsList);
+    state.clearCells(cellInteraction.selectedCellsList, 'Context Menu');
     onClose();
   }, [state, cellInteraction, onClose]);
   if (!position || !cell) {
@@ -128,7 +128,8 @@ function _EditableTableContextMenu({
   const options = [];
   const isDeleteDisabledFor = rowKeys => rowKeys.length > 1 ? state.isMultiDeleteDisabled(rowKeys) : state.isRowDeleteDisabled(rowKeys[0] ?? cell.rowKey);
   const deleteDisabledReasonFor = rowKeys => removeItemDisabled ? t('cairo.editableTable.contextMenu.deleteRow.noPermission.tooltip') : rowKeys.length > 1 && state.multiDeleteDisabled ? t('cairo.editableTable.contextMenu.deleteRows.noPermissionMulti.tooltip') : rowKeys.length > 1 ? t('cairo.editableTable.contextMenu.deleteRows.someNotDeletable.tooltip') : state.rowDeleteDisabledReason(rowKeys[0] ?? cell.rowKey) ?? t('cairo.editableTable.contextMenu.deleteRow.notDeletable.tooltip');
-  const addDisabledReason = addItemDisabled ? t('cairo.editableTable.contextMenu.addRow.noPermission.tooltip') : undefined;
+  const addItemDisabled = state.isAddItemDisabled();
+  const addDisabledReason = addItemDisabled ? state.addItemDisabledReason() ?? t('cairo.editableTable.contextMenu.addRow.noPermission.tooltip') : undefined;
   const updateDisabledReason = updateItemDisabled ? t('cairo.editableTable.contextMenu.editRow.noPermission.tooltip') : undefined;
   const pushRowActions = targetKeys => {
     if (targetKeys.length === 1) {
@@ -139,7 +140,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 194,
+            lineNumber: 203,
             columnNumber: 23
           }
         }),
@@ -152,7 +153,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 201,
+            lineNumber: 210,
             columnNumber: 23
           }
         }),
@@ -165,7 +166,7 @@ function _EditableTableContextMenu({
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 208,
+            lineNumber: 217,
             columnNumber: 23
           }
         }),
@@ -187,7 +188,7 @@ function _EditableTableContextMenu({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 223,
+          lineNumber: 232,
           columnNumber: 21
         }
       }),
@@ -214,7 +215,7 @@ function _EditableTableContextMenu({
             __self: this,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 248,
+              lineNumber: 257,
               columnNumber: 25
             }
           }),
@@ -270,6 +271,9 @@ function _EditableTableContextMenu({
   // the cursor otherwise.
   const targetRowKey = isRowSelectionMode && selectedRowKeys.length === 1 ? selectedRowKeys[0] : cell.rowKey;
   const handleSelect = option => {
+    if (ADD_ROW_OPTION_IDS.includes(option.id) && state.isAddItemDisabled()) {
+      return;
+    }
     switch (option.id) {
       case 'copy':
         handleCopy();
@@ -327,7 +331,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 377,
+      lineNumber: 389,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DropdownLayout, {
@@ -341,7 +345,7 @@ function _EditableTableContextMenu({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 392,
+      lineNumber: 404,
       columnNumber: 7
     }
   })), document.body);