@ckeditor/ckeditor5-table 45.2.1 → 46.0.0-alpha.0

package/src/tablecolumnresize/tablewidthscommand.d.ts

@@ -5,13 +5,13 @@
 /**
  * @module table/tablecolumnresize/tablewidthscommand
  */
-import type { Element } from 'ckeditor5/src/engine.js';
+import type { ModelElement } from 'ckeditor5/src/engine.js';
 import { Command } from 'ckeditor5/src/core.js';
 /**
  * Command used by the {@link module:table/tablecolumnresize~TableColumnResize Table column resize feature} that
  * updates the width of the whole table as well as its individual columns.
  */
-export default class TableWidthsCommand extends Command {
+export declare class TableWidthsCommand extends Command {
     /**
      * @inheritDoc
      */
@@ -34,5 +34,5 @@ export interface TableWidthsCommandOptions {
     /**
      * The table that is having the columns resized.
      */
-    table?: Element;
+    table?: ModelElement;
 }

package/src/tablecolumnresize/tablewidthscommand.js

@@ -8,7 +8,7 @@ import { normalizeColumnWidths } from './utils.js';
  * Command used by the {@link module:table/tablecolumnresize~TableColumnResize Table column resize feature} that
  * updates the width of the whole table as well as its individual columns.
  */
-export default class TableWidthsCommand extends Command {
+export class TableWidthsCommand extends Command {
     /**
      * @inheritDoc
      */

package/src/tablecolumnresize/utils.d.ts

@@ -6,37 +6,41 @@
  * @module table/tablecolumnresize/utils
  */
 import type { Editor } from 'ckeditor5/src/core.js';
-import type { Element, Model, Writer } from 'ckeditor5/src/engine.js';
-import type TableUtils from '../tableutils.js';
+import type { ModelElement, Model, ModelWriter } from 'ckeditor5/src/engine.js';
+import { type TableUtils } from '../tableutils.js';
 /**
  * Returns all the inserted or changed table model elements in a given change set. Only the tables
  * with 'columnsWidth' attribute are taken into account. The returned set may be empty.
  *
  * Most notably if an entire table is removed it will not be included in returned set.
  *
+ * @internal
  * @param model The model to collect the affected elements from.
  * @returns A set of table model elements.
  */
-export declare function getChangedResizedTables(model: Model): Set<Element>;
+export declare function getChangedResizedTables(model: Model): Set<ModelElement>;
 /**
  * Calculates the percentage of the minimum column width given in pixels for a given table.
  *
+ * @internal
  * @param modelTable A table model element.
  * @param editor The editor instance.
  * @returns The minimal column width in percentage.
  */
-export declare function getColumnMinWidthAsPercentage(modelTable: Element, editor: Editor): number;
+export declare function getColumnMinWidthAsPercentage(modelTable: ModelElement, editor: Editor): number;
 /**
  * Calculates the table width in pixels.
  *
+ * @internal
  * @param modelTable A table model element.
  * @param editor The editor instance.
  * @returns The width of the table in pixels.
  */
-export declare function getTableWidthInPixels(modelTable: Element, editor: Editor): number;
+export declare function getTableWidthInPixels(modelTable: ModelElement, editor: Editor): number;
 /**
  * Returns the computed width (in pixels) of the DOM element without padding and borders.
  *
+ * @internal
  * @param domElement A DOM element.
  * @returns The width of the DOM element in pixels.
  */
@@ -45,17 +49,19 @@ export declare function getElementWidthInPixels(domElement: HTMLElement): number
  * Returns the column indexes on the left and right edges of a cell. They differ if the cell spans
  * across multiple columns.
  *
+ * @internal
  * @param cell A table cell model element.
  * @param tableUtils The Table Utils plugin instance.
  * @returns An object containing the indexes of the left and right edges of the cell.
  */
-export declare function getColumnEdgesIndexes(cell: Element, tableUtils: TableUtils): {
+export declare function getColumnEdgesIndexes(cell: ModelElement, tableUtils: TableUtils): {
     leftEdge: number;
     rightEdge: number;
 };
 /**
  * Rounds the provided value to a fixed-point number with defined number of digits after the decimal point.
  *
+ * @internal
  * @param value A number to be rounded.
  * @returns The rounded number.
  */
@@ -64,6 +70,7 @@ export declare function toPrecision(value: number | string): number;
  * Clamps the number within the inclusive lower (min) and upper (max) bounds. Returned number is rounded using the
  * {@link ~toPrecision `toPrecision()`} function.
  *
+ * @internal
  * @param number A number to be clamped.
  * @param min A lower bound.
  * @param max An upper bound.
@@ -73,6 +80,7 @@ export declare function clamp(number: number, min: number, max: number): number;
 /**
  * Creates an array with defined length and fills all elements with defined value.
  *
+ * @internal
  * @param length The length of the array.
  * @param value The value to fill the array with.
  * @returns An array with defined length and filled with defined value.
@@ -81,6 +89,7 @@ export declare function createFilledArray<T>(length: number, value: T): Array<T>
 /**
  * Sums all array values that can be parsed to a float.
  *
+ * @internal
  * @param array An array of numbers.
  * @returns The sum of all array values.
  */
@@ -90,6 +99,7 @@ export declare function sumArray(array: Array<number | string>): number;
  * changed proportionally so that they all sum back to 100%. If there are columns without specified width, the amount remaining
  * after assigning the known widths will be distributed equally between them.
  *
+ * @internal
  * @param columnWidths An array of column widths.
  * @returns An array of column widths guaranteed to sum up to 100%.
  */
@@ -100,6 +110,7 @@ export declare function normalizeColumnWidths(columnWidths: Array<string>): Arra
  *  * left and red padding,
  *  * border width.
  *
+ * @internal
  * @param domCell A DOM cell element.
  * @returns Width in pixels without `px` at the end.
  */
@@ -107,12 +118,13 @@ export declare function getDomCellOuterWidth(domCell: HTMLElement): number;
 /**
  * Updates column elements to match columns widths.
  *
+ * @internal
  * @param columns
  * @param tableColumnGroup
  * @param normalizedWidths
  * @param writer
  */
-export declare function updateColumnElements(columns: Array<Element>, tableColumnGroup: Element, normalizedWidths: Array<string>, writer: Writer): void;
+export declare function updateColumnElements(columns: Array<ModelElement>, tableColumnGroup: ModelElement, normalizedWidths: Array<string>, writer: ModelWriter): void;
 /**
  * Returns a 'tableColumnGroup' element from the 'table'.
  *
@@ -120,7 +132,7 @@ export declare function updateColumnElements(columns: Array<Element>, tableColum
  * @param element A 'table' or 'tableColumnGroup' element.
  * @returns A 'tableColumnGroup' element.
  */
-export declare function getColumnGroupElement(element: Element): Element;
+export declare function getColumnGroupElement(element: ModelElement): ModelElement;
 /**
  * Returns an array of 'tableColumn' elements. It may be empty if there's no `tableColumnGroup` element.
  *
@@ -128,7 +140,7 @@ export declare function getColumnGroupElement(element: Element): Element;
  * @param element A 'table' or 'tableColumnGroup' element.
  * @returns An array of 'tableColumn' elements.
  */
-export declare function getTableColumnElements(element: Element): Array<Element>;
+export declare function getTableColumnElements(element: ModelElement): Array<ModelElement>;
 /**
  * Returns an array of table column widths.
  *
@@ -136,7 +148,7 @@ export declare function getTableColumnElements(element: Element): Array<Element>
  * @param element A 'table' or 'tableColumnGroup' element.
  * @returns An array of table column widths.
  */
-export declare function getTableColumnsWidths(element: Element): Array<string>;
+export declare function getTableColumnsWidths(element: ModelElement): Array<string>;
 /**
  * Translates the `colSpan` model attribute into additional column widths and returns the resulting array.
  *
@@ -145,4 +157,4 @@ export declare function getTableColumnsWidths(element: Element): Array<string>;
  * @param writer A writer instance.
  * @returns An array of table column widths.
  */
-export declare function translateColSpanAttribute(element: Element, writer: Writer): Array<string>;
+export declare function translateColSpanAttribute(element: ModelElement, writer: ModelWriter): Array<string>;

package/src/tablecolumnresize/utils.js

@@ -10,6 +10,7 @@ import { COLUMN_WIDTH_PRECISION, COLUMN_MIN_WIDTH_AS_PERCENTAGE, COLUMN_MIN_WIDT
  *
  * Most notably if an entire table is removed it will not be included in returned set.
  *
+ * @internal
  * @param model The model to collect the affected elements from.
  * @returns A set of table model elements.
  */
@@ -61,6 +62,7 @@ export function getChangedResizedTables(model) {
 /**
  * Calculates the percentage of the minimum column width given in pixels for a given table.
  *
+ * @internal
  * @param modelTable A table model element.
  * @param editor The editor instance.
  * @returns The minimal column width in percentage.
@@ -71,6 +73,7 @@ export function getColumnMinWidthAsPercentage(modelTable, editor) {
 /**
  * Calculates the table width in pixels.
  *
+ * @internal
  * @param modelTable A table model element.
  * @param editor The editor instance.
  * @returns The width of the table in pixels.
@@ -98,6 +101,7 @@ function getChildrenViewElement(modelTable, elementName, editor) {
 /**
  * Returns the computed width (in pixels) of the DOM element without padding and borders.
  *
+ * @internal
  * @param domElement A DOM element.
  * @returns The width of the DOM element in pixels.
  */
@@ -120,6 +124,7 @@ export function getElementWidthInPixels(domElement) {
  * Returns the column indexes on the left and right edges of a cell. They differ if the cell spans
  * across multiple columns.
  *
+ * @internal
  * @param cell A table cell model element.
  * @param tableUtils The Table Utils plugin instance.
  * @returns An object containing the indexes of the left and right edges of the cell.
@@ -135,6 +140,7 @@ export function getColumnEdgesIndexes(cell, tableUtils) {
 /**
  * Rounds the provided value to a fixed-point number with defined number of digits after the decimal point.
  *
+ * @internal
  * @param value A number to be rounded.
  * @returns The rounded number.
  */
@@ -147,6 +153,7 @@ export function toPrecision(value) {
  * Clamps the number within the inclusive lower (min) and upper (max) bounds. Returned number is rounded using the
  * {@link ~toPrecision `toPrecision()`} function.
  *
+ * @internal
  * @param number A number to be clamped.
  * @param min A lower bound.
  * @param max An upper bound.
@@ -164,6 +171,7 @@ export function clamp(number, min, max) {
 /**
  * Creates an array with defined length and fills all elements with defined value.
  *
+ * @internal
  * @param length The length of the array.
  * @param value The value to fill the array with.
  * @returns An array with defined length and filled with defined value.
@@ -174,6 +182,7 @@ export function createFilledArray(length, value) {
 /**
  * Sums all array values that can be parsed to a float.
  *
+ * @internal
  * @param array An array of numbers.
  * @returns The sum of all array values.
  */
@@ -188,13 +197,14 @@ export function sumArray(array) {
  * changed proportionally so that they all sum back to 100%. If there are columns without specified width, the amount remaining
  * after assigning the known widths will be distributed equally between them.
  *
+ * @internal
  * @param columnWidths An array of column widths.
  * @returns An array of column widths guaranteed to sum up to 100%.
  */
 export function normalizeColumnWidths(columnWidths) {
     const widths = columnWidths.map(width => {
-        if (width === 'auto') {
-            return width;
+        if (width === 'auto' || width === undefined) {
+            return 'auto';
         }
         return parseFloat(width.replace('%', ''));
     });
@@ -246,6 +256,7 @@ function calculateMissingColumnWidths(columnWidths) {
  *  * left and red padding,
  *  * border width.
  *
+ * @internal
  * @param domCell A DOM cell element.
  * @returns Width in pixels without `px` at the end.
  */
@@ -266,6 +277,7 @@ export function getDomCellOuterWidth(domCell) {
 /**
  * Updates column elements to match columns widths.
  *
+ * @internal
  * @param columns
  * @param tableColumnGroup
  * @param normalizedWidths

package/src/tablecolumnresize.d.ts

@@ -6,15 +6,15 @@
  * @module table/tablecolumnresize
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import TableColumnResizeEditing from './tablecolumnresize/tablecolumnresizeediting.js';
-import TableCellWidthEditing from './tablecellwidth/tablecellwidthediting.js';
+import { TableColumnResizeEditing } from './tablecolumnresize/tablecolumnresizeediting.js';
+import { TableCellWidthEditing } from './tablecellwidth/tablecellwidthediting.js';
 import '../theme/tablecolumnresize.css';
 /**
  * The table column resize feature.
  *
  * It provides the possibility to set the width of each column in a table using a resize handler.
  */
-export default class TableColumnResize extends Plugin {
+export declare class TableColumnResize extends Plugin {
     /**
      * @inheritDoc
      */

package/src/tablecolumnresize.js

@@ -6,15 +6,15 @@
  * @module table/tablecolumnresize
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import TableColumnResizeEditing from './tablecolumnresize/tablecolumnresizeediting.js';
-import TableCellWidthEditing from './tablecellwidth/tablecellwidthediting.js';
+import { TableColumnResizeEditing } from './tablecolumnresize/tablecolumnresizeediting.js';
+import { TableCellWidthEditing } from './tablecellwidth/tablecellwidthediting.js';
 import '../theme/tablecolumnresize.css';
 /**
  * The table column resize feature.
  *
  * It provides the possibility to set the width of each column in a table using a resize handler.
  */
-export default class TableColumnResize extends Plugin {
+export class TableColumnResize extends Plugin {
     /**
      * @inheritDoc
      */

package/src/tableconfig.d.ts

@@ -20,10 +20,12 @@ import type { ColorOption, ColorPickerConfig } from 'ckeditor5/src/ui.js';
  * ```
  *
  * See {@link module:core/editor/editorconfig~EditorConfig all editor options}.
+ *
+ * @internal
  */
 export interface TableConfig {
     /**
-     * Number of rows and columns to render by default as table heading when inserting new tables.
+     * Number of rows and columns to render by table heading when inserting new tables.
      *
      * You can configure it like this:
      *

package/src/tableediting.d.ts

@@ -6,13 +6,13 @@
  * @module table/tableediting
  */
 import { Plugin, type Editor } from 'ckeditor5/src/core.js';
-import type { PositionOffset, SlotFilter } from 'ckeditor5/src/engine.js';
-import TableUtils from '../src/tableutils.js';
+import type { ModelPositionOffset, DowncastSlotFilter } from 'ckeditor5/src/engine.js';
+import { TableUtils } from '../src/tableutils.js';
 import '../theme/tableediting.css';
 /**
  * The table editing feature.
  */
-export default class TableEditing extends Plugin {
+export declare class TableEditing extends Plugin {
     /**
      * Handlers for creating additional slots in the table.
      */
@@ -40,7 +40,7 @@ export default class TableEditing extends Plugin {
     /**
      * Registers downcast handler for the additional table slot.
      */
-    registerAdditionalSlot(slotHandler: AdditionalSlot): void;
+    registerAdditionalSlot(slotHandler: TableConversionAdditionalSlot): void;
 }
 /**
  * By default, only the `tableRow` elements from the `table` model are downcast inside the `<table>` and
@@ -90,13 +90,13 @@ export default class TableEditing extends Plugin {
  * </table>
  * ```
  */
-export interface AdditionalSlot {
+export interface TableConversionAdditionalSlot {
     /**
      * Filter for elements that should be placed inside given slot.
      */
-    filter: SlotFilter;
+    filter: DowncastSlotFilter;
     /**
      * Position of the slot within the table.
      */
-    positionOffset: PositionOffset;
+    positionOffset: ModelPositionOffset;
 }

package/src/tableediting.js

@@ -6,30 +6,30 @@
  * @module table/tableediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import upcastTable, { ensureParagraphInTableCell, skipEmptyTableRow, upcastTableFigure } from './converters/upcasttable.js';
+import { upcastTable, ensureParagraphInTableCell, skipEmptyTableRow, upcastTableFigure } from './converters/upcasttable.js';
 import { convertParagraphInTableCell, downcastCell, downcastRow, downcastTable } from './converters/downcast.js';
-import InsertTableCommand from './commands/inserttablecommand.js';
-import InsertRowCommand from './commands/insertrowcommand.js';
-import InsertColumnCommand from './commands/insertcolumncommand.js';
-import SplitCellCommand from './commands/splitcellcommand.js';
-import MergeCellCommand from './commands/mergecellcommand.js';
-import RemoveRowCommand from './commands/removerowcommand.js';
-import RemoveColumnCommand from './commands/removecolumncommand.js';
-import SetHeaderRowCommand from './commands/setheaderrowcommand.js';
-import SetHeaderColumnCommand from './commands/setheadercolumncommand.js';
-import MergeCellsCommand from './commands/mergecellscommand.js';
-import SelectRowCommand from './commands/selectrowcommand.js';
-import SelectColumnCommand from './commands/selectcolumncommand.js';
-import TableUtils from '../src/tableutils.js';
-import injectTableLayoutPostFixer from './converters/table-layout-post-fixer.js';
-import injectTableCellParagraphPostFixer from './converters/table-cell-paragraph-post-fixer.js';
-import tableHeadingsRefreshHandler from './converters/table-headings-refresh-handler.js';
-import tableCellRefreshHandler from './converters/table-cell-refresh-handler.js';
+import { InsertTableCommand } from './commands/inserttablecommand.js';
+import { InsertRowCommand } from './commands/insertrowcommand.js';
+import { InsertColumnCommand } from './commands/insertcolumncommand.js';
+import { SplitCellCommand } from './commands/splitcellcommand.js';
+import { MergeCellCommand } from './commands/mergecellcommand.js';
+import { RemoveRowCommand } from './commands/removerowcommand.js';
+import { RemoveColumnCommand } from './commands/removecolumncommand.js';
+import { SetHeaderRowCommand } from './commands/setheaderrowcommand.js';
+import { SetHeaderColumnCommand } from './commands/setheadercolumncommand.js';
+import { MergeCellsCommand } from './commands/mergecellscommand.js';
+import { SelectRowCommand } from './commands/selectrowcommand.js';
+import { SelectColumnCommand } from './commands/selectcolumncommand.js';
+import { TableUtils } from '../src/tableutils.js';
+import { injectTableLayoutPostFixer } from './converters/table-layout-post-fixer.js';
+import { injectTableCellParagraphPostFixer } from './converters/table-cell-paragraph-post-fixer.js';
+import { tableHeadingsRefreshHandler } from './converters/table-headings-refresh-handler.js';
+import { tableCellRefreshHandler } from './converters/table-cell-refresh-handler.js';
 import '../theme/tableediting.css';
 /**
  * The table editing feature.
  */
-export default class TableEditing extends Plugin {
+export class TableEditing extends Plugin {
     /**
      * Handlers for creating additional slots in the table.
      */

package/src/tablekeyboard.d.ts

@@ -5,16 +5,16 @@
 /**
  * @module table/tablekeyboard
  */
-import TableSelection from './tableselection.js';
-import TableUtils from './tableutils.js';
+import { TableSelection } from './tableselection.js';
+import { TableUtils } from './tableutils.js';
 import { Plugin } from 'ckeditor5/src/core.js';
 import { type ArrowKeyCodeDirection } from 'ckeditor5/src/utils.js';
-import type { Element } from 'ckeditor5/src/engine.js';
+import type { ModelElement } from 'ckeditor5/src/engine.js';
 /**
  * This plugin enables keyboard navigation for tables.
  * It is loaded automatically by the {@link module:table/table~Table} plugin.
  */
-export default class TableKeyboard extends Plugin {
+export declare class TableKeyboard extends Plugin {
     /**
      * @inheritDoc
      */
@@ -32,17 +32,17 @@ export default class TableKeyboard extends Plugin {
      */
     init(): void;
     /**
-     * Handles {@link module:engine/view/document~Document#event:tab tab} events for the <kbd>Tab</kbd> key executed
+     * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed
      * when the table widget is selected.
      */
     private _handleTabOnSelectedTable;
     /**
-     * Handles {@link module:engine/view/document~Document#event:tab tab} events for the <kbd>Tab</kbd> key executed
+     * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed
      * inside table cells.
      */
     private _handleTab;
     /**
-     * Handles {@link module:engine/view/document~Document#event:keydown keydown} events.
+     * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events.
      */
     private _onArrowKey;
     /**
@@ -68,5 +68,5 @@ export default class TableKeyboard extends Plugin {
      * @param direction Direction in which selection should move.
      * @param expandSelection If the current selection should be expanded. Default value is false.
      */
-    protected _navigateFromCellInDirection(focusCell: Element, direction: ArrowKeyCodeDirection, expandSelection?: boolean): void;
+    protected _navigateFromCellInDirection(focusCell: ModelElement, direction: ArrowKeyCodeDirection, expandSelection?: boolean): void;
 }

package/src/tablekeyboard.js

@@ -5,16 +5,16 @@
 /**
  * @module table/tablekeyboard
  */
-import TableSelection from './tableselection.js';
-import TableWalker from './tablewalker.js';
-import TableUtils from './tableutils.js';
+import { TableSelection } from './tableselection.js';
+import { TableWalker } from './tablewalker.js';
+import { TableUtils } from './tableutils.js';
 import { Plugin } from 'ckeditor5/src/core.js';
 import { getLocalizedArrowKeyCodeDirection } from 'ckeditor5/src/utils.js';
 /**
  * This plugin enables keyboard navigation for tables.
  * It is loaded automatically by the {@link module:table/table~Table} plugin.
  */
-export default class TableKeyboard extends Plugin {
+export class TableKeyboard extends Plugin {
     /**
      * @inheritDoc
      */
@@ -69,7 +69,7 @@ export default class TableKeyboard extends Plugin {
         });
     }
     /**
-     * Handles {@link module:engine/view/document~Document#event:tab tab} events for the <kbd>Tab</kbd> key executed
+     * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed
      * when the table widget is selected.
      */
     _handleTabOnSelectedTable(bubblingEventInfo, domEventData) {
@@ -87,7 +87,7 @@ export default class TableKeyboard extends Plugin {
         });
     }
     /**
-     * Handles {@link module:engine/view/document~Document#event:tab tab} events for the <kbd>Tab</kbd> key executed
+     * Handles {@link module:engine/view/document~ViewDocument#event:tab tab} events for the <kbd>Tab</kbd> key executed
      * inside table cells.
      */
     _handleTab(bubblingEventInfo, domEventData) {
@@ -151,7 +151,7 @@ export default class TableKeyboard extends Plugin {
         });
     }
     /**
-     * Handles {@link module:engine/view/document~Document#event:keydown keydown} events.
+     * Handles {@link module:engine/view/document~ViewDocument#event:keydown keydown} events.
      */
     _onArrowKey(eventInfo, domEventData) {
         const editor = this.editor;

package/src/tablelayout/commands/tabletypecommand.d.ts

@@ -19,7 +19,7 @@ import type { TableType } from '../../tableconfig.js';
  * editor.execute( 'tableType', 'layout' );
  * ```
  */
-export default class TableTypeCommand extends Command {
+export declare class TableTypeCommand extends Command {
     /**
      * The table type of selected table.
      *

package/src/tablelayout/commands/tabletypecommand.js

@@ -19,7 +19,7 @@ import { getSelectionAffectedTable } from '../../utils/common.js';
  * editor.execute( 'tableType', 'layout' );
  * ```
  */
-export default class TableTypeCommand extends Command {
+export class TableTypeCommand extends Command {
     /**
      * @inheritDoc
      */

package/src/tablelayout/tablelayoutediting.d.ts

@@ -6,12 +6,12 @@
  * @module table/tablelayout/tablelayoutediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import TableColumnResize from '../tablecolumnresize.js';
+import { TableColumnResize } from '../tablecolumnresize.js';
 import '../../theme/tablelayout.css';
 /**
  * The table layout editing plugin.
  */
-export default class TableLayoutEditing extends Plugin {
+export declare class TableLayoutEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/tablelayout/tablelayoutediting.js

@@ -6,16 +6,16 @@
  * @module table/tablelayout/tablelayoutediting
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import InsertTableLayoutCommand from './../commands/inserttablelayoutcommand.js';
-import TableColumnResize from '../tablecolumnresize.js';
-import TableTypeCommand from './commands/tabletypecommand.js';
+import { InsertTableLayoutCommand } from './../commands/inserttablelayoutcommand.js';
+import { TableColumnResize } from '../tablecolumnresize.js';
+import { TableTypeCommand } from './commands/tabletypecommand.js';
 import { createEmptyTableCell } from '../utils/common.js';
 import '../../theme/tablelayout.css';
 const TABLE_TYPES = ['content', 'layout'];
 /**
  * The table layout editing plugin.
  */
-export default class TableLayoutEditing extends Plugin {
+export class TableLayoutEditing extends Plugin {
     /**
      * @inheritDoc
      */

package/src/tablelayout/tablelayoutui.d.ts

@@ -12,7 +12,7 @@ import { Plugin } from 'ckeditor5/src/core.js';
  * * The `'insertTableLayout'` dropdown,
  * * The `'menuBar:insertTableLayout'` menu bar menu.
  */
-export default class TableLayoutUI extends Plugin {
+export declare class TableLayoutUI extends Plugin {
     /**
      * @inheritDoc
      */

package/src/tablelayout/tablelayoutui.js

@@ -7,16 +7,16 @@
  */
 import { Plugin } from 'ckeditor5/src/core.js';
 import { IconTableLayout, IconTableProperties } from 'ckeditor5/src/icons.js';
-import { createDropdown, addListToDropdown, MenuBarMenuView, SplitButtonView, DropdownButtonView, ViewModel } from 'ckeditor5/src/ui.js';
+import { createDropdown, addListToDropdown, MenuBarMenuView, SplitButtonView, DropdownButtonView, UIModel } from 'ckeditor5/src/ui.js';
 import { Collection } from 'ckeditor5/src/utils.js';
-import InsertTableView from '../ui/inserttableview.js';
+import { InsertTableView } from '../ui/inserttableview.js';
 /**
  * The table layout UI plugin. It introduces:
  *
  * * The `'insertTableLayout'` dropdown,
  * * The `'menuBar:insertTableLayout'` menu bar menu.
  */
-export default class TableLayoutUI extends Plugin {
+export class TableLayoutUI extends Plugin {
     /**
      * @inheritDoc
      */
@@ -174,7 +174,7 @@ function createTableLayoutTypeDropdownItems(editor) {
  * @returns The dropdown item definition.
  */
 function createTableTypeDropdownItem(tableTypeCommand, type, label) {
-    const model = new ViewModel({
+    const model = new UIModel({
         label,
         role: 'menuitemradio',
         withText: true,

package/src/tablelayout.d.ts

@@ -6,16 +6,16 @@
  * @module table/tablelayout
  */
 import { Plugin } from 'ckeditor5/src/core.js';
-import TableLayoutUI from './tablelayout/tablelayoutui.js';
-import TableLayoutEditing from './tablelayout/tablelayoutediting.js';
-import PlainTableOutput from './plaintableoutput.js';
-import TableColumnResize from './tablecolumnresize.js';
+import { TableLayoutUI } from './tablelayout/tablelayoutui.js';
+import { TableLayoutEditing } from './tablelayout/tablelayoutediting.js';
+import { PlainTableOutput } from './plaintableoutput.js';
+import { TableColumnResize } from './tablecolumnresize.js';
 /**
  * The table plugin.
  *
  * For a detailed overview, check the {@glink features/tables/layout-tables Layout table feature documentation}.
  */
-export default class TableLayout extends Plugin {
+export declare class TableLayout extends Plugin {
     /**
      * @inheritDoc
      */