@ckeditor/ckeditor5-table 41.3.0-alpha.4 → 41.3.0

package/lang/translations/tr.po

@@ -272,3 +272,7 @@ msgstr "Yeni bir tablo satırı ekle (tablonun son hücresindeyken)"
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr "Tabloda gezin"
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr "Tablo"

package/lang/translations/tt.po

@@ -272,3 +272,7 @@ msgstr ""
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr ""
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr ""

package/lang/translations/ug.po

@@ -272,3 +272,7 @@ msgstr ""
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr ""
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr ""

package/lang/translations/uk.po

@@ -272,3 +272,7 @@ msgstr "Вставити новий рядок таблиці (якщо в ос
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr "Навігація по таблиці"
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr "Таблиця"

package/lang/translations/ur.po

@@ -272,3 +272,7 @@ msgstr ""
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr ""
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr ""

package/lang/translations/uz.po

@@ -272,3 +272,7 @@ msgstr ""
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr ""
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr ""

package/lang/translations/vi.po

@@ -272,3 +272,7 @@ msgstr "Chèn một hàng mới trong bảng (khi ở ô cuối cùng của bả
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr "Điều hướng qua bảng"
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr "Bảng"

package/lang/translations/zh-cn.po

@@ -272,3 +272,7 @@ msgstr "插入新的表格行（当位于表格的最后一个单元格时）"
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr "在表格中进行导览"
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr "表格"

package/lang/translations/zh.po

@@ -272,3 +272,7 @@ msgstr "插入新的表格橫排（當位於表格的最後一個單元格時）
 msgctxt "Keystroke description for assistive technologies: keystroke for navigating through the table."
 msgid "Navigate through the table"
 msgstr "在表格中移動"
+
+msgctxt "The accessible label of the menu bar button that displays a user interface to insert a table into editor content."
+msgid "Table"
+msgstr "表格"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-table",
-  "version": "41.3.0-alpha.4",
+  "version": "41.3.0",
   "description": "Table feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,7 +13,7 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "ckeditor5": "41.3.0-alpha.4",
+    "ckeditor5": "41.3.0",
     "lodash-es": "4.17.21"
   },
   "author": "CKSource (http://cksource.com/)",
@@ -26,7 +26,6 @@
     "directory": "packages/ckeditor5-table"
   },
   "files": [
-    "dist",
     "lang",
     "src/**/*.js",
     "src/**/*.d.ts",

package/src/tableui.d.ts

@@ -10,6 +10,7 @@ import { Plugin } from 'ckeditor5/src/core.js';
  * The table UI plugin. It introduces:
  *
  * * The `'insertTable'` dropdown,
+ * * The `'menuBar:insertTable'` menu bar menu,
  * * The `'tableColumn'` dropdown,
  * * The `'tableRow'` dropdown,
  * * The `'mergeTableCells'` split button.

package/src/tableui.js

@@ -6,7 +6,7 @@
  * @module table/tableui
  */
 import { icons, Plugin } from 'ckeditor5/src/core.js';
-import { addListToDropdown, createDropdown, ViewModel, SplitButtonView, SwitchButtonView } from 'ckeditor5/src/ui.js';
+import { addListToDropdown, createDropdown, ViewModel, SplitButtonView, SwitchButtonView, MenuBarMenuView } from 'ckeditor5/src/ui.js';
 import { Collection } from 'ckeditor5/src/utils.js';
 import InsertTableView from './ui/inserttableview.js';
 import tableColumnIcon from './../theme/icons/table-column.svg';
@@ -16,6 +16,7 @@ import tableMergeCellIcon from './../theme/icons/table-merge-cell.svg';
  * The table UI plugin. It introduces:
  *
  * * The `'insertTable'` dropdown,
+ * * The `'menuBar:insertTable'` menu bar menu,
  * * The `'tableColumn'` dropdown,
  * * The `'tableRow'` dropdown,
  * * The `'mergeTableCells'` split button.
@@ -63,6 +64,28 @@ export default class TableUI extends Plugin {
             });
             return dropdownView;
         });
+        editor.ui.componentFactory.add('menuBar:insertTable', locale => {
+            const command = editor.commands.get('insertTable');
+            const menuView = new MenuBarMenuView(locale);
+            const insertTableView = new InsertTableView(locale);
+            insertTableView.delegate('execute').to(menuView);
+            menuView.on('change:isOpen', (event, name, isOpen) => {
+                if (!isOpen) {
+                    insertTableView.reset();
+                }
+            });
+            insertTableView.on('execute', () => {
+                editor.execute('insertTable', { rows: insertTableView.rows, columns: insertTableView.columns });
+                editor.editing.view.focus();
+            });
+            menuView.buttonView.set({
+                label: t('Table'),
+                icon: icons.table
+            });
+            menuView.panelView.children.add(insertTableView);
+            menuView.bind('isEnabled').to(command);
+            return menuView;
+        });
         editor.ui.componentFactory.add('tableColumn', locale => {
             const options = [
                 {

package/src/ui/inserttableview.d.ts

@@ -49,6 +49,10 @@ export default class InsertTableView extends View {
      */
     constructor(locale: Locale);
     render(): void;
+    /**
+     * Resets the rows and columns selection.
+     */
+    reset(): void;
     /**
      * @inheritDoc
      */

package/src/ui/inserttableview.js

@@ -103,6 +103,15 @@ export default class InsertTableView extends View {
         }
         this.keystrokes.listenTo(this.element);
     }
+    /**
+     * Resets the rows and columns selection.
+     */
+    reset() {
+        this.set({
+            rows: 1,
+            columns: 1
+        });
+    }
     /**
      * @inheritDoc
      */

package/dist/content-index.css

@@ -1,55 +0,0 @@
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-:root {
---ck-color-selector-caption-background: hsl(0, 0%, 97%);
---ck-color-selector-caption-text: hsl(0, 0%, 20%);
-}
-.ck-content .table {
-margin: 0.9em auto;
-display: table;
-}
-.ck-content .table table {
-border-collapse: collapse;
-border-spacing: 0;
-width: 100%;
-height: 100%;
-border: 1px double hsl(0, 0%, 70%);
-}
-.ck-content .table table td {
-min-width: 2em;
-padding: .4em;
-border: 1px solid hsl(0, 0%, 75%);
-}
-.ck-content .table table th {
-font-weight: bold;
-background: hsla(0, 0%, 0%, 5%);
-}
-.ck-content[dir="rtl"] .table th {
-text-align: right;
-}
-.ck-content[dir="ltr"] .table th {
-text-align: left;
-}
-.ck-content .table > figcaption {
-display: table-caption;
-caption-side: top;
-word-break: break-word;
-text-align: center;
-color: var(--ck-color-selector-caption-text);
-background-color: var(--ck-color-selector-caption-background);
-padding: .6em;
-font-size: .75em;
-outline-offset: -1px;
-}
-.ck-content .table .ck-table-resized {
-table-layout: fixed;
-}
-.ck-content .table table {
-overflow: hidden;
-}
-.ck-content .table td {
-overflow-wrap: break-word;
-position: relative;
-}

package/dist/editor-index.css

@@ -1,150 +0,0 @@
-/**
- * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-:root {
---ck-color-selector-column-resizer-hover: var(--ck-color-base-active);
---ck-table-column-resizer-width: 7px;
---ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -0.5 - 0.5px);
-}
-.ck-editor__editable .ck-table-bogus-paragraph {
-display: inline-block;
-width: 100%;
-}
-.ck .ck-insert-table-dropdown__grid {
-display: flex;
-flex-direction: row;
-flex-wrap: wrap;
-}
-.ck.ck-form__row {
-display: flex;
-flex-direction: row;
-flex-wrap: nowrap;
-justify-content: space-between;
-}
-.ck.ck-form__row > *:not(.ck-label) {
-flex-grow: 1;
-}
-.ck.ck-form__row.ck-table-form__action-row .ck-button-save {
-justify-content: center;
-}
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
-flex-wrap: wrap;
-}
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
-flex-grow: 0.57;
-}
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
-flex-grow: 0.43;
-}
-.ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
-flex-grow: 1;
-}
-.ck.ck-input-color {
-width: 100%;
-display: flex;
-flex-direction: row-reverse;
-}
-.ck.ck-input-color > input.ck.ck-input-text {
-min-width: auto;
-flex-grow: 1;
-}
-.ck.ck-input-color > div.ck.ck-dropdown {
-min-width: auto;
-}
-.ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
-display: none;
-}
-.ck.ck-input-color .ck.ck-input-color__button {
-display: flex;
-}
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview {
-position: relative;
-overflow: hidden;
-}
-.ck.ck-input-color .ck.ck-input-color__button .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
-position: absolute;
-display: block;
-}
-.ck.ck-table-form .ck-form__row.ck-table-form__border-row {
-flex-wrap: wrap;
-}
-.ck.ck-table-form .ck-form__row.ck-table-form__background-row {
-flex-wrap: wrap;
-}
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
-flex-wrap: wrap;
-align-items: center;
-}
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view {
-display: flex;
-flex-direction: column-reverse;
-align-items: center;
-}
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-labeled-field-view .ck.ck-dropdown {
-flex-grow: 0;
-}
-.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
-flex-grow: 0;
-}
-.ck.ck-table-form .ck.ck-labeled-field-view {
-position: relative;
-}
-.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
-position: absolute;
-left: 50%;
-bottom: calc( -1 * var(--ck-table-properties-error-arrow-size) );
-transform: translate(-50%,100%);
-z-index: 1;
-}
-.ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status::after {
-content: "";
-position: absolute;
-top: calc( -1 * var(--ck-table-properties-error-arrow-size) );
-left: 50%;
-transform: translateX( -50% );
-}
-.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
-flex-wrap: wrap;
-flex-basis: 0;
-align-content: baseline;
-}
-.ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
-flex-wrap: nowrap;
-}
-.ck.ck-editor__editable .table > figcaption.table__caption_highlighted {
-animation: ck-table-caption-highlight .6s ease-out;
-}
-.ck.ck-editor__editable .table > figcaption.ck-placeholder::before {
-padding-left: inherit;
-padding-right: inherit;
-white-space: nowrap;
-overflow: hidden;
-text-overflow: ellipsis;
-}
-.ck.ck-editor__editable .table .ck-table-column-resizer {
-position: absolute;
-top: 0;
-bottom: 0;
-right: var(--ck-table-column-resizer-position-offset);
-width: var(--ck-table-column-resizer-width);
-cursor: col-resize;
-user-select: none;
-z-index: var(--ck-z-default);
-}
-.ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer {
-display: none;
-}
-.ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
-display: none;
-}
-.ck.ck-editor__editable .table .ck-table-column-resizer:hover {
-background-color: var(--ck-color-selector-column-resizer-hover);
-opacity: 0.25;
-top: -999999px;
-bottom: -999999px;
-}
-.ck.ck-editor__editable[dir=rtl] .table .ck-table-column-resizer {
-left: var(--ck-table-column-resizer-position-offset);
-right: unset;
-}