npm - @wix/patterns - Versions diffs - 1.374.0 → 1.377.0 - Mend

@wix/patterns 1.374.0 → 1.377.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 (693) hide show

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

	@@ -1 +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","resolveCellType","cellType","value","getCellDisplayValue","cellValidation","getCellValidation","isFocused","isCellFocused","isEditing","isCellEditing","isSelected","isCellSelected","selectionBorder","getSelectionBorder","copiedBorder","getCopiedBorder","isEditable","isCellEditable","handleClick","useCallback","stopPropagation","handleCellClick","shiftKey","handleDoubleClick","handleCellDoubleClick","handleChange","newValue","startEdit","setEditingValue","handleCommit","commitEdit","handleCancel","cancelEdit","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","editingValue","showValidationIndicator","valid","showEdit","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","onChange","onCommit","onCancel","inputRef","typeConfig","editTrigger","EditableCell","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableCell.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { Tooltip } from '@wix/design-system';\nimport { StatusWarningFilledSmall } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './EditableCell.st.css.js';\nimport type { EditableTableState } from '../../state/EditableTable';\nimport { useCellFocusAndEditing } from './useCellFocusAndEditing';\n\nexport interface EditableCellProps<T, F extends FiltersMap> {\n state: EditableTableState<T, F>;\n rowKey: string;\n columnId: string;\n}\n\nfunction _EditableCell<T, F extends FiltersMap>({\n state,\n rowKey,\n columnId,\n}: EditableCellProps<T, F>) {\n const { cellInteraction, clipboard } = state;\n const cellRef = useRef<HTMLDivElement>(null);\n const editInputRef = useRef<any>(null);\n\n const column = state._columnMap.get(columnId);\n const keyedItem = state._getKeyedItem(rowKey);\n const resolved = column ? state.resolveCellType(column.cellType) : null;\n const value = state.getCellDisplayValue(rowKey, columnId);\n const cellValidation = state.getCellValidation(rowKey, columnId);\n\n const isFocused = cellInteraction.isCellFocused(rowKey, columnId);\n const isEditing = cellInteraction.isCellEditing(rowKey, columnId);\n const isSelected = cellInteraction.isCellSelected(rowKey, columnId);\n const selectionBorder = cellInteraction.getSelectionBorder(rowKey, columnId);\n const copiedBorder = clipboard.getCopiedBorder(rowKey, columnId);\n const isEditable = state.isCellEditable(rowKey, columnId);\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellClick(rowKey, columnId, e.shiftKey);\n },\n [state, rowKey, columnId],\n );\n\n const handleDoubleClick = useCallback(\n (e: React.MouseEvent) => {\n e.stopPropagation();\n state.handleCellDoubleClick(rowKey, columnId);\n },\n [state, rowKey, columnId],\n );\n\n // 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 cellKeyboard = useCellFocusAndEditing({\n state,\n rowKey,\n columnId,\n cellRef,\n editInputRef,\n });\n\n if (!column \|\| !keyedItem \|\| !resolved) {\n return null;\n }\n\n const { ViewComponent, EditComponent } = resolved;\n const editingValue = cellInteraction.editingValue;\n const showValidationIndicator = !cellValidation.valid && !isEditing;\n\n const showEdit = isFocused && isEditable && EditComponent;\n\n return (\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n selected: isSelected,\n invalid: !cellValidation.valid,\n selectionTop: selectionBorder.top,\n selectionBottom: selectionBorder.bottom,\n selectionLeft: selectionBorder.left,\n selectionRight: selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid \|\| undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing \|\| undefined}\n >\n {showValidationIndicator && (\n <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n <span data-hook=\"validation-indicator\">\n <StatusWarningFilledSmall className={classes.validationIndicator} />\n </span>\n </Tooltip>\n )}\n {showEdit ? (\n <EditComponent\n value={editingValue !== undefined ? editingValue : value}\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n />\n ) : (\n <ViewComponent value={value} typeConfig={column.typeConfig} />\n )}\n </div>\n );\n}\n\nexport const EditableCell = observer(_EditableCell);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,kBAAA,GAAAJ,OAAA;AAEA,IAAAK,uBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,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;AAQlE,SAASkB,aAAaA,CAA0B;EAC9CC,KAAK;EACLC,MAAM;EACNC;AACuB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC1B,MAAM;IAAEC,eAAe;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAC5C,MAAMM,OAAO,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAC5C,MAAMC,YAAY,GAAG,IAAAD,aAAM,EAAM,IAAI,CAAC;EAEtC,MAAME,MAAM,GAAGT,KAAK,CAACU,UAAU,CAAClB,GAAG,CAACU,QAAQ,CAAC;EAC7C,MAAMS,SAAS,GAAGX,KAAK,CAACY,aAAa,CAACX,MAAM,CAAC;EAC7C,MAAMY,QAAQ,GAAGJ,MAAM,GAAGT,KAAK,CAACc,eAAe,CAACL,MAAM,CAACM,QAAQ,CAAC,GAAG,IAAI;EACvE,MAAMC,KAAK,GAAGhB,KAAK,CAACiB,mBAAmB,CAAChB,MAAM,EAAEC,QAAQ,CAAC;EACzD,MAAMgB,cAAc,GAAGlB,KAAK,CAACmB,iBAAiB,CAAClB,MAAM,EAAEC,QAAQ,CAAC;EAEhE,MAAMkB,SAAS,GAAGhB,eAAe,CAACiB,aAAa,CAACpB,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMoB,SAAS,GAAGlB,eAAe,CAACmB,aAAa,CAACtB,MAAM,EAAEC,QAAQ,CAAC;EACjE,MAAMsB,UAAU,GAAGpB,eAAe,CAACqB,cAAc,CAACxB,MAAM,EAAEC,QAAQ,CAAC;EACnE,MAAMwB,eAAe,GAAGtB,eAAe,CAACuB,kBAAkB,CAAC1B,MAAM,EAAEC,QAAQ,CAAC;EAC5E,MAAM0B,YAAY,GAAGvB,SAAS,CAACwB,eAAe,CAAC5B,MAAM,EAAEC,QAAQ,CAAC;EAChE,MAAM4B,UAAU,GAAG9B,KAAK,CAAC+B,cAAc,CAAC9B,MAAM,EAAEC,QAAQ,CAAC;EAEzD,MAAM8B,WAAW,GAAG,IAAAC,kBAAW,EAC5BrD,CAAmB,IAAK;IACvBA,CAAC,CAACsD,eAAe,CAAC,CAAC;IACnBlC,KAAK,CAACmC,eAAe,CAAClC,MAAM,EAAEC,QAAQ,EAAEtB,CAAC,CAACwD,QAAQ,CAAC;EACrD,CAAC,EACD,CAACpC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAC1B,CAAC;EAED,MAAMmC,iBAAiB,GAAG,IAAAJ,kBAAW,EAClCrD,CAAmB,IAAK;IACvBA,CAAC,CAACsD,eAAe,CAAC,CAAC;IACnBlC,KAAK,CAACsC,qBAAqB,CAACrC,MAAM,EAAEC,QAAQ,CAAC;EAC/C,CAAC,EACD,CAACF,KAAK,EAAEC,MAAM,EAAEC,QAAQ,CAC1B,CAAC;;EAED;EACA;EACA;EACA,MAAMqC,YAAY,GAAG,IAAAN,kBAAW,EAC7BO,QAAa,IAAK;IACjB,IAAI,CAACpC,eAAe,CAACkB,SAAS,EAAE;MAC9BlB,eAAe,CAACqC,SAAS,CAACxC,MAAM,EAAEC,QAAQ,EAAE,OAAO,CAAC;IACtD;IACAE,eAAe,CAACsC,eAAe,CAACF,QAAQ,CAAC;EAC3C,CAAC,EACD,CAACpC,eAAe,EAAEH,MAAM,EAAEC,QAAQ,CACpC,CAAC;EAED,MAAMyC,YAAY,GAAG,IAAAV,kBAAW,EAC9B,MAAM7B,eAAe,CAACwC,UAAU,CAAC,CAAC,EAClC,CAACxC,eAAe,CAClB,CAAC;EAED,MAAMyC,YAAY,GAAG,IAAAZ,kBAAW,EAC9B,MAAM7B,eAAe,CAAC0C,UAAU,CAAC,CAAC,EAClC,CAAC1C,eAAe,CAClB,CAAC;EAED,MAAM2C,YAAY,GAAG,IAAAC,8CAAsB,EAAC;IAC1ChD,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRI,OAAO;IACPE;EACF,CAAC,CAAC;EAEF,IAAI,CAACC,MAAM,IAAI,CAACE,SAAS,IAAI,CAACE,QAAQ,EAAE;IACtC,OAAO,IAAI;EACb;EAEA,MAAM;IAAEoC,aAAa;IAAEC;EAAc,CAAC,GAAGrC,QAAQ;EACjD,MAAMsC,YAAY,GAAG/C,eAAe,CAAC+C,YAAY;EACjD,MAAMC,uBAAuB,GAAG,CAAClC,cAAc,CAACmC,KAAK,IAAI,CAAC/B,SAAS;EAEnE,MAAMgC,QAAQ,GAAGlC,SAAS,IAAIU,UAAU,IAAIoB,aAAa;EAEzD,oBACE/E,MAAA,CAAAmB,OAAA,CAAAiE,aAAA;IACEC,GAAG,EAAElD,OAAQ;IACbmD,SAAS,EAAE,IAAAC,qBAAE,EAACC,0BAAO,CAACC,IAAI,EAAE;MAC1BC,OAAO,EAAEvC,SAAS;MAClBwC,OAAO,EAAE1C,SAAS;MAClB2C,QAAQ,EAAEvC,UAAU;MACpBwC,OAAO,EAAE,CAAC9C,cAAc,CAACmC,KAAK;MAC9BY,YAAY,EAAEvC,eAAe,CAACwC,GAAG;MACjCC,eAAe,EAAEzC,eAAe,CAAC0C,MAAM;MACvCC,aAAa,EAAE3C,eAAe,CAAC4C,IAAI;MACnCC,cAAc,EAAE7C,eAAe,CAAC8C,KAAK;MACrCC,SAAS,EAAE7C,YAAY,CAACsC,GAAG;MAC3BQ,YAAY,EAAE9C,YAAY,CAACwC,MAAM;MACjCO,UAAU,EAAE/C,YAAY,CAAC0C,IAAI;MAC7BM,WAAW,EAAEhD,YAAY,CAAC4C;IAC5B,CAAC,CAAE;IACHK,OAAO,EAAE7C,WAAY;IACrB8C,aAAa,EAAEzC,iBAAkB;IACjC0C,SAAS,EAAEhC,YAAY,CAACgC,SAAU;IAClCC,IAAI,EAAC,UAAU;IACf,iBAAexD,UAAW;IAC1B,iBAAe,CAACM,UAAW;IAC3B,gBAAc,CAACZ,cAAc,CAACmC,KAAK,IAAI4B,SAAU;IACjDC,QAAQ,EAAE9D,SAAS,GAAG,CAAC,GAAG,CAAC,CAAE;IAC7B,gBAAcnB,MAAO;IACrB,kBAAgBC,QAAS;IACzB,gBAAcoB,SAAS,IAAI2D,SAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpCnC,uBAAuB,iBACtBjF,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAChF,aAAA,CAAAiH,OAAO;IAACC,OAAO,GAAAtF,qBAAA,GAAEe,cAAc,CAACwE,MAAM,qBAArBvF,qBAAA,CAAuBwF,IAAI,CAAC,IAAI,CAAE;IAACC,QAAQ,EAAC,QAAQ;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpEpH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA;IAAM,aAAU,sBAAsB;IAAA4B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpCpH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAAC/E,iBAAA,CAAAqH,wBAAwB;IAACpC,SAAS,EAAEE,0BAAO,CAACmC,mBAAoB;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC/D,CACC,CACV,EACAjC,QAAQ,gBACPnF,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACL,aAAa;IACZlC,KAAK,EAAEmC,YAAY,KAAK8B,SAAS,GAAG9B,YAAY,GAAGnC,KAAM;IACzD+E,QAAQ,EAAExD,YAAa;IACvByD,QAAQ,EAAErD,YAAa;IACvBsD,QAAQ,EAAEpD,YAAa;IACvBqD,QAAQ,EAAE1F,YAAa;IACvB2F,UAAU,EAAE1F,MAAM,CAAC0F,UAAW;IAC9BC,WAAW,EAAEhG,eAAe,CAACgG,WAAY;IAAAjB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC1C,CAAC,gBAEFpH,MAAA,CAAAmB,OAAA,CAAAiE,aAAA,CAACN,aAAa;IAACjC,KAAK,EAAEA,KAAM;IAACmF,UAAU,EAAE1F,MAAM,CAAC0F,UAAW;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1G,YAAA;MAAA2G,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAE5D,CAAC;AAEV;AAEO,MAAMc,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,uBAAQ,EAACxG,aAAa,CAAC","ignoreList":[]}
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","cellKeyboard","useCellFocusAndEditing","ViewComponent","EditComponent","showValidationIndicator","valid","showEdit","toggleValue","createElement","ref","className","st","classes","root","editing","focused","selected","invalid","typeToEdit","onTypeToEdit","selectionTop","top","selectionBottom","bottom","selectionLeft","left","selectionRight","right","copiedTop","copiedBottom","copiedLeft","copiedRight","onClick","onDoubleClick","onKeyDown","role","undefined","tabIndex","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","errors","join","appendTo","StatusWarningFilledSmall","validationIndicator","editingValue","onChange","onCommit","onCancel","inputRef","typeConfig","editTrigger","validation","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 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 \|\| (isFocused && isEditable && !!resolved.toggleValue)) &&\n EditComponent;\n\n return (\n <div\n ref={cellRef}\n className={st(classes.root, {\n editing: isEditing,\n focused: isFocused,\n selected: isSelected,\n invalid: !cellValidation.valid,\n typeToEdit: !!resolved.onTypeToEdit,\n selectionTop: selectionBorder.top,\n selectionBottom: selectionBorder.bottom,\n selectionLeft: selectionBorder.left,\n selectionRight: selectionBorder.right,\n copiedTop: copiedBorder.top,\n copiedBottom: copiedBorder.bottom,\n copiedLeft: copiedBorder.left,\n copiedRight: copiedBorder.right,\n })}\n onClick={handleClick}\n onDoubleClick={handleDoubleClick}\n onKeyDown={cellKeyboard.onKeyDown}\n role=\"gridcell\"\n aria-selected={isSelected}\n aria-readonly={!isEditable}\n aria-invalid={!cellValidation.valid \|\| undefined}\n tabIndex={isFocused ? 0 : -1}\n data-row-key={rowKey}\n data-column-id={columnId}\n data-editing={isEditing \|\| undefined}\n >\n {showValidationIndicator && (\n <Tooltip content={cellValidation.errors?.join(', ')} appendTo=\"window\">\n <span data-hook=\"validation-indicator\">\n <StatusWarningFilledSmall className={classes.validationIndicator} />\n </span>\n </Tooltip>\n )}\n {showEdit ? (\n <EditComponent\n value={cellInteraction.editingValue !== undefined ? cellInteraction.editingValue : value}\n onChange={handleChange}\n onCommit={handleCommit}\n onCancel={handleCancel}\n inputRef={editInputRef}\n typeConfig={column.typeConfig}\n editTrigger={cellInteraction.editTrigger}\n validation={column.validation}\n />\n ) : (\n <ViewComponent value={value} typeConfig={column.typeConfig} validation={column.validation} />\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 CHANGED Viewed

@@ -5,11 +5,12 @@
 :global(td):has(> .root) {
   position: relative;
+  overflow: visible;
   min-height: 24px;
 }
 .root {
-  -st-states: editing, focused, selected, invalid, selectionTop, selectionBottom,
+  -st-states: editing, focused, selected, invalid, typeToEdit, selectionTop, selectionBottom,
     selectionLeft, selectionRight, copiedTop, copiedBottom, copiedLeft,
     copiedRight;
   display: flex;
@@ -44,12 +45,22 @@
   z-index: 3;
   user-select: auto;
   overflow: visible;
+  bottom: auto;
+  min-height: 100%;
 }
-.root:selectionTop { border-top: 2px solid var(--wsr-color-B10); }
-.root:selectionBottom { border-bottom: 2px solid var(--wsr-color-B10); }
-.root:selectionLeft { border-left: 2px solid var(--wsr-color-B10); }
-.root:selectionRight { border-right: 2px solid var(--wsr-color-B10); }
+.root:selectionTop:not(:editing) { border-top: 2px solid var(--wsr-color-B10); }
+.root:selectionBottom:not(:editing) { border-bottom: 2px solid var(--wsr-color-B10); }
+.root:selectionLeft:not(:editing) { border-left: 2px solid var(--wsr-color-B10); }
+.root:selectionRight:not(:editing) { border-right: 2px solid var(--wsr-color-B10); }
+/* Type-to-edit cells (text, number, url, email): the keystroke lands directly in
+   the input, so keeping the selection border alongside the editing shadow is
+   intentional — it communicates "this cell is selected and being typed into". */
+.root:selectionTop:editing:typeToEdit { border-top: 2px solid var(--wsr-color-B10); }
+.root:selectionBottom:editing:typeToEdit { border-bottom: 2px solid var(--wsr-color-B10); }
+.root:selectionLeft:editing:typeToEdit { border-left: 2px solid var(--wsr-color-B10); }
+.root:selectionRight:editing:typeToEdit { border-right: 2px solid var(--wsr-color-B10); }
 .root:invalid:not(:editing) {
   background: rgba(229, 0, 77, 0.06);

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_ = "EditableCell4254905620";
+var _namespace_ = "EditableCell1967585030";
 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": "EditableCell4254905620__root",
-  "validationIndicator": "EditableCell4254905620__validationIndicator"
+  "root": "EditableCell1967585030__root",
+  "validationIndicator": "EditableCell1967585030__validationIndicator"
 };
 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_ = \"~~EditableCell4254905620~~\";\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\":\"~~EditableCell4254905620__root~~\",\"validationIndicator\":\"~~EditableCell4254905620__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":[]}
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_ = \"EditableCell1967585030\";\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\":\"EditableCell1967585030__root\",\"validationIndicator\":\"EditableCell1967585030__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

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

@@ -7,8 +7,8 @@ var _EditUni = require("./cellTypes/text/Edit.uni.driver");
 var _EditUni2 = require("./cellTypes/number/Edit.uni.driver");
 var _EditUni3 = require("./cellTypes/url/Edit.uni.driver");
 var _EditUni4 = require("./cellTypes/boolean/Edit.uni.driver");
-var _EditUni5 = require("./cellTypes/select/Edit.uni.driver");
-var _EditUni6 = require("./cellTypes/date/Edit.uni.driver");
+var _SpecificValuesEditUni = require("./cellTypes/text/SpecificValuesEdit.uni.driver");
+var _EditUni5 = require("./cellTypes/date/Edit.uni.driver");
 function EditableCellUniDriver(base, body) {
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
@@ -55,10 +55,10 @@ function EditableCellUniDriver(base, body) {
     getUrlEdit: () => (0, _EditUni3.UrlEditUniDriver)(base, body),
     /** Get the boolean cell edit driver (for boolean columns) */
     getBooleanEdit: () => (0, _EditUni4.BooleanEditUniDriver)(base, body),
-    /** Get the select cell edit driver (for select columns) */
-    getSelectEdit: () => (0, _EditUni5.SelectEditUniDriver)(base, body),
+    /** Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) */
+    getSpecificValuesEdit: () => (0, _SpecificValuesEditUni.SpecificValuesEditUniDriver)(base, body),
     /** Get the date cell edit driver (for date columns) */
-    getDateEdit: () => (0, _EditUni6.DateEditUniDriver)(base, body),
+    getDateEdit: () => (0, _EditUni5.DateEditUniDriver)(base, body),
     /** Right-click the cell (opens context menu) */
     rightClick: async () => {
       var _el$page2;

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","~~_EditUni5~~","~~_EditUni6~~","EditableCellUniDriver","base","body","baseUniDriverFactory","click","doubleClick","_el$page","el","getNative","page","evaluate","elementHandle","unwrap","clickCount","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","hasValidationIndicator","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","~~getSelectEdit~~","~~SelectEditUniDriver~~","getDateEdit","DateEditUniDriver","rightClick","_el$page2","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","_el$page3","boundingBox","pressKey","key","opts","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { ~~SelectEditUniDriver~~ } from './cellTypes/~~select~~/~~Edit~~.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n return {\n ...baseUniDriverFactory(base),\n\n /** Click the cell (focuses it) /\n click: () => base.click(),\n\n /* Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. /\n doubleClick: async () => {\n const el = await base.getNative();\n if (el.page?.evaluate) {\n const elementHandle = await base.unwrap();\n await elementHandle.click({ clickCount: 2 });\n } else {\n el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n }\n },\n\n /* Get the displayed text value of the cell /\n getDisplayValue: () => base.text(),\n\n /* Whether this cell is focused /\n isFocused: async () => (await base.attr('tabindex')) === '0',\n\n /* Whether this cell is in editing mode /\n isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n /* Whether this cell is selected (part of a selection range) /\n isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n /* Whether this cell is read-only (not editable) /\n isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n /* Whether this cell has a validation error /\n isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n /* Get the row key from data attribute /\n getRowKey: () => base.attr('data-row-key'),\n\n /* Get the column id from data attribute /\n getColumnId: () => base.attr('data-column-id'),\n\n /* Whether the cell contains a validation indicator icon /\n hasValidationIndicator: () =>\n base.$('[data-hook=\"validation-indicator\"]').exists(),\n\n /* Get the text cell edit driver (for text columns) /\n getTextEdit: () => TextEditUniDriver(base, body),\n\n /* Get the number cell edit driver (for number columns) /\n getNumberEdit: () => NumberEditUniDriver(base, body),\n\n /* Get the url cell edit driver (for url columns) /\n getUrlEdit: () => UrlEditUniDriver(base, body),\n\n /* Get the boolean cell edit driver (for boolean columns) /\n getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n /* Get the ~~select~~ ~~cell~~ edit driver (for ~~select~~ columns) /\n ~~getSelectEdit~~: () => ~~SelectEditUniDriver~~(base, body),\n\n /* Get the date cell edit driver (for date columns) /\n getDateEdit: () => DateEditUniDriver(base, body),\n\n /* Right-click the cell (opens context menu) /\n rightClick: async () => {\n const el = await base.getNative();\n if (el.page?.evaluate) {\n // Puppeteer — unwrap to get the actual ElementHandle\n const elementHandle = await base.unwrap();\n await elementHandle.click({ button: 'right' });\n } else {\n // jsdom HTMLElement\n const rect = el.getBoundingClientRect();\n el.dispatchEvent(\n new MouseEvent('contextmenu', {\n bubbles: true,\n clientX: rect.left + 5,\n clientY: rect.top + 5,\n }),\n );\n }\n },\n\n /* Get the bounding box of the cell — returns {x, y, width, height} in both Puppeteer and jsdom /\n getBoundingBox: async () => {\n const el = await base.getNative();\n if (el.page?.evaluate) {\n const elementHandle = await base.unwrap();\n return elementHandle.boundingBox();\n }\n return el.getBoundingClientRect();\n },\n\n /* Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n const el = await base.getNative();\n el.dispatchEvent(\n new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n );\n },\n };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,~~SAAA~~,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAEO,SAASO,qBAAqBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACtE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAE7B;IACAG,KAAK,EAAEA,CAAA,KAAMH,IAAI,CAACG,KAAK,CAAC,CAAC;IAEzB;IACAC,WAAW,EAAE,MAAAA,CAAA,KAAY;MAAA,IAAAC,QAAA;MACvB,MAAMC,EAAE,GAAG,MAAMN,IAAI,CAACO,SAAS,CAAC,CAAC;MACjC,KAAAF,QAAA,GAAIC,EAAE,CAACE,IAAI,aAAPH,QAAA,CAASI,QAAQ,EAAE;QACrB,MAAMC,aAAa,GAAG,MAAMV,IAAI,CAACW,MAAM,CAAC,CAAC;QACzC,MAAMD,aAAa,CAACP,KAAK,CAAC;UAAES,UAAU,EAAE;QAAE,CAAC,CAAC;MAC9C,CAAC,MAAM;QACLN,EAAE,CAACO,aAAa,CAAC,IAAIC,UAAU,CAAC,UAAU,EAAE;UAAEC,OAAO,EAAE;QAAK,CAAC,CAAC,CAAC;MACjE;IACF,CAAC;IAED;IACAC,eAAe,EAAEA,CAAA,KAAMhB,IAAI,CAACiB,IAAI,CAAC,CAAC;IAElC;IACAC,SAAS,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMlB,IAAI,CAACmB,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG;IAE5D;IACAC,SAAS,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMpB,IAAI,CAACmB,IAAI,CAAC,cAAc,CAAC,MAAM,MAAM;IAEnE;IACAE,UAAU,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMrB,IAAI,CAACmB,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;IAErE;IACAG,UAAU,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMtB,IAAI,CAACmB,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;IAErE;IACAI,SAAS,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMvB,IAAI,CAACmB,IAAI,CAAC,cAAc,CAAC,MAAM,MAAM;IAEnE;IACAK,SAAS,EAAEA,CAAA,KAAMxB,IAAI,CAACmB,IAAI,CAAC,cAAc,CAAC;IAE1C;IACAM,WAAW,EAAEA,CAAA,KAAMzB,IAAI,CAACmB,IAAI,CAAC,gBAAgB,CAAC;IAE9C;IACAO,sBAAsB,EAAEA,CAAA,KACtB1B,IAAI,CAAC2B,CAAC,CAAC,oCAAoC,CAAC,CAACC,MAAM,CAAC,CAAC;IAEvD;IACAC,WAAW,EAAEA,CAAA,KAAM,IAAAC,0BAAiB,EAAC9B,IAAI,EAAEC,IAAI,CAAC;IAEhD;IACA8B,aAAa,EAAEA,CAAA,KAAM,IAAAC,6BAAmB,EAAChC,IAAI,EAAEC,IAAI,CAAC;IAEpD;IACAgC,UAAU,EAAEA,CAAA,KAAM,IAAAC,0BAAgB,EAAClC,IAAI,EAAEC,IAAI,CAAC;IAE9C;IACAkC,cAAc,EAAEA,CAAA,KAAM,IAAAC,8BAAoB,EAACpC,IAAI,EAAEC,IAAI,CAAC;IAEtD;IACAoC,~~aAAa~~,EAAEA,CAAA,KAAM,IAAAC,~~6BAAmB~~,EAACtC,IAAI,EAAEC,IAAI,CAAC;~~IAEpD~~;IACAsC,WAAW,EAAEA,CAAA,KAAM,IAAAC,2BAAiB,EAACxC,IAAI,EAAEC,IAAI,CAAC;IAEhD;IACAwC,UAAU,EAAE,MAAAA,CAAA,KAAY;MAAA,IAAAC,SAAA;MACtB,MAAMpC,EAAE,GAAG,MAAMN,IAAI,CAACO,SAAS,CAAC,CAAC;MACjC,KAAAmC,SAAA,GAAIpC,EAAE,CAACE,IAAI,aAAPkC,SAAA,CAASjC,QAAQ,EAAE;QACrB;QACA,MAAMC,aAAa,GAAG,MAAMV,IAAI,CAACW,MAAM,CAAC,CAAC;QACzC,MAAMD,aAAa,CAACP,KAAK,CAAC;UAAEwC,MAAM,EAAE;QAAQ,CAAC,CAAC;MAChD,CAAC,MAAM;QACL;QACA,MAAMC,IAAI,GAAGtC,EAAE,CAACuC,qBAAqB,CAAC,CAAC;QACvCvC,EAAE,CAACO,aAAa,CACd,IAAIC,UAAU,CAAC,aAAa,EAAE;UAC5BC,OAAO,EAAE,IAAI;UACb+B,OAAO,EAAEF,IAAI,CAACG,IAAI,GAAG,CAAC;UACtBC,OAAO,EAAEJ,IAAI,CAACK,GAAG,GAAG;QACtB,CAAC,CACH,CAAC;MACH;IACF,CAAC;IAED;IACAC,cAAc,EAAE,MAAAA,CAAA,KAAY;MAAA,IAAAC,SAAA;MAC1B,MAAM7C,EAAE,GAAG,MAAMN,IAAI,CAACO,SAAS,CAAC,CAAC;MACjC,KAAA4C,SAAA,GAAI7C,EAAE,CAACE,IAAI,aAAP2C,SAAA,CAAS1C,QAAQ,EAAE;QACrB,MAAMC,aAAa,GAAG,MAAMV,IAAI,CAACW,MAAM,CAAC,CAAC;QACzC,OAAOD,aAAa,CAAC0C,WAAW,CAAC,CAAC;MACpC;MACA,OAAO9C,EAAE,CAACuC,qBAAqB,CAAC,CAAC;IACnC,CAAC;IAED;IACAQ,QAAQ,EAAE,MAAAA,CAAOC,GAAW,EAAEC,IAAiC,KAAK;MAClE,MAAMjD,EAAE,GAAG,MAAMN,IAAI,CAACO,SAAS,CAAC,CAAC;MACjCD,EAAE,CAACO,aAAa,CACd,IAAI2C,aAAa,CAAC,SAAS,EAAE;QAAEF,GAAG;QAAEvC,OAAO,EAAE,IAAI;QAAE,GAAGwC;MAAK,CAAC,CAC9D,CAAC;IACH;EACF,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_EditUni","_EditUni2","_EditUni3","_EditUni4","_SpecificValuesEditUni","_EditUni5","EditableCellUniDriver","base","body","baseUniDriverFactory","click","doubleClick","_el$page","el","getNative","page","evaluate","elementHandle","unwrap","clickCount","dispatchEvent","MouseEvent","bubbles","getDisplayValue","text","isFocused","attr","isEditing","isSelected","isReadOnly","isInvalid","getRowKey","getColumnId","hasValidationIndicator","$","exists","getTextEdit","TextEditUniDriver","getNumberEdit","NumberEditUniDriver","getUrlEdit","UrlEditUniDriver","getBooleanEdit","BooleanEditUniDriver","getSpecificValuesEdit","SpecificValuesEditUniDriver","getDateEdit","DateEditUniDriver","rightClick","_el$page2","button","rect","getBoundingClientRect","clientX","left","clientY","top","getBoundingBox","_el$page3","boundingBox","pressKey","key","opts","KeyboardEvent"],"sources":["../../../../src/components/EditableTable/EditableCell.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { TextEditUniDriver } from './cellTypes/text/Edit.uni.driver';\nimport { NumberEditUniDriver } from './cellTypes/number/Edit.uni.driver';\nimport { UrlEditUniDriver } from './cellTypes/url/Edit.uni.driver';\nimport { BooleanEditUniDriver } from './cellTypes/boolean/Edit.uni.driver';\nimport { SpecificValuesEditUniDriver } from './cellTypes/text/SpecificValuesEdit.uni.driver';\nimport { DateEditUniDriver } from './cellTypes/date/Edit.uni.driver';\n\nexport function EditableCellUniDriver(base: UniDriver, body: UniDriver) {\n return {\n ...baseUniDriverFactory(base),\n\n /** Click the cell (focuses it) /\n click: () => base.click(),\n\n /* Double-click the cell (starts editing). UniDriver has no doubleClick, so dispatch native event. /\n doubleClick: async () => {\n const el = await base.getNative();\n if (el.page?.evaluate) {\n const elementHandle = await base.unwrap();\n await elementHandle.click({ clickCount: 2 });\n } else {\n el.dispatchEvent(new MouseEvent('dblclick', { bubbles: true }));\n }\n },\n\n /* Get the displayed text value of the cell /\n getDisplayValue: () => base.text(),\n\n /* Whether this cell is focused /\n isFocused: async () => (await base.attr('tabindex')) === '0',\n\n /* Whether this cell is in editing mode /\n isEditing: async () => (await base.attr('data-editing')) === 'true',\n\n /* Whether this cell is selected (part of a selection range) /\n isSelected: async () => (await base.attr('aria-selected')) === 'true',\n\n /* Whether this cell is read-only (not editable) /\n isReadOnly: async () => (await base.attr('aria-readonly')) === 'true',\n\n /* Whether this cell has a validation error /\n isInvalid: async () => (await base.attr('aria-invalid')) === 'true',\n\n /* Get the row key from data attribute /\n getRowKey: () => base.attr('data-row-key'),\n\n /* Get the column id from data attribute /\n getColumnId: () => base.attr('data-column-id'),\n\n /* Whether the cell contains a validation indicator icon /\n hasValidationIndicator: () =>\n base.$('[data-hook=\"validation-indicator\"]').exists(),\n\n /* Get the text cell edit driver (for text columns) /\n getTextEdit: () => TextEditUniDriver(base, body),\n\n /* Get the number cell edit driver (for number columns) /\n getNumberEdit: () => NumberEditUniDriver(base, body),\n\n /* Get the url cell edit driver (for url columns) /\n getUrlEdit: () => UrlEditUniDriver(base, body),\n\n /* Get the boolean cell edit driver (for boolean columns) /\n getBooleanEdit: () => BooleanEditUniDriver(base, body),\n\n /* Get the specific-values (autocomplete) edit driver (for text columns with specificValues validation) /\n getSpecificValuesEdit: () => SpecificValuesEditUniDriver(base, body),\n\n /* Get the date cell edit driver (for date columns) /\n getDateEdit: () => DateEditUniDriver(base, body),\n\n /* Right-click the cell (opens context menu) /\n rightClick: async () => {\n const el = await base.getNative();\n if (el.page?.evaluate) {\n // Puppeteer — unwrap to get the actual ElementHandle\n const elementHandle = await base.unwrap();\n await elementHandle.click({ button: 'right' });\n } else {\n // jsdom HTMLElement\n const rect = el.getBoundingClientRect();\n el.dispatchEvent(\n new MouseEvent('contextmenu', {\n bubbles: true,\n clientX: rect.left + 5,\n clientY: rect.top + 5,\n }),\n );\n }\n },\n\n /* Get the bounding box of the cell — returns {x, y, width, height} in both Puppeteer and jsdom /\n getBoundingBox: async () => {\n const el = await base.getNative();\n if (el.page?.evaluate) {\n const elementHandle = await base.unwrap();\n return elementHandle.boundingBox();\n }\n return el.getBoundingClientRect();\n },\n\n /* Press a key on the cell (native dispatch — useCellFocusAndEditing uses native addEventListener) */\n pressKey: async (key: string, opts?: Partial<KeyboardEventInit>) => {\n const el = await base.getNative();\n el.dispatchEvent(\n new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n );\n },\n };\n}\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@

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

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

@@ -6,21 +6,25 @@ exports.EditableTable = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _PatternsFieldsProvider = require("../../providers/PatternsFieldsProvider");
 var _TableVirtual = require("../Table/TableVirtual");
 var _EditableCell = require("./EditableCell");
 var _EditableTableContextMenu = require("./EditableTableContextMenu");
 var _useEditableTableContextMenu = require("./useEditableTableContextMenu");
+var _ActionModal = require("../ActionModal");
 var _useEditableTableCollectionSyncProps = require("./useEditableTableCollectionSyncProps");
 var _useKeyboardNavigation = require("./useKeyboardNavigation");
 var _useClipboardHandler = require("./useClipboardHandler");
 var _useClearFocusOnBlur = require("./useClearFocusOnBlur");
 var _useMouseSweepSelection = require("./useMouseSweepSelection");
+var _useBuiltInHeaderActions = require("./useBuiltInHeaderActions");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableTable.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _EditableTable(props) {
   const {
     state,
     columns: editableColumns,
+    hideHeaderActions,
     dataHook,
     children,
     ...tableBaseProps
@@ -34,9 +38,11 @@ function _EditableTable(props) {
     onBlur
   } = (0, _useClearFocusOnBlur.useClearFocusOnBlur)(state.cellInteraction);
   (0, _useMouseSweepSelection.useMouseSweepSelection)(state, containerRef);
+  const builtInActions = (0, _useBuiltInHeaderActions.useBuiltInHeaderActions)(state, editableColumns, hideHeaderActions);
   const tableColumns = (0, _react.useMemo)(() => editableColumns.map(col => ({
     ...col,
     name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),
+    titleSuffix: builtInActions[col.id],
     render: (_item, rowNum) => {
       var _state$keyedItems$row;
       const rowKey = (_state$keyedItems$row = state.keyedItems[rowNum]) == null ? void 0 : _state$keyedItems$row.key;
@@ -47,14 +53,21 @@ function _EditableTable(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 61,
+          lineNumber: 75,
           columnNumber: 13
         }
       }) : null;
     }
-  })), [editableColumns, state]);
+  })), [editableColumns, state, builtInActions]);
   const contextMenu = (0, _useEditableTableContextMenu.useEditableTableContextMenu)(state.cellInteraction);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement(_PatternsFieldsProvider.PatternsFieldsProvider, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 85,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: containerRef,
     "data-hook": dataHook,
     tabIndex: 0,
@@ -65,7 +78,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 72,
+      lineNumber: 86,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TableVirtual.TableVirtual, (0, _extends2.default)({}, tableBaseProps, {
@@ -74,7 +87,7 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 95,
       columnNumber: 9
     }
   }))), /*#__PURE__*/_react.default.createElement(_EditableTableContextMenu.EditableTableContextMenu, {
@@ -86,10 +99,19 @@ function _EditableTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 87,
+      lineNumber: 101,
       columnNumber: 7
     }
-  }), children);
+  }), state.deleteConfirmModal.value && /*#__PURE__*/_react.default.createElement(_ActionModal.MessageActionModal, (0, _extends2.default)({
+    state: state.deleteConfirmModal
+  }, state.deleteConfirmModal.value, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 109,
+      columnNumber: 9
+    }
+  })), children);
 }
 const EditableTable = exports.EditableTable = (0, _mobxReactLite.observer)(_EditableTable);
 //# sourceMappingURL=EditableTable.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","tableColumns","useMemo","map","col","name","title","id","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","~~Fragment~~","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n type EditableColumn,\n EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport type { TableColumn } from '../../model';\n\nexport interface EditableTableProps<\n T,\n F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<TableVirtualProps<T, F>, 'columns' \| 'state' \| 'onRowClick'> {\n /** EditableTableState instance, created via useEditableTableCollection /\n state: EditableTableState<T, F>;\n\n /* Column definitions with cell types /\n columns: EditableColumn<T>[];\n\n /* data-hook for testkit selectors */\n dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n props: EditableTableProps<T, F>,\n) {\n const {\n state,\n columns: editableColumns,\n dataHook,\n children,\n ...tableBaseProps\n } = props;\n\n useEditableTableCollectionSyncProps(props);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const keyboard = useKeyboardNavigation(state);\n useClipboardHandler(state, containerRef);\n const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n useMouseSweepSelection(state, containerRef);\n\n const tableColumns = useMemo(\n () =>\n editableColumns.map((col) => ({\n ...col,\n name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n render: (_item: T, rowNum: number) => {\n const rowKey = state.keyedItems[rowNum]?.key;\n return rowKey ? (\n <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n ) : null;\n },\n })) as TableColumn<T>[],\n [editableColumns, state],\n );\n\n const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n return (\n ~~<>\~~n <div\n ref={containerRef}\n data-hook={dataHook}\n tabIndex={0}\n onKeyDown={keyboard.onKeyDown}\n onFocus={onFocus}\n onBlur={onBlur}\n onContextMenu={contextMenu.handleContextMenu}\n >\n <TableVirtual\n {...tableBaseProps}\n state={state.tableState}\n columns={tableColumns}\n />\n </div>\n <EditableTableContextMenu\n state={state}\n position={contextMenu.position}\n cell={contextMenu.cell}\n menuRef={contextMenu.menuRef}\n onClose={contextMenu.handleClose}\n />\n {children}\n ~~</>\~~n );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;~~AAEA~~,IAAAE,~~aAAA~~,GAAAF,OAAA;~~AAKA~~,IAAAG,aAAA,GAAAH,OAAA;~~AACA~~,IAAAI,~~yBAAA~~,GAAAJ,OAAA;AACA,IAAAK,~~4BAAA~~,GAAAL,OAAA;AACA,IAAAM,~~oCAAA~~,GAAAN,OAAA;AACA,IAAAO,~~sBAAA~~,GAAAP,OAAA;AACA,IAAAQ,~~oBAAA~~,GAAAR,OAAA;AACA,IAAAS,~~oBAAA~~,GAAAT,OAAA;AACA,IAAAU,~~uBAAA~~,GAAAV,OAAA;~~AAAkE~~,IAAAW,YAAA;AAAA,~~SAAAZ~~,~~wBAAAa~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAf~~,uBAAA,YAAAA,~~CAAAa~~,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;~~AAiBlE~~,SAASkB,cAAcA,CACrBC,KAA+B,EAC/B;EACA,MAAM;IACJC,KAAK;IACLC,OAAO,EAAEC,eAAe;IACxBC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACL,CAAC,~~GAAGN~~,KAAK;EAET,~~IAAAO~~,wEAAmC,~~EAACP~~,KAAK,CAAC;EAE1C,~~MAAMQ~~,YAAY,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEjD,MAAMC,QAAQ,GAAG,IAAAC,4CAAqB,~~EAACV~~,KAAK,CAAC;EAC7C,~~IAAAW~~,wCAAmB,~~EAACX~~,KAAK,~~EAAEO~~,YAAY,CAAC;EACxC,MAAM;IAAEK,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,wCAAmB,~~EAACd~~,KAAK,~~CAACe~~,eAAe,CAAC;EACtE,IAAAC,8CAAsB,~~EAAChB~~,KAAK,~~EAAEO~~,YAAY,CAAC;EAE3C,MAAMU,YAAY,GAAG,IAAAC,cAAO,EAC1B,~~MACEhB~~,eAAe,~~CAACiB~~,GAAG,CAAEC,GAAG,KAAM;IAC5B,GAAGA,GAAG;IACNC,IAAI,EAAED,GAAG,CAACC,IAAI,KAAK,OAAOD,GAAG,CAACE,KAAK,KAAK,QAAQ,GAAGF,GAAG,CAACE,KAAK,GAAGF,GAAG,CAACG,EAAE,CAAC;IACtEC,MAAM,EAAEA,CAACC,KAAQ,EAAEC,MAAc,KAAK;MAAA,IAAAC,qBAAA;MACpC,MAAMC,MAAM,IAAAD,qBAAA,~~GAAG3B~~,KAAK,~~CAAC6B~~,UAAU,CAACH,MAAM,CAAC,qBAAxBC,qBAAA,CAA0BG,GAAG;MAC5C,OAAOF,MAAM,~~gBACX/D~~,MAAA,~~CAAAwB~~,OAAA,~~CAAA0C~~,aAAA,~~CAAC7D~~,aAAA,~~CAAA8D~~,YAAY;~~QAAChC~~,KAAK,EAAEA,KAAM;~~QAAC4B~~,MAAM,EAAEA,MAAO;QAACK,QAAQ,~~EAAEb~~,GAAG,CAACG,EAAG;~~QAAAW~~,MAAA;QAAAC,QAAA;UAAAC,QAAA,~~EAAA1D~~,YAAA;~~UAAA2D~~,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,GAC9D,IAAI;IACV;EACF,CAAC,CAAC,CAAqB,EACzB,~~CAACpC~~,eAAe,EAAEF,KAAK,~~CACzB~~,CAAC;EAED,~~MAAMuC~~,WAAW,GAAG,IAAAC,wDAA2B,~~EAACxC~~,KAAK,~~CAACe~~,eAAe,CAAC;EAEtE,~~oBACElD~~,MAAA,~~CAAAwB~~,OAAA,~~CAAA0C~~,aAAA,~~CAAAlE~~,~~MAAA~~,~~CAAAwB~~,~~OAAA~~,~~CAAAoD~~,QAAA,~~qBACE5E~~,MAAA,~~CAAAwB~~,OAAA,~~CAAA0C~~,aAAA;IACEW,GAAG,~~EAAEnC~~,YAAa;IAClB,aAAWJ,QAAS;~~IACpBwC~~,QAAQ,EAAE,CAAE;IACZC,SAAS,~~EAAEnC~~,QAAQ,~~CAACmC~~,SAAU;~~IAC9BhC~~,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;~~IACfgC~~,aAAa,EAAEN,WAAW,CAACO,iBAAkB;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA1D~~,YAAA;~~MAAA2D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~gBAE7CzE~~,MAAA,~~CAAAwB~~,OAAA,~~CAAA0C~~,aAAA,~~CAAC9D~~,aAAA,~~CAAA8E~~,YAAY,MAAAC,SAAA,~~CAAA3D~~,OAAA,~~MACPgB~~,cAAc;~~IAClBL~~,KAAK,EAAEA,KAAK,~~CAACiD~~,UAAW;~~IACxBhD~~,OAAO,~~EAAEgB~~,YAAa;~~IAAAiB~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA1D~~,YAAA;~~MAAA2D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,EACvB,CACE,CAAC,~~eACNzE~~,MAAA,~~CAAAwB~~,OAAA,~~CAAA0C~~,aAAA,~~CAAC5D~~,yBAAA,~~CAAA+E~~,wBAAwB;~~IACvBlD~~,KAAK,EAAEA,KAAM;~~IACbmD~~,QAAQ,EAAEZ,WAAW,CAACY,QAAS;IAC/BC,IAAI,EAAEb,WAAW,CAACa,IAAK;IACvBC,OAAO,EAAEd,WAAW,CAACc,OAAQ;IAC7BC,OAAO,EAAEf,WAAW,CAACgB,WAAY;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA1D~~,YAAA;~~MAAA2D~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CAAC,~~EACDlC~~,~~QACD~~,CAAC;~~AAEP~~;AAEO,~~MAAMoD~~,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,~~EAAC5D~~,cAAc,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_PatternsFieldsProvider","_TableVirtual","_EditableCell","_EditableTableContextMenu","_useEditableTableContextMenu","_ActionModal","_useEditableTableCollectionSyncProps","_useKeyboardNavigation","_useClipboardHandler","_useClearFocusOnBlur","_useMouseSweepSelection","_useBuiltInHeaderActions","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_EditableTable","props","state","columns","editableColumns","hideHeaderActions","dataHook","children","tableBaseProps","useEditableTableCollectionSyncProps","containerRef","useRef","keyboard","useKeyboardNavigation","useClipboardHandler","onFocus","onBlur","useClearFocusOnBlur","cellInteraction","useMouseSweepSelection","builtInActions","useBuiltInHeaderActions","tableColumns","useMemo","map","col","name","title","id","titleSuffix","render","_item","rowNum","_state$keyedItems$row","rowKey","keyedItems","key","createElement","EditableCell","columnId","__self","__source","fileName","lineNumber","columnNumber","contextMenu","useEditableTableContextMenu","PatternsFieldsProvider","ref","tabIndex","onKeyDown","onContextMenu","handleContextMenu","TableVirtual","_extends2","tableState","EditableTableContextMenu","position","cell","menuRef","onClose","handleClose","deleteConfirmModal","value","MessageActionModal","EditableTable","exports","observer"],"sources":["../../../../src/components/EditableTable/EditableTable.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { PatternsFieldsProvider } from '../../providers/PatternsFieldsProvider';\nimport type { FiltersMap, OptionalFiltersMap } from '@wix/bex-core';\nimport { TableVirtual, type TableVirtualProps } from '../Table/TableVirtual';\nimport {\n type EditableColumn,\n EditableTableState,\n} from '../../state/EditableTable';\nimport { EditableCell } from './EditableCell';\nimport { EditableTableContextMenu } from './EditableTableContextMenu';\nimport { useEditableTableContextMenu } from './useEditableTableContextMenu';\nimport { MessageActionModal } from '../ActionModal';\nimport { useEditableTableCollectionSyncProps } from './useEditableTableCollectionSyncProps';\nimport { useKeyboardNavigation } from './useKeyboardNavigation';\nimport { useClipboardHandler } from './useClipboardHandler';\nimport { useClearFocusOnBlur } from './useClearFocusOnBlur';\nimport { useMouseSweepSelection } from './useMouseSweepSelection';\nimport type { TableColumn } from '../../model';\nimport { useBuiltInHeaderActions } from './useBuiltInHeaderActions';\n\nexport interface EditableTableProps<\n T,\n F extends FiltersMap = OptionalFiltersMap,\n> extends Omit<TableVirtualProps<T, F>, 'columns' \| 'state' \| 'onRowClick'> {\n /** EditableTableState instance, created via useEditableTableCollection /\n state: EditableTableState<T, F>;\n\n /* Column definitions with cell types /\n columns: EditableColumn<T>[];\n\n /* When true, hides the built-in header actions popover for all columns. /\n hideHeaderActions?: boolean;\n\n /* data-hook for testkit selectors */\n dataHook?: string;\n}\n\nfunction _EditableTable<T, F extends FiltersMap = OptionalFiltersMap>(\n props: EditableTableProps<T, F>,\n) {\n const {\n state,\n columns: editableColumns,\n hideHeaderActions,\n dataHook,\n children,\n ...tableBaseProps\n } = props;\n\n useEditableTableCollectionSyncProps(props);\n\n const containerRef = useRef<HTMLDivElement>(null);\n\n const keyboard = useKeyboardNavigation(state);\n useClipboardHandler(state, containerRef);\n const { onFocus, onBlur } = useClearFocusOnBlur(state.cellInteraction);\n useMouseSweepSelection(state, containerRef);\n\n const builtInActions = useBuiltInHeaderActions(\n state,\n editableColumns,\n hideHeaderActions,\n );\n\n const tableColumns = useMemo(\n () =>\n editableColumns.map((col) => ({\n ...col,\n name: col.name ?? (typeof col.title === 'string' ? col.title : col.id),\n titleSuffix: builtInActions[col.id],\n render: (_item: T, rowNum: number) => {\n const rowKey = state.keyedItems[rowNum]?.key;\n return rowKey ? (\n <EditableCell state={state} rowKey={rowKey} columnId={col.id} />\n ) : null;\n },\n })) as TableColumn<T>[],\n [editableColumns, state, builtInActions],\n );\n\n const contextMenu = useEditableTableContextMenu(state.cellInteraction);\n\n return (\n <PatternsFieldsProvider>\n <div\n ref={containerRef}\n data-hook={dataHook}\n tabIndex={0}\n onKeyDown={keyboard.onKeyDown}\n onFocus={onFocus}\n onBlur={onBlur}\n onContextMenu={contextMenu.handleContextMenu}\n >\n <TableVirtual\n {...tableBaseProps}\n state={state.tableState}\n columns={tableColumns}\n />\n </div>\n <EditableTableContextMenu\n state={state}\n position={contextMenu.position}\n cell={contextMenu.cell}\n menuRef={contextMenu.menuRef}\n onClose={contextMenu.handleClose}\n />\n {state.deleteConfirmModal.value && (\n <MessageActionModal\n state={state.deleteConfirmModal}\n {...state.deleteConfirmModal.value}\n />\n )}\n {children}\n </PatternsFieldsProvider>\n );\n}\n\nexport const EditableTable = observer(_EditableTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,uBAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAKA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,4BAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,oCAAA,GAAAR,OAAA;AACA,IAAAS,sBAAA,GAAAT,OAAA;AACA,IAAAU,oBAAA,GAAAV,OAAA;AACA,IAAAW,oBAAA,GAAAX,OAAA;AACA,IAAAY,uBAAA,GAAAZ,OAAA;AAEA,IAAAa,wBAAA,GAAAb,OAAA;AAAoE,IAAAc,YAAA;AAAA,SAAAf,wBAAAgB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAlB,uBAAA,YAAAA,CAAAgB,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;AAmBpE,SAASkB,cAAcA,CACrBC,KAA+B,EAC/B;EACA,MAAM;IACJC,KAAK;IACLC,OAAO,EAAEC,eAAe;IACxBC,iBAAiB;IACjBC,QAAQ;IACRC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,IAAAQ,wEAAmC,EAACR,KAAK,CAAC;EAE1C,MAAMS,YAAY,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAEjD,MAAMC,QAAQ,GAAG,IAAAC,4CAAqB,EAACX,KAAK,CAAC;EAC7C,IAAAY,wCAAmB,EAACZ,KAAK,EAAEQ,YAAY,CAAC;EACxC,MAAM;IAAEK,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAACf,KAAK,CAACgB,eAAe,CAAC;EACtE,IAAAC,8CAAsB,EAACjB,KAAK,EAAEQ,YAAY,CAAC;EAE3C,MAAMU,cAAc,GAAG,IAAAC,gDAAuB,EAC5CnB,KAAK,EACLE,eAAe,EACfC,iBACF,CAAC;EAED,MAAMiB,YAAY,GAAG,IAAAC,cAAO,EAC1B,MACEnB,eAAe,CAACoB,GAAG,CAAEC,GAAG,KAAM;IAC5B,GAAGA,GAAG;IACNC,IAAI,EAAED,GAAG,CAACC,IAAI,KAAK,OAAOD,GAAG,CAACE,KAAK,KAAK,QAAQ,GAAGF,GAAG,CAACE,KAAK,GAAGF,GAAG,CAACG,EAAE,CAAC;IACtEC,WAAW,EAAET,cAAc,CAACK,GAAG,CAACG,EAAE,CAAC;IACnCE,MAAM,EAAEA,CAACC,KAAQ,EAAEC,MAAc,KAAK;MAAA,IAAAC,qBAAA;MACpC,MAAMC,MAAM,IAAAD,qBAAA,GAAG/B,KAAK,CAACiC,UAAU,CAACH,MAAM,CAAC,qBAAxBC,qBAAA,CAA0BG,GAAG;MAC5C,OAAOF,MAAM,gBACXtE,MAAA,CAAA2B,OAAA,CAAA8C,aAAA,CAACnE,aAAA,CAAAoE,YAAY;QAACpC,KAAK,EAAEA,KAAM;QAACgC,MAAM,EAAEA,MAAO;QAACK,QAAQ,EAAEd,GAAG,CAACG,EAAG;QAAAY,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9D,YAAA;UAAA+D,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC,GAC9D,IAAI;IACV;EACF,CAAC,CAAC,CAAqB,EACzB,CAACxC,eAAe,EAAEF,KAAK,EAAEkB,cAAc,CACzC,CAAC;EAED,MAAMyB,WAAW,GAAG,IAAAC,wDAA2B,EAAC5C,KAAK,CAACgB,eAAe,CAAC;EAEtE,oBACEtD,MAAA,CAAA2B,OAAA,CAAA8C,aAAA,CAACrE,uBAAA,CAAA+E,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrBhF,MAAA,CAAA2B,OAAA,CAAA8C,aAAA;IACEW,GAAG,EAAEtC,YAAa;IAClB,aAAWJ,QAAS;IACpB2C,QAAQ,EAAE,CAAE;IACZC,SAAS,EAAEtC,QAAQ,CAACsC,SAAU;IAC9BnC,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfmC,aAAa,EAAEN,WAAW,CAACO,iBAAkB;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE7ChF,MAAA,CAAA2B,OAAA,CAAA8C,aAAA,CAACpE,aAAA,CAAAoF,YAAY,MAAAC,SAAA,CAAA/D,OAAA,MACPiB,cAAc;IAClBN,KAAK,EAAEA,KAAK,CAACqD,UAAW;IACxBpD,OAAO,EAAEmB,YAAa;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,EACvB,CACE,CAAC,eACNhF,MAAA,CAAA2B,OAAA,CAAA8C,aAAA,CAAClE,yBAAA,CAAAqF,wBAAwB;IACvBtD,KAAK,EAAEA,KAAM;IACbuD,QAAQ,EAAEZ,WAAW,CAACY,QAAS;IAC/BC,IAAI,EAAEb,WAAW,CAACa,IAAK;IACvBC,OAAO,EAAEd,WAAW,CAACc,OAAQ;IAC7BC,OAAO,EAAEf,WAAW,CAACgB,WAAY;IAAArB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAClC,CAAC,EACD1C,KAAK,CAAC4D,kBAAkB,CAACC,KAAK,iBAC7BnG,MAAA,CAAA2B,OAAA,CAAA8C,aAAA,CAAChE,YAAA,CAAA2F,kBAAkB,MAAAV,SAAA,CAAA/D,OAAA;IACjBW,KAAK,EAAEA,KAAK,CAAC4D;EAAmB,GAC5B5D,KAAK,CAAC4D,kBAAkB,CAACC,KAAK;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9D,YAAA;MAAA+D,UAAA;MAAAC,YAAA;IAAA;EAAA,EACnC,CACF,EACArC,QACqB,CAAC;AAE7B;AAEO,MAAM0D,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAACnE,cAAc,CAAC","ignoreList":[]}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_unidriver2","_EditableCellUni","_EditableTableContextMenuUni","fireEvent","process","env","NODE_ENV","EditableTableUniDriver","base","body","getRows","$$","getCells","initialLoaderBase","$","baseUniDriverFactory","getRowsCount","count","getColumnsCount","getColumnHeaders","map","th","text","getCell","rowKey","columnId","EditableCellUniDriver","getCellByIndex","rowIdx","colIdx","row","get","cell","getCellsCount","wait","timeout","waitInitialLoader","waitInitialLoaderRemoved","delay","waitFor","exists","waitForRow","getContextMenu","EditableTableContextMenuUniDriver","pressKey","key","opts","el","getNative","keyDown","dispatchEvent","KeyboardEvent","bubbles","dispatchPaste","event","Object","assign","Event","clipboardData","getData","_default","exports","default"],"sources":["../../../../src/components/EditableTable/EditableTable.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { EditableCellUniDriver } from './EditableCell.uni.driver';\nimport { EditableTableContextMenuUniDriver } from './EditableTableContextMenu.uni.driver';\n\nconst { fireEvent = null } =\n process.env.NODE_ENV === 'test'\n ? (() => {\n try {\n return require('@testing-library/react');\n } catch {}\n return {};\n })()\n : {};\n\nexport function EditableTableUniDriver(base: UniDriver, body: UniDriver) {\n const getRows = () => base.$$('tbody tr[data-table-row=\"dataTableRow\"]');\n\n const getCells = () => base.$$('[role=\"gridcell\"]');\n\n const initialLoaderBase = () =>\n base.$('[data-hook=\"placeholder-states-loading-state\"]');\n\n return {\n ...baseUniDriverFactory(base),\n\n /** Number of rendered data rows /\n getRowsCount: () => getRows().count(),\n\n /* Number of column headers /\n getColumnsCount: () => base.$$('thead th').count(),\n\n /* Get column header texts /\n getColumnHeaders: () => base.$$('thead th').map((th) => th.text()),\n\n /* Get a cell driver by row key and column id /\n getCell: (rowKey: string, columnId: string) =>\n EditableCellUniDriver(\n base.$(\n `[role=\"gridcell\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n ),\n body,\n ),\n\n /* Get a cell driver by row index and column index /\n getCellByIndex: (rowIdx: number, colIdx: number) => {\n const row = getRows().get(rowIdx);\n const cell = row.$$('[role=\"gridcell\"]').get(colIdx);\n return EditableCellUniDriver(cell, body);\n },\n\n /* Total number of gridcells rendered /\n getCellsCount: () => getCells().count(),\n\n /* Wait until root element exists /\n wait: (timeout?: number) => base.wait(timeout),\n\n /* Wait for the initial fetch loader to be shown /\n waitInitialLoader: (timeout?: number) => initialLoaderBase().wait(timeout),\n\n /* Wait for the initial fetch loader to be removed /\n waitInitialLoaderRemoved: (timeout?: number, delay?: number) =>\n waitFor(\n async () => !(await initialLoaderBase().exists()),\n timeout,\n delay,\n ),\n\n /* Wait for at least one data row to render /\n waitForRow: (timeout?: number) => getRows().get(0).wait(timeout),\n\n /* Get the context menu driver (portaled to body) /\n getContextMenu: () => EditableTableContextMenuUniDriver(base, body),\n\n /* Press a key on the table container (triggers useKeyboardNavigation) /\n pressKey: async (key: string, opts?: Record<string, unknown>) => {\n const el = await base.getNative();\n if (fireEvent) {\n fireEvent.keyDown(el, { key, ...opts });\n } else {\n el.dispatchEvent(\n new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n );\n }\n },\n\n /* Dispatch a paste event on the table container */\n dispatchPaste: async (text: string) => {\n const el = await base.getNative();\n const event = Object.assign(new Event('paste', { bubbles: true }), {\n clipboardData: { getData: () => text },\n });\n el.dispatchEvent(event);\n },\n };\n}\n\nexport default EditableTableUniDriver;\n"],"mappings":";;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,~~gBAAA~~,GAAAF,OAAA;AACA,IAAAG,~~4BAAA~~,GAAAH,OAAA;AAEA,MAAM;~~EAAEI~~,SAAS,GAAG;AAAK,CAAC,GACxBC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAC3B,CAAC,MAAM;EACL,IAAI;IACF,~~OAAOP~~,OAAO,CAAC,wBAAwB,CAAC;EAC1C,CAAC,CAAC,MAAM,CAAC;EACT,OAAO,CAAC,CAAC;AACX,CAAC,EAAE,CAAC,GACJ,CAAC,CAAC;AAED,~~SAASQ~~,sBAAsBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACvE,MAAMC,OAAO,GAAGA,CAAA,KAAMF,IAAI,CAACG,EAAE,CAAC,yCAAyC,CAAC;EAExE,MAAMC,QAAQ,GAAGA,CAAA,KAAMJ,IAAI,CAACG,EAAE,CAAC,mBAAmB,CAAC;EAEnD,MAAME,iBAAiB,GAAGA,CAAA,KACxBL,IAAI,CAACM,CAAC,CAAC,gDAAgD,CAAC;EAE1D,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACP,IAAI,CAAC;IAE7B;IACAQ,YAAY,EAAEA,CAAA,KAAMN,OAAO,CAAC,CAAC,CAACO,KAAK,CAAC,CAAC;IAErC;IACAC,eAAe,EAAEA,CAAA,KAAMV,IAAI,CAACG,EAAE,CAAC,UAAU,CAAC,CAACM,KAAK,CAAC,CAAC;IAElD;IACAE,gBAAgB,EAAEA,CAAA,KAAMX,IAAI,CAACG,EAAE,CAAC,UAAU,CAAC,CAACS,GAAG,CAAEC,EAAE,IAAKA,EAAE,CAACC,IAAI,CAAC,CAAC,CAAC;IAElE;IACAC,OAAO,EAAEA,CAACC,MAAc,EAAEC,QAAgB,KACxC,IAAAC,sCAAqB,EACnBlB,IAAI,CAACM,CAAC,CACJ,mCAAmCU,MAAM,sBAAsBC,QAAQ,IACzE,CAAC,EACDhB,IACF,CAAC;IAEH;IACAkB,cAAc,EAAEA,CAACC,MAAc,EAAEC,MAAc,KAAK;MAClD,MAAMC,GAAG,GAAGpB,OAAO,CAAC,CAAC,CAACqB,GAAG,CAACH,MAAM,CAAC;MACjC,MAAMI,IAAI,GAAGF,GAAG,CAACnB,EAAE,CAAC,mBAAmB,CAAC,CAACoB,GAAG,CAACF,MAAM,CAAC;MACpD,OAAO,IAAAH,sCAAqB,EAACM,IAAI,EAAEvB,IAAI,CAAC;IAC1C,CAAC;IAED;IACAwB,aAAa,EAAEA,CAAA,KAAMrB,QAAQ,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;IAEvC;IACAiB,IAAI,EAAGC,OAAgB,IAAK3B,IAAI,CAAC0B,IAAI,CAACC,OAAO,CAAC;IAE9C;IACAC,iBAAiB,EAAGD,OAAgB,IAAKtB,iBAAiB,CAAC,CAAC,CAACqB,IAAI,CAACC,OAAO,CAAC;IAE1E;IACAE,wBAAwB,EAAEA,CAACF,OAAgB,EAAEG,KAAc,KACzD,IAAAC,kBAAO,EACL,YAAY,EAAE,MAAM1B,iBAAiB,CAAC,CAAC,CAAC2B,MAAM,CAAC,CAAC,CAAC,EACjDL,OAAO,EACPG,KACF,CAAC;IAEH;IACAG,UAAU,EAAGN,OAAgB,IAAKzB,OAAO,CAAC,CAAC,CAACqB,GAAG,CAAC,CAAC,CAAC,CAACG,IAAI,CAACC,OAAO,CAAC;IAEhE;IACAO,cAAc,EAAEA,CAAA,KAAM,IAAAC,8DAAiC,~~EAACnC~~,IAAI,EAAEC,IAAI,CAAC;IAEnE;~~IACAmC~~,QAAQ,EAAE,MAAAA,CAAOC,GAAW,EAAEC,IAA8B,KAAK;MAC/D,MAAMC,EAAE,GAAG,~~MAAMvC~~,IAAI,~~CAACwC~~,SAAS,CAAC,CAAC;MACjC,~~IAAI7C~~,SAAS,EAAE;QACbA,SAAS,~~CAAC8C~~,OAAO,CAACF,EAAE,EAAE;UAAEF,GAAG;UAAE,GAAGC;QAAK,CAAC,CAAC;MACzC,CAAC,MAAM;QACLC,EAAE,CAACG,aAAa,CACd,IAAIC,aAAa,CAAC,SAAS,EAAE;UAAEN,GAAG;UAAEO,OAAO,EAAE,IAAI;UAAE,GAAGN;QAAK,CAAC,CAC9D,CAAC;MACH;IACF,CAAC;IAED;IACAO,aAAa,EAAE,~~MAAO/B~~,IAAY,IAAK;MACrC,~~MAAMyB~~,EAAE,GAAG,~~MAAMvC~~,IAAI,~~CAACwC~~,SAAS,CAAC,CAAC;MACjC,MAAMM,KAAK,GAAGC,MAAM,CAACC,MAAM,CAAC,IAAIC,KAAK,CAAC,OAAO,EAAE;QAAEL,OAAO,EAAE;MAAK,CAAC,CAAC,EAAE;QACjEM,aAAa,EAAE;UAAEC,OAAO,EAAEA,CAAA,~~KAAMrC~~;QAAK;MACvC,CAAC,CAAC;~~MACFyB~~,EAAE,CAACG,aAAa,CAACI,KAAK,CAAC;IACzB;EACF,CAAC;AACH;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAC,OAAA,~~GAEcvD~~,sBAAsB","ignoreList":[]}
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","getConfirmActionModal","MessageModalLayoutUniDriver","pressKey","key","opts","el","getNative","keyDown","dispatchEvent","KeyboardEvent","bubbles","dispatchPaste","event","Object","assign","Event","clipboardData","getData","_default","exports","default"],"sources":["../../../../src/components/EditableTable/EditableTable.uni.driver.ts"],"sourcesContent":["import { UniDriver, waitFor } from '@wix/wix-ui-test-utils/unidriver';\nimport { MessageModalLayoutUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { EditableCellUniDriver } from './EditableCell.uni.driver';\nimport { EditableTableContextMenuUniDriver } from './EditableTableContextMenu.uni.driver';\nimport { EditableColumnHeaderUniDriver } from './EditableColumnHeader.uni.driver';\n\nconst { fireEvent = null } =\n process.env.NODE_ENV === 'test'\n ? (() => {\n try {\n return require('@testing-library/react');\n } catch {}\n return {};\n })()\n : {};\n\nexport function EditableTableUniDriver(base: UniDriver, body: UniDriver) {\n const getRows = () => base.$$('tbody tr[data-table-row=\"dataTableRow\"]');\n\n const getCells = () => base.$$('[role=\"gridcell\"]');\n\n const initialLoaderBase = () =>\n base.$('[data-hook=\"placeholder-states-loading-state\"]');\n\n return {\n ...baseUniDriverFactory(base),\n\n /** Number of rendered data rows /\n getRowsCount: () => getRows().count(),\n\n /* Number of column headers /\n getColumnsCount: () => base.$$('thead th').count(),\n\n /* Get column header texts /\n getColumnHeaders: () => base.$$('thead th').map((th) => th.text()),\n\n /* Get a cell driver by row key and column id /\n getCell: (rowKey: string, columnId: string) =>\n EditableCellUniDriver(\n base.$(\n `[role=\"gridcell\"][data-row-key=\"${rowKey}\"][data-column-id=\"${columnId}\"]`,\n ),\n body,\n ),\n\n /* Get a cell driver by row index and column index /\n getCellByIndex: (rowIdx: number, colIdx: number) => {\n const row = getRows().get(rowIdx);\n const cell = row.$$('[role=\"gridcell\"]').get(colIdx);\n return EditableCellUniDriver(cell, body);\n },\n\n /* Total number of gridcells rendered /\n getCellsCount: () => getCells().count(),\n\n /* Wait until root element exists /\n wait: (timeout?: number) => base.wait(timeout),\n\n /* Wait for the initial fetch loader to be shown /\n waitInitialLoader: (timeout?: number) => initialLoaderBase().wait(timeout),\n\n /* Wait for the initial fetch loader to be removed /\n waitInitialLoaderRemoved: (timeout?: number, delay?: number) =>\n waitFor(\n async () => !(await initialLoaderBase().exists()),\n timeout,\n delay,\n ),\n\n /* Wait for at least one data row to render /\n waitForRow: (timeout?: number) => getRows().get(0).wait(timeout),\n\n /* Get the header actions driver for a column (portaled to body) /\n getHeaderActions: (columnId: string) =>\n EditableColumnHeaderUniDriver(\n base.$(`[data-hook=\"header-actions-${columnId}\"]`),\n body,\n ),\n\n /* Get the context menu driver (portaled to body) /\n getContextMenu: () => EditableTableContextMenuUniDriver(base, body),\n\n /* Get the delete confirmation modal driver /\n getConfirmActionModal: () =>\n MessageModalLayoutUniDriver(\n body.$('[data-hook=\"collection-action-modal\"]'),\n body,\n ),\n\n /* Press a key on the table container (triggers useKeyboardNavigation) /\n pressKey: async (key: string, opts?: Record<string, unknown>) => {\n const el = await base.getNative();\n if (fireEvent) {\n fireEvent.keyDown(el, { key, ...opts });\n } else {\n el.dispatchEvent(\n new KeyboardEvent('keydown', { key, bubbles: true, ...opts }),\n );\n }\n },\n\n /* Dispatch a paste event on the table container */\n dispatchPaste: async (text: string) => {\n const el = await base.getNative();\n const event = Object.assign(new Event('paste', { bubbles: true }), {\n clipboardData: { getData: () => text },\n });\n el.dispatchEvent(event);\n },\n };\n}\n\nexport default EditableTableUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

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

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

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