@umbraco-cms/backoffice 16.3.4 → 17.0.0-rc1

package/dist-cms/packages/tiptap/extensions/link/link.tiptap-toolbar-api.d.ts

@@ -1,5 +1,5 @@
+import type { Editor } from '../../externals.js';
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarLinkExtensionApi extends UmbTiptapToolbarElementApiBase {
     #private;
     execute(editor?: Editor): Promise<void>;

package/dist-cms/packages/tiptap/extensions/link/link.tiptap-toolbar-api.js

@@ -1,5 +1,5 @@
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import { UmbLink } from '../../../../external/tiptap/index.js';
+import { UmbLink } from './link.tiptap-extension.js';
 import { UMB_LINK_PICKER_MODAL } from '../../../multi-url-picker/index.js';
 import { umbOpenModal } from '../../../core/modal/index.js';
 export default class UmbTiptapToolbarLinkExtensionApi extends UmbTiptapToolbarElementApiBase {

package/dist-cms/packages/tiptap/extensions/link/unlink.tiptap-toolbar-api.d.ts

@@ -1,5 +1,5 @@
+import type { Editor } from '../../externals.js';
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapToolbarUnlinkExtensionApi extends UmbTiptapToolbarElementApiBase {
     isActive: (editor?: Editor) => boolean;
     isDisabled: (editor?: Editor) => boolean;

package/dist-cms/packages/tiptap/extensions/media-picker/media-picker.tiptap-toolbar-api.d.ts

@@ -1,5 +1,5 @@
+import type { Editor } from '../../externals.js';
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export default class UmbTiptapToolbarMediaPickerToolbarExtensionApi extends UmbTiptapToolbarElementApiBase {
     #private;

package/dist-cms/packages/tiptap/extensions/media-upload/media-upload.tiptap-api.d.ts

@@ -1,6 +1,6 @@
+import { Extension } from '../../externals.js';
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
 import type { UmbTiptapExtensionArgs } from '../types.js';
-import { Extension } from '../../../../external/tiptap/index.js';
 import type { UmbControllerHost } from '../../../../libs/controller-api/index.js';
 export default class UmbTiptapMediaUploadExtensionApi extends UmbTiptapExtensionApiBase {
     #private;

package/dist-cms/packages/tiptap/extensions/media-upload/media-upload.tiptap-api.js

@@ -1,6 +1,6 @@
+import { Extension } from '../../externals.js';
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
 import { imageSize } from '../../../core/utils/index.js';
-import { Extension } from '../../../../external/tiptap/index.js';
 import { TemporaryFileStatus, UmbTemporaryFileManager } from '../../../core/temporary-file/index.js';
 import { UmbId } from '../../../core/id/index.js';
 import { UmbLocalizationController } from '../../../../libs/localization-api/index.js';
@@ -43,9 +43,9 @@ export default class UmbTiptapMediaUploadExtensionApi extends UmbTiptapExtension
         return [
             Extension.create({
                 name: 'umbMediaUpload',
-                onCreate() {
-                    this.parent?.();
-                    const host = this.editor.view.dom;
+                onCreate({ editor }) {
+                    this.parent?.({ editor });
+                    const host = editor.view.dom;
                     host.addEventListener('dragover', (event) => {
                         // Required to allow drop events
                         event.preventDefault();
@@ -55,7 +55,7 @@ export default class UmbTiptapMediaUploadExtensionApi extends UmbTiptapExtension
                         const files = event.dataTransfer?.files;
                         if (!files)
                             return;
-                        self.#uploadTemporaryFile(files, this.editor);
+                        self.#uploadTemporaryFile(files, editor);
                     });
                     host.addEventListener('paste', (event) => {
                         const htmlContent = event.clipboardData?.getData('text/html');
@@ -66,7 +66,7 @@ export default class UmbTiptapMediaUploadExtensionApi extends UmbTiptapExtension
                         const files = event.clipboardData?.files;
                         if (!files)
                             return;
-                        self.#uploadTemporaryFile(files, this.editor);
+                        self.#uploadTemporaryFile(files, editor);
                     });
                 },
             }),

package/dist-cms/packages/tiptap/extensions/ordered-list/ordered-list.tiptap-api.d.ts

@@ -1,5 +1,5 @@
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
 export default class UmbTiptapOrderedListExtensionApi extends UmbTiptapExtensionApiBase {
-    getTiptapExtensions: () => (import("@tiptap/core").Node<import("@tiptap/extension-list-item").ListItemOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-ordered-list").OrderedListOptions, any>)[];
+    getTiptapExtensions: () => (import("@tiptap/core").Node<import("@tiptap/extension-list").ListItemOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-list").OrderedListOptions, any>)[];
     getStyles: () => import("lit").CSSResult;
 }

package/dist-cms/packages/tiptap/extensions/ordered-list/ordered-list.tiptap-api.js

@@ -1,6 +1,6 @@
+import { ListItem, OrderedList } from '../../externals.js';
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
 import { css } from '../../../../external/lit/index.js';
-import { ListItem, OrderedList } from '../../../../external/tiptap/index.js';
 export default class UmbTiptapOrderedListExtensionApi extends UmbTiptapExtensionApiBase {
     constructor() {
         super(...arguments);

package/dist-cms/packages/tiptap/extensions/ordered-list/ordered-list.tiptap-toolbar-api.d.ts

@@ -1,6 +1,6 @@
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
+import type { Editor } from '../../externals.js';
 export default class UmbTiptapToolbarOrderedListExtensionApi extends UmbTiptapToolbarElementApiBase {
-    getTiptapExtensions: () => (import("@tiptap/core").Node<import("@tiptap/extension-list-item").ListItemOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-ordered-list").OrderedListOptions, any>)[];
+    getTiptapExtensions: () => (import("@tiptap/core").Node<import("@tiptap/extension-list").ListItemOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-list").OrderedListOptions, any>)[];
     execute(editor?: Editor): void;
 }

package/dist-cms/packages/tiptap/extensions/ordered-list/ordered-list.tiptap-toolbar-api.js

@@ -1,5 +1,5 @@
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import { OrderedList, ListItem } from '../../../../external/tiptap/index.js';
+import { OrderedList, ListItem } from '../../externals.js';
 export default class UmbTiptapToolbarOrderedListExtensionApi extends UmbTiptapToolbarElementApiBase {
     constructor() {
         super(...arguments);

package/dist-cms/packages/tiptap/extensions/strike/strike.tiptap-api.js

@@ -1,5 +1,5 @@
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
-import { Strike } from '../../../../external/tiptap/index.js';
+import { Strike } from '../../externals.js';
 export default class UmbTiptapStrikeExtensionApi extends UmbTiptapExtensionApiBase {
     constructor() {
         super(...arguments);

package/dist-cms/packages/tiptap/extensions/strike/strike.tiptap-toolbar-api.d.ts

@@ -1,5 +1,5 @@
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
+import type { Editor } from '../../externals.js';
 export default class UmbTiptapToolbarStrikeExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;
 }

package/dist-cms/packages/tiptap/extensions/style-menu/style-menu.tiptap-toolbar-api.d.ts

@@ -1,6 +1,6 @@
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
 import type { MetaTiptapToolbarStyleMenuItem } from '../../extensions/types.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
+import type { Editor } from '../../externals.js';
 export default class UmbTiptapToolbarStyleMenuApi extends UmbTiptapToolbarElementApiBase {
     #private;
     isActive(editor?: Editor, item?: MetaTiptapToolbarStyleMenuItem): boolean;

package/dist-cms/packages/tiptap/extensions/style-select/manifests.js

@@ -4,6 +4,7 @@ export const manifests = [
         kind: 'styleMenu',
         alias: 'Umb.Tiptap.Toolbar.StyleSelect',
         name: 'Style Select Tiptap Extension',
+        forExtensions: ['Umb.Tiptap.Heading', 'Umb.Tiptap.Blockquote', 'Umb.Tiptap.CodeBlock'],
         items: [
             {
                 label: 'Headers',

package/dist-cms/packages/tiptap/extensions/subscript/subscript.tiptap-api.js

@@ -1,5 +1,5 @@
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
-import { Subscript } from '../../../../external/tiptap/index.js';
+import { Subscript } from '../../externals.js';
 export default class UmbTiptapBoldExtensionApi extends UmbTiptapExtensionApiBase {
     constructor() {
         super(...arguments);

package/dist-cms/packages/tiptap/extensions/subscript/subscript.tiptap-toolbar-api.d.ts

@@ -1,5 +1,5 @@
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
+import type { Editor } from '../../externals.js';
 export default class UmbTiptapToolbarSubscriptExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;
 }

package/dist-cms/packages/tiptap/extensions/superscript/superscript.tiptap-api.js

@@ -1,5 +1,5 @@
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
-import { Superscript } from '../../../../external/tiptap/index.js';
+import { Superscript } from '../../externals.js';
 export default class UmbTiptapBoldExtensionApi extends UmbTiptapExtensionApiBase {
     constructor() {
         super(...arguments);

package/dist-cms/packages/tiptap/extensions/superscript/superscript.tiptap-toolbar-api.d.ts

@@ -1,5 +1,5 @@
 import { UmbTiptapToolbarElementApiBase } from '../tiptap-toolbar-element-api-base.js';
-import type { Editor } from '../../../../external/tiptap/index.js';
+import type { Editor } from '../../externals.js';
 export default class UmbTiptapToolbarSuperscriptExtensionApi extends UmbTiptapToolbarElementApiBase {
     execute(editor?: Editor): void;
 }

package/dist-cms/packages/tiptap/extensions/table/components/table-insert.element.d.ts

@@ -1,6 +1,6 @@
+import type { Editor } from '../../../externals.js';
 import { UmbLitElement } from '../../../../core/lit-element/index.js';
 import type { TemplateResult } from '../../../../../external/lit/index.js';
-import type { Editor } from '../../../../../external/tiptap/index.js';
 export declare class UmbTiptapTableInsertElement extends UmbLitElement {
     #private;
     editor?: Editor;

package/dist-cms/packages/tiptap/extensions/table/index.d.ts

@@ -1 +1,2 @@
+export * from './table.tiptap-extension.js';
 export * from './modals/index.js';

package/dist-cms/packages/tiptap/extensions/table/index.js

@@ -1 +1,2 @@
+export * from './table.tiptap-extension.js';
 export * from './modals/index.js';

package/dist-cms/packages/tiptap/extensions/table/modals/table-properties-modal.element.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { css, customElement, html, repeat, when } from '../../../../../external/lit/index.js';
+import { css, customElement, html, ifDefined, repeat, when } from '../../../../../external/lit/index.js';
 import { UmbModalBaseElement } from '../../../../core/modal/index.js';
 let UmbTiptapTablePropertiesModalElement = class UmbTiptapTablePropertiesModalElement extends UmbModalBaseElement {
     #appearance = { labelOnTop: true };
@@ -88,6 +88,7 @@ let UmbTiptapTablePropertiesModalElement = class UmbTiptapTablePropertiesModalEl
 											alias=${property.alias}
 											label=${property.label}
 											property-editor-ui-alias=${property.propertyEditorUiAlias}
+											property-editor-data-source-alias=${ifDefined(property.propertyEditorDataSourceAlias)}
 											.appearance=${this.#appearance}
 											.config=${property.config}>
 										</umb-property>

package/dist-cms/packages/tiptap/extensions/table/table.tiptap-api.d.ts

@@ -1,6 +1,6 @@
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
 import '../../components/menu/tiptap-menu.element.js';
 export default class UmbTiptapTableExtensionApi extends UmbTiptapExtensionApiBase {
-    getTiptapExtensions: () => import("@tiptap/core").Node<import("@tiptap/extension-table-row").TableRowOptions, any>[];
+    getTiptapExtensions: () => (import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any> | import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any>)[];
     getStyles: () => import("lit").CSSResult;
 }

package/dist-cms/packages/tiptap/extensions/table/table.tiptap-api.js

@@ -1,11 +1,10 @@
 import { UmbTiptapExtensionApiBase } from '../tiptap-extension-api-base.js';
+import { UmbTable, UmbTableHeader, UmbTableRow, UmbTableCell } from './table.tiptap-extension.js';
 import { css } from '../../../../external/lit/index.js';
-import { UmbTable, UmbTableHeader, UmbTableRow, UmbTableCell } from '../../../../external/tiptap/index.js';
 import '../../components/menu/tiptap-menu.element.js';
 export default class UmbTiptapTableExtensionApi extends UmbTiptapExtensionApiBase {
     constructor() {
         super(...arguments);
-        // eslint-disable-next-line @typescript-eslint/no-deprecated
         this.getTiptapExtensions = () => [UmbTable, UmbTableHeader, UmbTableRow, UmbTableCell];
         this.getStyles = () => css `
 		.tableWrapper {

package/dist-cms/packages/tiptap/extensions/table/table.tiptap-extension.d.ts

@@ -0,0 +1,11 @@
+import { TableView } from '@tiptap/pm/tables';
+import type { Node as ProseMirrorNode } from '@tiptap/pm/model';
+export declare class UmbTableView extends TableView {
+    #private;
+    constructor(node: ProseMirrorNode, cellMinWidth: number);
+    update(node: ProseMirrorNode): boolean;
+}
+export declare const UmbTable: import("@tiptap/core").Node<import("@tiptap/extension-table").TableOptions, any>;
+export declare const UmbTableRow: import("@tiptap/core").Node<import("@tiptap/extension-table").TableRowOptions, any>;
+export declare const UmbTableHeader: import("@tiptap/core").Node<import("@tiptap/extension-table").TableHeaderOptions, any>;
+export declare const UmbTableCell: import("@tiptap/core").Node<import("@tiptap/extension-table").TableCellOptions, any>;

package/dist-cms/packages/tiptap/extensions/table/table.tiptap-extension.js

@@ -0,0 +1,394 @@
+/* eslint-disable local-rules/enforce-umbraco-external-imports */
+import { findParentNode, Table, TableCell, TableHeader, TableRow } from '../../externals.js';
+import { UmbBubbleMenuPlugin } from '../bubble-menu/bubble-menu.tiptap-extension.js';
+import { CellSelection, TableMap, TableView } from '@tiptap/pm/tables';
+import { Decoration, DecorationSet } from '@tiptap/pm/view';
+import { Plugin } from '@tiptap/pm/state';
+// NOTE: Custom TableView, to allow for custom styles to be applied to the <table> element. [LK]
+// ref: https://github.com/ueberdosis/tiptap/blob/v2.11.5/packages/extension-table/src/TableView.ts
+export class UmbTableView extends TableView {
+    constructor(node, cellMinWidth) {
+        super(node, cellMinWidth);
+        this.#updateTableStyle(node);
+    }
+    update(node) {
+        if (!super.update(node))
+            return false;
+        this.#updateTableStyle(node);
+        return true;
+    }
+    #updateTableStyle(node) {
+        if (node.attrs.style) {
+            // NOTE: The `min-width` inline style is handled by the Tiptap TableView, so we need to preserve it. [LK]
+            const minWidth = this.table.style.minWidth;
+            const styles = node.attrs.style;
+            this.table.style.cssText = `${styles}; min-width: ${minWidth};`;
+        }
+    }
+}
+export const UmbTable = Table.configure({ resizable: true, View: UmbTableView });
+export const UmbTableRow = TableRow.extend({
+    allowGapCursor: false,
+    content: '(tableCell | tableHeader)*',
+});
+export const UmbTableHeader = TableHeader.extend({
+    addAttributes() {
+        return {
+            colspan: {
+                default: 1,
+            },
+            rowspan: {
+                default: 1,
+            },
+            colwidth: {
+                default: null,
+                parseHTML: (element) => {
+                    const colwidth = element.getAttribute('colwidth');
+                    const value = colwidth ? colwidth.split(',').map((item) => parseInt(item, 10)) : null;
+                    return value;
+                },
+            },
+            style: {
+                default: null,
+            },
+        };
+    },
+    addProseMirrorPlugins() {
+        const { editor } = this;
+        return [
+            UmbBubbleMenuPlugin(editor, {
+                unique: 'table-column-menu',
+                placement: 'top',
+                elementName: 'umb-tiptap-menu',
+                menuAlias: 'Umb.Menu.Tiptap.TableColumn',
+                shouldShow(props) {
+                    return isColumnGripSelected(props);
+                },
+            }),
+            new Plugin({
+                props: {
+                    decorations: (state) => {
+                        const { isEditable } = editor;
+                        if (!isEditable) {
+                            return DecorationSet.empty;
+                        }
+                        const { doc, selection } = state;
+                        const decorations = [];
+                        const cells = getCellsInRow(0)(selection);
+                        if (cells) {
+                            cells.forEach(({ pos }, index) => {
+                                decorations.push(Decoration.widget(pos + 1, () => {
+                                    const colSelected = isColumnSelected(index)(selection);
+                                    const grip = document.createElement('a');
+                                    grip.appendChild(document.createElement('uui-symbol-more'));
+                                    grip.className = colSelected ? 'grip-column selected' : 'grip-column';
+                                    grip.setAttribute('popovertarget', colSelected ? 'table-column-menu' : '');
+                                    grip.addEventListener('mousedown', (event) => {
+                                        event.preventDefault();
+                                        event.stopImmediatePropagation();
+                                        editor.view.dispatch(selectColumn(index)(editor.state.tr));
+                                    });
+                                    return grip;
+                                }));
+                            });
+                        }
+                        return DecorationSet.create(doc, decorations);
+                    },
+                },
+            }),
+        ];
+    },
+});
+export const UmbTableCell = TableCell.extend({
+    addAttributes() {
+        return {
+            colspan: {
+                default: 1,
+                parseHTML: (element) => {
+                    const colspan = element.getAttribute('colspan');
+                    const value = colspan ? parseInt(colspan, 10) : 1;
+                    return value;
+                },
+            },
+            rowspan: {
+                default: 1,
+                parseHTML: (element) => {
+                    const rowspan = element.getAttribute('rowspan');
+                    const value = rowspan ? parseInt(rowspan, 10) : 1;
+                    return value;
+                },
+            },
+            colwidth: {
+                default: null,
+                parseHTML: (element) => {
+                    const colwidth = element.getAttribute('colwidth');
+                    const value = colwidth ? [parseInt(colwidth, 10)] : null;
+                    return value;
+                },
+            },
+            style: {
+                default: null,
+            },
+        };
+    },
+    addProseMirrorPlugins() {
+        const { editor } = this;
+        return [
+            UmbBubbleMenuPlugin(editor, {
+                unique: 'table-row-menu',
+                placement: 'left',
+                elementName: 'umb-tiptap-menu',
+                menuAlias: 'Umb.Menu.Tiptap.TableRow',
+                shouldShow(props) {
+                    return isRowGripSelected(props);
+                },
+            }),
+            new Plugin({
+                props: {
+                    decorations: (state) => {
+                        const { isEditable } = editor;
+                        if (!isEditable) {
+                            return DecorationSet.empty;
+                        }
+                        const { doc, selection } = state;
+                        const decorations = [];
+                        const cells = getCellsInColumn(0)(selection);
+                        if (cells) {
+                            cells.forEach(({ pos }, index) => {
+                                decorations.push(Decoration.widget(pos + 1, () => {
+                                    const rowSelected = isRowSelected(index)(selection);
+                                    const grip = document.createElement('a');
+                                    grip.appendChild(document.createElement('uui-symbol-more'));
+                                    grip.className = rowSelected ? 'grip-row selected' : 'grip-row';
+                                    grip.setAttribute('popovertarget', rowSelected ? 'table-row-menu' : '');
+                                    grip.addEventListener('mousedown', (event) => {
+                                        event.preventDefault();
+                                        event.stopImmediatePropagation();
+                                        editor.view.dispatch(selectRow(index)(editor.state.tr));
+                                    });
+                                    return grip;
+                                }));
+                            });
+                        }
+                        return DecorationSet.create(doc, decorations);
+                    },
+                },
+            }),
+        ];
+    },
+});
+const isRectSelected = (rect) => (selection) => {
+    const map = TableMap.get(selection.$anchorCell.node(-1));
+    const start = selection.$anchorCell.start(-1);
+    const cells = map.cellsInRect(rect);
+    const selectedCells = map.cellsInRect(map.rectBetween(selection.$anchorCell.pos - start, selection.$headCell.pos - start));
+    for (let i = 0, count = cells.length; i < count; i += 1) {
+        if (selectedCells.indexOf(cells[i]) === -1) {
+            return false;
+        }
+    }
+    return true;
+};
+const findTable = (selection) => findParentNode((node) => node.type.spec.tableRole && node.type.spec.tableRole === 'table')(selection);
+const isCellSelection = (selection) => selection instanceof CellSelection;
+const isColumnSelected = (columnIndex) => (selection) => {
+    if (isCellSelection(selection)) {
+        const map = TableMap.get(selection.$anchorCell.node(-1));
+        return isRectSelected({
+            left: columnIndex,
+            right: columnIndex + 1,
+            top: 0,
+            bottom: map.height,
+        })(selection);
+    }
+    return false;
+};
+const isRowSelected = (rowIndex) => (selection) => {
+    if (isCellSelection(selection)) {
+        const map = TableMap.get(selection.$anchorCell.node(-1));
+        return isRectSelected({
+            left: 0,
+            right: map.width,
+            top: rowIndex,
+            bottom: rowIndex + 1,
+        })(selection);
+    }
+    return false;
+};
+const isTableSelected = (selection) => {
+    if (isCellSelection(selection)) {
+        const map = TableMap.get(selection.$anchorCell.node(-1));
+        return isRectSelected({
+            left: 0,
+            right: map.width,
+            top: 0,
+            bottom: map.height,
+        })(selection);
+    }
+    return false;
+};
+const getCellsInColumn = (columnIndex) => (selection) => {
+    const table = findTable(selection);
+    if (table) {
+        const map = TableMap.get(table.node);
+        const indexes = Array.isArray(columnIndex) ? columnIndex : Array.from([columnIndex]);
+        return indexes.reduce((acc, index) => {
+            if (index >= 0 && index <= map.width - 1) {
+                const cells = map.cellsInRect({
+                    left: index,
+                    right: index + 1,
+                    top: 0,
+                    bottom: map.height,
+                });
+                return acc.concat(cells.map((nodePos) => {
+                    const node = table.node.nodeAt(nodePos);
+                    const pos = nodePos + table.start;
+                    return { pos, start: pos + 1, node };
+                }));
+            }
+            return acc;
+        }, []);
+    }
+    return null;
+};
+const getCellsInRow = (rowIndex) => (selection) => {
+    const table = findTable(selection);
+    if (table) {
+        const map = TableMap.get(table.node);
+        const indexes = Array.isArray(rowIndex) ? rowIndex : Array.from([rowIndex]);
+        return indexes.reduce((acc, index) => {
+            if (index >= 0 && index <= map.height - 1) {
+                const cells = map.cellsInRect({
+                    left: 0,
+                    right: map.width,
+                    top: index,
+                    bottom: index + 1,
+                });
+                return acc.concat(cells.map((nodePos) => {
+                    const node = table.node.nodeAt(nodePos);
+                    const pos = nodePos + table.start;
+                    return { pos, start: pos + 1, node };
+                }));
+            }
+            return acc;
+        }, []);
+    }
+    return null;
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const getCellsInTable = (selection) => {
+    const table = findTable(selection);
+    if (table) {
+        const map = TableMap.get(table.node);
+        const cells = map.cellsInRect({
+            left: 0,
+            right: map.width,
+            top: 0,
+            bottom: map.height,
+        });
+        return cells.map((nodePos) => {
+            const node = table.node.nodeAt(nodePos);
+            const pos = nodePos + table.start;
+            return { pos, start: pos + 1, node };
+        });
+    }
+    return null;
+};
+const findParentNodeClosestToPos = ($pos, predicate) => {
+    for (let i = $pos.depth; i > 0; i -= 1) {
+        const node = $pos.node(i);
+        if (predicate(node)) {
+            return {
+                pos: i > 0 ? $pos.before(i) : 0,
+                start: $pos.start(i),
+                depth: i,
+                node,
+            };
+        }
+    }
+    return null;
+};
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const findCellClosestToPos = ($pos) => {
+    const predicate = (node) => node.type.spec.tableRole && /cell/i.test(node.type.spec.tableRole);
+    return findParentNodeClosestToPos($pos, predicate);
+};
+const select = (type) => (index) => (tr) => {
+    const table = findTable(tr.selection);
+    const isRowSelection = type === 'row';
+    if (table) {
+        const map = TableMap.get(table.node);
+        // Check if the index is valid
+        if (index >= 0 && index < (isRowSelection ? map.height : map.width)) {
+            const left = isRowSelection ? 0 : index;
+            const top = isRowSelection ? index : 0;
+            const right = isRowSelection ? map.width : index + 1;
+            const bottom = isRowSelection ? index + 1 : map.height;
+            const cellsInFirstRow = map.cellsInRect({
+                left,
+                top,
+                right: isRowSelection ? right : left + 1,
+                bottom: isRowSelection ? top + 1 : bottom,
+            });
+            const cellsInLastRow = bottom - top === 1
+                ? cellsInFirstRow
+                : map.cellsInRect({
+                    left: isRowSelection ? left : right - 1,
+                    top: isRowSelection ? bottom - 1 : top,
+                    right,
+                    bottom,
+                });
+            const head = table.start + cellsInFirstRow[0];
+            const anchor = table.start + cellsInLastRow[cellsInLastRow.length - 1];
+            const $head = tr.doc.resolve(head);
+            const $anchor = tr.doc.resolve(anchor);
+            return tr.setSelection(new CellSelection($anchor, $head));
+        }
+    }
+    return tr;
+};
+const selectColumn = select('column');
+const selectRow = select('row');
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const selectTable = (tr) => {
+    const table = findTable(tr.selection);
+    if (table) {
+        const { map } = TableMap.get(table.node);
+        if (map && map.length) {
+            const head = table.start + map[0];
+            const anchor = table.start + map[map.length - 1];
+            const $head = tr.doc.resolve(head);
+            const $anchor = tr.doc.resolve(anchor);
+            return tr.setSelection(new CellSelection($anchor, $head));
+        }
+    }
+    return tr;
+};
+const isColumnGripSelected = ({ editor, view, state, from, }) => {
+    const domAtPos = view.domAtPos(from).node;
+    const nodeDOM = view.nodeDOM(from);
+    const node = nodeDOM || domAtPos;
+    if (!editor.isActive(Table.name) || !node || isTableSelected(state.selection)) {
+        return false;
+    }
+    let container = node;
+    while (container && !['TD', 'TH'].includes(container.tagName)) {
+        container = container.parentElement;
+    }
+    const gripColumn = container && container.querySelector && container.querySelector('a.grip-column.selected');
+    return !!gripColumn;
+};
+const isRowGripSelected = ({ editor, view, state, from, }) => {
+    const domAtPos = view.domAtPos(from).node;
+    const nodeDOM = view.nodeDOM(from);
+    const node = nodeDOM || domAtPos;
+    if (!editor.isActive(Table.name) || !node || isTableSelected(state.selection)) {
+        return false;
+    }
+    let container = node;
+    while (container && !['TD', 'TH'].includes(container.tagName)) {
+        container = container.parentElement;
+    }
+    const gripRow = container && container.querySelector && container.querySelector('a.grip-row.selected');
+    return !!gripRow;
+};