@heartlandone/vega 2.74.0 → 2.75.0-RTE-table-preview

package/dist/types/components/vega-rich-text-editor/extensions/table/renderers/table-setting-popover-renderer.d.ts

@@ -0,0 +1,66 @@
+import { VegaRTECreateElementFunction, VegaRTERenderResult } from '../../../interface';
+import { RTETableBlock } from '../dto/table-block';
+import type { RTETableExtensionContext } from '../table-extension';
+import { TableDynamicPopoverRenderer } from './table-dynamic-popover-renderer';
+/**
+ * Centralizes the popover rendering and interaction logic for table settings.
+ */
+export declare class TableSettingPopoverRenderer {
+  private popoverRef;
+  private tableSettingRef;
+  private tableData;
+  private tableDynamicPopover;
+  private popoverShow;
+  private extensionContext;
+  private settingHandlers;
+  /**
+   * Show table setting popover when table is clicked.
+   * Only the popover belonging to the nearest table will be shown,
+   * which avoids outer tables showing their popover when an inner (nested) table is clicked.
+   *
+   * @param {MouseEvent} event - The MouseEvent that triggered the table action
+   * @param {HTMLElement} trigger - The element that can triggered the popover open.
+   */
+  handleTableClick: (event: MouseEvent, trigger: HTMLElement) => void;
+  /**
+   * Injects the RTE extension context.
+   *
+   * @param {RTETableExtensionContext} context - The RTE extension context.
+   */
+  injectRTEExtensionContext(context: RTETableExtensionContext): void;
+  /**
+   * Sync the selected cells from the table selection to the table setting component.
+   */
+  syncSelectedCells: () => void;
+  /**
+   * Render the popover host and inject the table-setting component with refs wired up.
+   *
+   * @param {VegaRTECreateElementFunction} h - The create element function.
+   * @param {RTETableBlock} renderData - The table block to render.
+   * @param {() => HTMLElement} getTableRef - Current table DOM reference
+   * @param {TableDynamicPopoverRenderer} tableDynamicPopover - Renderer used to show
+   *  the secondary table popover (for example, table-properties-specific settings).
+   * @returns {VegaRTERenderResult} The rendered popover structure.
+   */
+  render(h: VegaRTECreateElementFunction, renderData: RTETableBlock, getTableRef: () => HTMLElement, tableDynamicPopover: TableDynamicPopoverRenderer): VegaRTERenderResult;
+  /**
+   * Updates the table setting component caption state to match the given table data.
+   */
+  private updateTableSettingCaption;
+  /**
+   * Receive setting menu click events.
+   *
+   * @param {CustomEvent<Array<string>>} event - The custom event emitted from the setting menu.
+   */
+  private handleSettingMenuClick;
+  /**
+   * Handles the popover show event to sync the selected table cells to the table setting component.
+   */
+  private handleTableSettingPopoverShow;
+  /**
+   * Collects and returns the currently selected table cells.
+   *
+   * @returns {RTETableCellBlock[]} The array of currently selected table cell blocks.
+   */
+  private getTableSelectedCells;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/caption-operation.d.ts

@@ -0,0 +1,36 @@
+import { Nullable } from '../../../../../types/general';
+import { RTEExtensionContext } from '../../../interface';
+import { RTETableBlock } from '../dto/table-block';
+import { SettingEventHandler } from './setting-event-handler.abstract';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+/**
+ * Event handler for row operations in a table.
+ */
+export declare class CaptionOperationEventHandler extends SettingEventHandler {
+  /**
+   * @inheritDoc
+   */
+  canHandle(action: Array<string>): boolean;
+  /**
+   * Toggle caption state for the target table block when the caption menu item is clicked.
+   *
+   * @param {Array<string>} action - Table setting payload, e.g. ['CAPTION', 'rte-table-caption'].
+   * @param {RTEExtensionContext} _extensionContext - Current editor extension context (unused here).
+   * @param {RTETableBlock} tableBlock - Table block that owns the caption.
+   */
+  execute(action: Array<string>, _extensionContext: RTEExtensionContext, tableBlock: RTETableBlock): void;
+  /**
+   * Applies a cursor update action so the editor focuses on the resolved node.
+   *
+   * @param {RTETableBlock} block - Table block currently being toggled.
+   * @param {Nullable<RTENode>} focusNode - Target node that should receive the caret.
+   */
+  protected syncCursorPosition(block: RTETableBlock, focusNode: Nullable<RTENode>): void;
+  /**
+   * Build a fresh caption block with a default paragraph + placeholder text.
+   *
+   * @param {string} id - table-caption id
+   * @returns {RTETableCaptionBlock} Newly created caption DTO ready for rendering.
+   */
+  private createCaptionBlock;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/cell-properties-cancel-event-handler.d.ts

@@ -0,0 +1,17 @@
+import { RTETablePropertiesType } from '../../../interface';
+import { RTETableExtensionContext } from '../table-extension';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+import { CellPropertiesEventHandler } from './cell-properties';
+/**
+ * Cancel Event handler for the cell properties.
+ */
+export declare class CellPropertiesCancelEventHandler extends CellPropertiesEventHandler {
+  /**
+   * Cancel cell properties changes
+   *
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   * @param {Record<string, RTETablePropertiesType>} data - The origin of the properties.
+   * @param {RTENode} focusNode - The focus node.
+   */
+  handle(extensionContext: RTETableExtensionContext, data: Record<string, RTETablePropertiesType>, focusNode?: RTENode): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/cell-properties-change-event-handler.d.ts

@@ -0,0 +1,15 @@
+import { RTETablePropertiesType } from '../../../interface';
+import { RTETableExtensionContext } from '../table-extension';
+import { CellPropertiesEventHandler } from './cell-properties';
+/**
+ * Change Event handler for the cell properties.
+ */
+export declare class CellPropertiesChangeEventHandler extends CellPropertiesEventHandler {
+  /**
+   * Update the cell properties based on the provided data.
+   *
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   * @param {Record<string, RTETablePropertiesType>} data - The origin of the properties.
+   */
+  handle(extensionContext: RTETableExtensionContext, data: Record<string, RTETablePropertiesType>): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/cell-properties-save-event-handler.d.ts

@@ -0,0 +1,17 @@
+import { RTETableExtensionContext } from '../table-extension';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+import { CellPropertiesEventHandler } from './cell-properties';
+import { RTETablePropertiesType } from '../../../interface';
+/**
+ * Save Event handler for the cell properties.
+ */
+export declare class CellPropertiesSaveEventHandler extends CellPropertiesEventHandler {
+  /**
+   * Commit the cell properties changes
+   *
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   * @param {Record<string, RTETablePropertiesType>} _data - The origin of the properties.
+   * @param {RTENode} focusNode - The focus node.
+   */
+  handle(extensionContext: RTETableExtensionContext, _data: Record<string, RTETablePropertiesType>, focusNode?: RTENode): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/cell-properties.d.ts

@@ -0,0 +1,62 @@
+import { Nullable } from '../../../../../types/general';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+import { RTETablePropertiesType, TableCellStylePropertiesMap } from '../../../interface';
+import { RTETableCellBlock } from '../dto/table-cell-block';
+import { RTETableExtensionContext } from '../table-extension';
+/**
+ * Event handler for cell properties in a table.
+ */
+export declare abstract class CellPropertiesEventHandler {
+  /**
+   * Get the style collection from the selected table cells.
+   *
+   * @param {RTETableCellBlock[]} selectedCells - The selected table cells to merge styles from
+   * @returns {TableCellStylePropertiesMap} The merged styles object containing only common style properties
+   */
+  static getStyleCollectionFromCell(selectedCells: RTETableCellBlock[]): TableCellStylePropertiesMap;
+  /**
+   * Convert the style collection prop to a form field value by merging styles.
+   *
+   * @param {TableCellStylePropertiesMap} styleMap - The default value prop.
+   * @returns {RTETablePropertiesType} The merged form field value.
+   */
+  static convertStyleMapToFormField(styleMap: TableCellStylePropertiesMap): RTETablePropertiesType;
+  /**
+   * Apply the given properties to the selected cells
+   *
+   * @param {RTETableExtensionContext} extensionContext The extensionContext
+   * @param {Record<string, RTETablePropertiesType>} properties - The properties to apply
+   * @param {boolean} isFlushable - Whether the action is flushable
+   */
+  protected applyProperties(extensionContext: RTETableExtensionContext, properties: Record<string, RTETablePropertiesType>, isFlushable: boolean): void;
+  /**
+   * Update the rich text editor cursor position
+   *
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   * @param {Nullable<RTENode>} focusNode - The node to focus on.
+   */
+  protected updateCursorPosition(extensionContext: RTETableExtensionContext, focusNode: Nullable<RTENode>): void;
+  /**
+   * Convert RTETablePropertiesType to VegaRTETableCellAnnotation
+   *
+   * @param {RTETablePropertiesType} originalStyles - The original style properties
+   * @returns {VegaRTETableCellAnnotation} The converted VegaRTETableCellAnnotation
+   */
+  private convertToVegaTableCellAnnotation;
+  /**
+   * Apply the given annotation to the specified table cell
+   *
+   * @param {RTETableCellBlock} cell - The table cell to apply the annotation to
+   * @param {VegaRTETableCellAnnotation} annotation - The annotation to apply
+   * @param {boolean} isFlushable - Whether the action is flushable
+   */
+  private applyAnnotation;
+  /**
+   * Handle the event
+   *
+   * @param {RTETableExtensionContext} context - The table extension context.
+   * @param { Record<string, RTETablePropertiesType>} data - The table properties data.
+   * @param {RTENode} focusNode - The node to focus on.
+   */
+  abstract handle(context: RTETableExtensionContext, data: Record<string, RTETablePropertiesType>, focusNode?: RTENode): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/column-operation.d.ts

@@ -0,0 +1,55 @@
+import { RTETableExtensionContext } from '../table-extension';
+import { SettingEventHandler } from './setting-event-handler.abstract';
+export declare enum ColumnOperationType {
+  HEADER_COLUMN = "HEADER_COLUMN",
+  ADD_COLUMN_LEFT = "ADD_COLUMN_LEFT",
+  ADD_COLUMN_RIGHT = "ADD_COLUMN_RIGHT",
+  DELETE_COLUMN = "DELETE_COLUMN",
+  SELECT_COLUMN = "SELECT_COLUMN"
+}
+/**
+ * Event handler for column operations in a table.
+ */
+export declare class ColumnOperationEventHandler extends SettingEventHandler {
+  /**
+   * @inheritDoc
+   */
+  canHandle(action: Array<string>): boolean;
+  /**
+   * @inheritDoc
+   */
+  execute(action: Array<string>, extensionContext: RTETableExtensionContext): void;
+  /**
+   * Adds a new column to the table at the specified position.
+   *
+   * @param {ColumnOperationType} direction - The position to insert the new column (left or right).
+   * @param {RTETableCellBlock[] | RTETableHeadCellBlock[]} selectedCells - The selected table cells.
+   */
+  private handleInsertColumn;
+  /**
+   * Deletes the selected column from the table.
+   *
+   * @param {RTETableCellBlock[] | RTETableHeadCellBlock[]} selectedCells - The selected table cells.
+   */
+  private handleDeleteColumn;
+  /**
+   * Selects the entire column in the table.
+   *
+   * @param {RTETableCellBlock[] | RTETableHeadCellBlock[]} selectedCells - The selected table cells.
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   */
+  private handleSelectColumn;
+  /**
+   * Toggles the header state of the selected column in the table.
+   *
+   * @param {RTETableCellBlock[] | RTETableHeadCellBlock[]} selectedCells - The selected table cells.
+   */
+  private handleToggleHeaderColumn;
+  /**
+   * Apply the specified action on the table containing the selected cell.
+   *
+   * @param {DeleteTableColumnAction | InsertTableColumnAction} action - The action to apply.
+   * @param {RTETableCellBlock | RTETableHeadCellBlock} selectedCell - The selected table cell.
+   */
+  private applyActionOnTable;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/merge-cells-operation.d.ts

@@ -0,0 +1,44 @@
+import { RTETableExtensionContext } from '../table-extension';
+import { SettingEventHandler } from './setting-event-handler.abstract';
+export declare enum MergeCellsOperationType {
+  MERGE_CELLS = "MERGE_CELLS",
+  MERGE_CELL_UP = "MERGE_CELL_UP",
+  MERGE_CELL_RIGHT = "MERGE_CELL_RIGHT",
+  MERGE_CELL_DOWN = "MERGE_CELL_DOWN",
+  MERGE_CELL_LEFT = "MERGE_CELL_LEFT"
+}
+/**
+ * Event handler for merge cells operations in a table.
+ */
+export declare class MergeCellsOperationEventHandler extends SettingEventHandler {
+  /**
+   * @inheritDoc
+   */
+  canHandle(action: Array<string>): boolean;
+  /**
+   * @inheritDoc
+   */
+  execute(action: Array<string>, extensionContext: RTETableExtensionContext): void;
+  /**
+   * Get the adjacent cell in the specified direction.
+   *
+   * @param {MergeCellsOperationType} direction - The direction to look for the adjacent cell.
+   * @param {RTETableCellBlock | RTETableHeadCellBlock} cell - The current cell.
+   * @returns {Array<RTETableCellBlock | RTETableHeadCellBlock>} Array containing the cells to merge.
+   */
+  private getDirectionMergeCells;
+  /**
+   * Handle the merge cells operation by creating and applying a MergeCellsAction.
+   *
+   * @param {Array<RTETableCellBlock | RTETableHeadCellBlock>} mergeCells - The cells to merge.
+   * @param {MergeCellsOperationType} direction - The merge cell direction.
+   */
+  private handleMergeCells;
+  /**
+   * Apply the specified action on the table containing the selected cell.
+   *
+   * @param {MergeCellsAction} action - The action to apply.
+   * @param {RTETableCellBlock | RTETableHeadCellBlock} selectedCell - The selected table cell.
+   */
+  private applyActionOnTable;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/row-operation.d.ts

@@ -0,0 +1,61 @@
+import type { RTETableExtensionContext } from '../table-extension';
+import { SettingEventHandler } from './setting-event-handler.abstract';
+export declare enum RowOperationType {
+  HEADER_ROW = "HEADER_ROW",
+  ADD_ROW_ABOVE = "ADD_ROW_ABOVE",
+  ADD_ROW_BELOW = "ADD_ROW_BELOW",
+  DELETE_ROW = "DELETE_ROW",
+  SELECT_ROW = "SELECT_ROW"
+}
+/**
+ * Event handler for row operations in a table.
+ */
+export declare class RowOperationEventHandler extends SettingEventHandler {
+  /**
+   * @inheritDoc
+   */
+  canHandle(action: Array<string>): boolean;
+  /**
+   * @inheritDoc
+   */
+  execute(action: Array<string>, extensionContext: RTETableExtensionContext): void;
+  /**
+   * Adds a new row to the table at the specified position.
+   *
+   * @param {RowOperationType} direction - The position to insert the new row (above or below).
+   * @param {RTETableExtensionContext} extensionContext - The extension context.
+   */
+  private handleInsertRow;
+  /**
+   * Deletes the selected row(s) from the table.
+   *
+   * @param {RTETableExtensionContext} extensionContext - The extension context.
+   */
+  private handleDeleteRow;
+  /**
+   * Converts selected rows to header rows or reverts them back to normal rows.
+   *
+   * @param {RTETableExtensionContext} extensionContext - The extension context.
+   */
+  private handleToggleHeader;
+  /**
+   * Selects the focus row(s) in the table.
+   *
+   * @param {RTETableExtensionContext} extensionContext - The extension context.
+   */
+  private handleSelectRow;
+  /**
+   * Get all selected table rows.
+   *
+   * @param {RTETableExtensionContext} extensionContext - The extension context.
+   * @returns {RTETableRowBlock[]} The selected table row blocks.
+   */
+  private getAllSelectedRows;
+  /**
+   * Applies the given action to the table containing the reference block.
+   *
+   * @param {RTEBlock} refBlock - The reference block within the table.
+   * @param {ModifyContentAction} action - The action to apply to the table.
+   */
+  private applyActionToTable;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/setting-event-handler.abstract.d.ts

@@ -0,0 +1,48 @@
+import { RTEExtensionContext } from '../../../interface';
+import { RTETableBlock } from '../dto/table-block';
+import { Nullable } from '../../../../../types/general';
+import { VegaRTEContent } from '../../../dto/content-state';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+export declare enum TableSettingType {
+  ROW = "ROW",
+  CAPTION = "CAPTION",
+  COLUMN = "COLUMN",
+  MERGE_CELLS = "MERGE_CELLS",
+  TABLE = "TABLE",
+  CELL = "CELL",
+  SPLIT_CELL = "SPLIT_CELL"
+}
+/**
+ * Abstract class for setting event handlers.
+ */
+export declare abstract class SettingEventHandler {
+  /**
+   * Applies a cursor update action so the editor focuses on the resolved node.
+   *
+   * @param {RTETableBlock} block - Table block currently being toggled.
+   * @param {Nullable<RTENode>} focusNode - Target node that should receive the caret.
+   */
+  protected syncCursorPosition(block: RTETableBlock, focusNode: Nullable<RTENode>): void;
+  /**
+   * Walks up the parent chain to locate the nearest VegaRTEContent root.
+   *
+   * @param {RTETableBlock} block - Table block used as the starting point.
+   * @returns {Nullable<VegaRTEContent>} Content root containing the table, if found.
+   */
+  protected findRootContent(block: RTETableBlock): Nullable<VegaRTEContent>;
+  /**
+   * Determines if the handler can process the given action.
+   *
+   * @param {Array<string>} action - The action to check.
+   */
+  abstract canHandle(action: Array<string>): boolean;
+  /**
+   * Determines how to handle the given action.
+   *
+   * @param {Array<string>} action - The action to handle.
+   * @param {RTEExtensionContext} extensionContext - The context for the extension.
+   * @param {RTETableBlock} tableBlock - The table dto instance.
+   * @param {unknown} data - The data associated with the action.
+   */
+  abstract execute(action: Array<string>, extensionContext: RTEExtensionContext, tableBlock: RTETableBlock, data?: unknown): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/split-cell-operation.d.ts

@@ -0,0 +1,31 @@
+import { RTETableExtensionContext } from '../table-extension';
+import { SettingEventHandler } from './setting-event-handler.abstract';
+export declare enum SplitCellOperationType {
+  SPLIT_CELL_HORIZONTALLY = "SPLIT_CELL_HORIZONTALLY",
+  SPLIT_CELL_VERTICALLY = "SPLIT_CELL_VERTICALLY"
+}
+/**
+ * Event handler for split cell operations in a table.
+ */
+export declare class SplitCellOperationEventHandler extends SettingEventHandler {
+  /**
+   * @inheritDoc
+   */
+  canHandle(action: Array<string>): boolean;
+  /**
+   * @inheritDoc
+   */
+  execute(action: Array<string>, extensionContext: RTETableExtensionContext): void;
+  /**
+   * Splits the selected table cell horizontally (split top/bottom).
+   *
+   * @param {RTETableCellBlock | RTETableHeadCellBlock} selectedCell - The table cell block to split.
+   */
+  private handleSplitCellHorizontally;
+  /**
+   * Splits the selected table cell vertically (split left/right).
+   *
+   * @param {RTETableCellBlock | RTETableHeadCellBlock} selectedCell - The table cell block to split.
+   */
+  private handleSplitCellVertically;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/table-properties-cancel-event-handler.d.ts

@@ -0,0 +1,19 @@
+import { RTETablePropertiesType } from '../../../interface';
+import { RTETableBlock } from '../dto/table-block';
+import { TablePropertiesEventHandler } from './table-properties';
+import { RTETableExtensionContext } from '../table-extension';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+/**
+ * Cancel Event handler for the table properties.
+ */
+export declare class TablePropertiesCancelEventHandler extends TablePropertiesEventHandler {
+  /**
+   * Cancel table properties changes
+   *
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   * @param {RTETableBlock} tableBlock - The table block that owns the properties.
+   * @param {RTETablePropertiesType} data - The origin of the properties.
+   * @param {RTENode} focusNode - The node to focus on.
+   */
+  handle(extensionContext: RTETableExtensionContext, tableBlock: RTETableBlock, data: RTETablePropertiesType, focusNode?: RTENode): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/table-properties-change-event-handler.d.ts

@@ -0,0 +1,17 @@
+import { RTETablePropertiesType } from '../../../interface';
+import { RTETableBlock } from '../dto/table-block';
+import { TablePropertiesEventHandler } from './table-properties';
+import { RTETableExtensionContext } from '../table-extension';
+/**
+ * Change Event handler for the table properties.
+ */
+export declare class TablePropertiesChangeEventHandler extends TablePropertiesEventHandler {
+  /**
+   * Update the table properties based on the provided data.
+   *
+   * @param {RTETableExtensionContext} _extensionContext - The table extension context.
+   * @param {RTETableBlock} tableBlock - The table block to update
+   * @param {RTETablePropertiesType} [data] - The new table properties data
+   */
+  handle(_extensionContext: RTETableExtensionContext, tableBlock: RTETableBlock, data: RTETablePropertiesType): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/table-properties-save-event-handler.d.ts

@@ -0,0 +1,17 @@
+import { TablePropertiesEventHandler } from './table-properties';
+import { RTETableExtensionContext } from '../table-extension';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+/**
+ * Save Event handler for the table properties.
+ */
+export declare class TablePropertiesSaveEventHandler extends TablePropertiesEventHandler {
+  /**
+   * Commit the table properties changes
+   *
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   * @param {unknown} _tableBlock - The table block.
+   * @param {unknown} _data - The table properties data.
+   * @param {RTENode} focusNode - The focus node.
+   */
+  handle(extensionContext: RTETableExtensionContext, _tableBlock: unknown, _data: unknown, focusNode?: RTENode): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/setting-event-handlers/table-properties.d.ts

@@ -0,0 +1,33 @@
+import { RTETablePropertiesType } from '../../../interface';
+import type { RTETableExtensionContext } from '../table-extension';
+import { RTETableBlock } from '../dto/table-block';
+import { Nullable } from '../../../../../types/general';
+import { RTENode } from '../../../dto/nodes/node.abstract';
+/**
+ * Event handler for row operations in a table.
+ */
+export declare abstract class TablePropertiesEventHandler {
+  /**
+   * Generate form object from table block
+   *
+   * @param {RTETableBlock} tableBlock - The table block
+   * @returns {RTETablePropertiesType} The generated form object
+   */
+  static generateTablePropertiesForm(tableBlock: RTETableBlock): RTETablePropertiesType;
+  /**
+   * Update the rich text editor cursor position
+   *
+   * @param {RTETableExtensionContext} extensionContext - The table extension context.
+   * @param {Nullable<RTENode>} focusNode - The node to focus on.
+   */
+  protected updateCursorPosition(extensionContext: RTETableExtensionContext, focusNode: Nullable<RTENode>): void;
+  /**
+   * Handle the event
+   *
+   * @param {RTETableExtensionContext} context - The table extension context.
+   * @param {RTETableBlock} tableBlock - The table block that owns the properties.
+   * @param {RTETablePropertiesType} data - The table properties data.
+   * @param {RTENode} focusNode - The table properties data.
+   */
+  abstract handle(context: RTETableExtensionContext, tableBlock: RTETableBlock, data: RTETablePropertiesType, focusNode?: RTENode): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/table-extension.d.ts

@@ -0,0 +1,36 @@
+import { VegaRTEExtension } from '../extension.abstract';
+import { RTEExtensionContext, VegaRTEColorSchema } from '../../interface';
+import { RTETableSelection } from './table-selection';
+export declare type RTETableExtensionContext = RTEExtensionContext & {
+  /**
+   * Table selection manager
+   */
+  tableSelection: RTETableSelection;
+};
+/**
+ * Function extension class for Vega Rich Text Editor.
+ */
+export declare class VegaRTETableExtension extends VegaRTEExtension {
+  private toolbarButtonRenderer;
+  private tableBlockRenderer;
+  private tableRowBlockRenderer;
+  private tableCellRenderer;
+  private tableHeadCellRenderer;
+  private tableSelection;
+  /**
+   * Instantiate the table extension
+   *
+   * @param {VegaRTEColorSchema[]} colors - The table border color and background color list.
+   */
+  constructor(colors?: VegaRTEColorSchema[]);
+  /**
+   * Initializes the extension with the given context
+   *
+   * @param {RTEExtensionContext} context - extension context
+   */
+  initialExtension(context: RTEExtensionContext): void;
+  /**
+   * @inheritDoc
+   */
+  destroyExtension(): void;
+}

package/dist/types/components/vega-rich-text-editor/extensions/table/table-icon.d.ts

@@ -0,0 +1,3 @@
+import { IconPayload } from '../../../../helpers/icon/interface';
+declare const _default: IconPayload;
+export default _default;