@atlaskit/editor-common 76.35.0 → 76.37.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/editor-common
 
+## 76.37.0
+
+### Minor Changes
+
+- [#66364](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66364) [`212c782cb7a6`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/212c782cb7a6) - No longer require `cardOptions` to be passed to the hyperlink plugin configuration, it exposes a new optional way to skip analytics via the prependToolbarButtons action.
+
+### Patch Changes
+
+- [#60550](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60550) [`3016a811c0c7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/3016a811c0c7) - ECA11Y-92 Added assistive hidden message which are announcing for the screen reader when do any actions at the search field
+
+## 76.36.0
+
+### Minor Changes
+
+- [#65019](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65019) [`7290a6f8d435`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/7290a6f8d435) - Adding lpLinkPicker param to card and hyperlink plugins instead of using feature flag
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 76.35.0
 
 ### Minor Changes
@@ -5229,7 +5249,7 @@ Bumped dependencies.
 
   Please see [the package documentation](https://atlaskit.atlassian.com/packages/editor/editor-core/docs/annotations) for more information.
 
-  There is an example component called `ExampleInlineCommentComponent` within the `@atlaskit/editor-test-helpers` package. It is currently featured in the full page examples on the Atlaskit website.
+  There is an example component called `ExampleViewInlineCommentComponent` within the `@atlaskit/editor-core` package. It is currently featured in the full page examples on the Atlaskit website.
 
   Annotations are styled within the editor using the `fabric-editor-annotation` CSS class.
 

package/dist/cjs/element-browser/components/ElementSearch.js

@@ -18,6 +18,7 @@ var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
 var _colors = require("@atlaskit/theme/colors");
 var _constants = require("../constants");
 var _useFocus = _interopRequireDefault(require("../hooks/use-focus"));
+var _messages = _interopRequireDefault(require("../messages"));
 var _types = require("../types");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /** @jsx jsx */
@@ -30,14 +31,39 @@ function ElementSearch(_ref) {
     focus = _ref.focus,
     onClick = _ref.onClick,
     onKeyDown = _ref.onKeyDown,
-    searchTerm = _ref.searchTerm;
+    searchTerm = _ref.searchTerm,
+    items = _ref.items;
   var ref = (0, _useFocus.default)(focus);
+  var assistiveTextRef = (0, _react.useRef)(null);
+  (0, _react.useLayoutEffect)(function () {
+    if (assistiveTextRef) {
+      var assistiveDiv = assistiveTextRef.current;
+      /**
+       * We need to remove and set attributes, for the proper working of screen readers.
+       */
+      assistiveDiv === null || assistiveDiv === void 0 || assistiveDiv.removeAttribute('aria-live');
+      assistiveDiv === null || assistiveDiv === void 0 || assistiveDiv.setAttribute('aria-live', 'polite');
+    }
+  }, [items, formatMessage]);
   var onChange = function onChange(_ref2) {
     var value = _ref2.target.value;
     onSearch(value);
   };
   var onFocus = function onFocus(e) {};
   var onBlur = function onBlur(e) {};
+  var getFormattedMessage = function getFormattedMessage(itemsCount) {
+    if (searchTerm === '') {
+      return "".concat(itemsCount, " ").concat(formatMessage(_messages.default.assistiveTextSuggestionsDefault));
+    }
+    if (itemsCount > 1) {
+      return "".concat(itemsCount, " ").concat(formatMessage(_messages.default.assistiveTextSuggestions));
+    }
+    if (itemsCount === 1) {
+      return "".concat(itemsCount, " ").concat(formatMessage(_messages.default.assistiveTextSuggestion));
+    }
+    return formatMessage(_messages.default.assistiveTextSuggestionNothing);
+  };
+  var assistiveMessage = getFormattedMessage(items === null || items === void 0 ? void 0 : items.length);
   return (0, _react2.jsx)("div", {
     css: [wrapper, mode === _types.Modes.inline && wrapperInline]
   }, (0, _react2.jsx)(_textfield.default, {
@@ -60,22 +86,20 @@ function ElementSearch(_ref) {
       "data-testid": "element_search__element_after_input"
     }, (0, _react2.jsx)("div", {
       css: styledShortcut
-    }, "\u23CE ", formatMessage(elementAfterInputMessage))),
-    placeholder: formatMessage(placeHolderMessage),
+    }, "\u23CE ", formatMessage(_messages.default.elementAfterInputMessage))),
+    placeholder: formatMessage(_messages.default.placeHolderMessage),
     "aria-label": "search",
+    "aria-labelledby": "search-assistive",
+    className: "js-search-input",
     value: searchTerm
-  }));
+  }), (0, _react2.jsx)("span", {
+    id: "search-assistive",
+    ref: assistiveTextRef,
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    className: "assistive"
+  }, assistiveMessage));
 }
-var elementAfterInputMessage = {
-  id: 'fabric.editor.elementbrowser.searchbar.elementAfterInput',
-  defaultMessage: 'Enter',
-  description: 'Enter to insert'
-};
-var placeHolderMessage = {
-  id: 'fabric.editor.elementbrowser.searchbar.placeholder',
-  defaultMessage: 'Search',
-  description: 'Search field placeholder'
-};
 var styledShortcut = (0, _react2.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  ", "\n  padding: ", "px ", "px;\n  width: ", "px;\n"])), _shortcut.shortcutStyle, _constants.GRID_SIZE / 2, _constants.GRID_SIZE, _constants.GRID_SIZE * 6);
 var wrapper = (0, _react2.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    border-radius: ", "px;\n    flex: 1 1 100%;\n    overflow: visible;\n    & > [data-ds--text-field--input] {\n      margin-bottom: 3px;\n      font-size: ", ";\n      padding: ", "px ", " ", "px 0;\n    }\n  }\n"])), _constants.GRID_SIZE * 6, _constants.GRID_SIZE, (0, _editorSharedStyles.relativeFontSizeToBase16)(14), _constants.GRID_SIZE, "var(--ds-space-075, 6px)", _constants.GRID_SIZE);
 var wrapperInline = (0, _react2.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  & > [data-ds--text-field--container] {\n    height: ", "px;\n    flex: none;\n    overflow: revert;\n  }\n"])), _constants.GRID_SIZE * 5);

package/dist/cjs/element-browser/components/StatelessElementBrowser.js

@@ -168,7 +168,8 @@ function MobileBrowser(_ref) {
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
-    searchTerm: searchTerm
+    searchTerm: searchTerm,
+    items: items
   }), showCategories && (0, _react2.jsx)("nav", {
     css: mobileCategoryListWrapper,
     tabIndex: -1
@@ -247,7 +248,8 @@ function DesktopBrowser(_ref2) {
     mode: mode,
     focus: focusOnSearch,
     onClick: setFocusOnSearch,
-    searchTerm: searchTerm
+    searchTerm: searchTerm,
+    items: items
   })), (0, _react2.jsx)(_ElementList.default, {
     items: items,
     mode: mode,

package/dist/cjs/element-browser/messages.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactIntlNext = require("react-intl-next");
+var _default = exports.default = (0, _reactIntlNext.defineMessages)({
+  elementAfterInputMessage: {
+    id: 'fabric.editor.elementbrowser.searchbar.elementAfterInput',
+    defaultMessage: 'Enter',
+    description: 'Enter to insert'
+  },
+  placeHolderMessage: {
+    id: 'fabric.editor.elementbrowser.searchbar.placeholder',
+    defaultMessage: 'Search',
+    description: 'Search field placeholder'
+  },
+  assistiveTextSuggestionsDefault: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
+    defaultMessage: 'suggestions available by default.',
+    description: 'Assistive text to describe the default list of suggestions'
+  },
+  assistiveTextSuggestions: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions',
+    defaultMessage: 'suggestions available for typed text.',
+    description: 'Assistive text to describe the list of suggestions filtered by typed user input, plural of fabric.editor.elementbrowser.searchbar.assistive.text.suggestion'
+  },
+  assistiveTextSuggestion: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.suggestion',
+    defaultMessage: 'suggestion available for typed text.',
+    description: 'Assistive text to describe the that there is one suggestion for the users typed input'
+  },
+  assistiveTextSuggestionNothing: {
+    id: 'fabric.editor.elementbrowser.searchbar.assistive.text.nothing',
+    defaultMessage: 'Nothing matches your search',
+    description: 'Assistive text to describe that no suggestions match the users typed input'
+  }
+});

package/dist/cjs/i18n/cs.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Aktuální úkol',
   'fabric.editor.action.description': 'Vytvořit a přiřadit aktuální úkol',
+  'fabric.editor.addColumn': 'Přidat sloupec vpravo',
   'fabric.editor.addMediaFiles': 'Přidat obrázek, video nebo soubor',
+  'fabric.editor.addRow': 'Přidat řádek pod',
   'fabric.editor.alignCenter': 'Zarovnat na střed',
   'fabric.editor.alignImageCenter': 'Zarovnat na střed',
   'fabric.editor.alignImageLeft': 'Zarovnat vlevo',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Zarovnat vlevo',
   'fabric.editor.alignRight': 'Zarovnat vpravo',
   'fabric.editor.annotationToolbar': 'Panel nástrojů poznámek',
+  'fabric.editor.backgroundColor': 'Barva pozadí',
   'fabric.editor.blockCardUnavailable': 'Vložený odkaz je uvnitř uzlu {node} a jeho zobrazení nelze změnit',
   'fabric.editor.blockDescription': 'Zobrazit další informace o odkazu, včetně souhrnu a akcí',
   'fabric.editor.blockTitle': 'Karta',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Informační panel',
   'fabric.editor.infoPanel.description': 'Zvýraznit informace v barevném panelu',
   'fabric.editor.inlineDescription': 'Zobrazit odkaz jako vložený text',
-  'fabric.editor.inlineOverlay': 'Změnit zobrazení',
   'fabric.editor.inlineTitle': 'Vložený',
   'fabric.editor.insertColumn': 'Vložit sloupec napravo',
   'fabric.editor.insertColumnDrag': 'Vložit sloupec',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Tabulka',
   'fabric.editor.table.description': 'Vložit tabulku',
   'fabric.editor.tableOptions': 'Možnosti tabulky',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Šířka tabulky byla snížena na {newWidth,number} pixel.} few {Šířka tabulky byla snížena na {newWidth,number} pixely.} many {Šířka tabulky byla snížena na {newWidth,number} pixelu.} other {Šířka tabulky byla snížena na {newWidth,number} pixelů.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Šířka tabulky byla snížena na {newWidth,number} pixel.} few {Šířka tabulky byla snížena na {newWidth,number} pixely.} many {Šířka tabulky byla snížena na {newWidth,number} pixelu.} other {Šířka tabulky byla snížena na {newWidth,number} pixelů.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Šířka tabulky byla zvýšena na {newWidth,number} pixel.} few {Šířka tabulky byla zvýšena na {newWidth,number} pixely.} many {Šířka tabulky byla zvýšena na {newWidth,number} pixelu.} other {Šířka tabulky byla zvýšena na {newWidth,number} pixelů.}}',
   'fabric.editor.tables.adjustColumn': 'Upravit sloupec',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Odstranění uzlu {nodeName} způsobí, že všechny k němu připojené položky přestanou fungovat.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Odstranit',

package/dist/cjs/i18n/da.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Handlingsgenstand',
   'fabric.editor.action.description': 'Opret og tildel handlingsgenstande',
+  'fabric.editor.addColumn': 'Tilføj kolonne til højre',
   'fabric.editor.addMediaFiles': 'Tilføj billede, video eller fil',
+  'fabric.editor.addRow': 'Tilføj række nedenfor',
   'fabric.editor.alignCenter': 'Centrér',
   'fabric.editor.alignImageCenter': 'Centrér',
   'fabric.editor.alignImageLeft': 'Venstrejustér',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Venstrejustér',
   'fabric.editor.alignRight': 'Højrejustér',
   'fabric.editor.annotationToolbar': 'Værktøjslinje til annotationer',
+  'fabric.editor.backgroundColor': 'Baggrundsfarve',
   'fabric.editor.blockCardUnavailable': 'Det indbyggede link er inden i {node}, og dets visning kan ikke ændres',
   'fabric.editor.blockDescription': 'Vis flere oplysninger om et link, inklusive sammendrag og handlinger',
   'fabric.editor.blockTitle': 'Kort',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Informationspanel',
   'fabric.editor.infoPanel.description': 'Fremhæv information i et farvet panel',
   'fabric.editor.inlineDescription': 'Vis link som indbygget tekst',
-  'fabric.editor.inlineOverlay': 'Skift visning',
   'fabric.editor.inlineTitle': 'Indbyg',
   'fabric.editor.insertColumn': 'Indsæt kolonne til højre',
   'fabric.editor.insertColumnDrag': 'Indsæt kolonne',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Tabel',
   'fabric.editor.table.description': 'Indsæt en tabel',
   'fabric.editor.tableOptions': 'Egenskaber for tabel',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Tabelbredde reduceret til {newWidth,number} pixel.} other {Tabelbredde reduceret til {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Tabelbredde reduceret til {newWidth,number} pixel.} other {Tabelbredde reduceret til {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Tabelbredde øget til {newWidth,number} pixel.} other {Tabelbredde øget til {newWidth,number} pixels.}}',
   'fabric.editor.tables.adjustColumn': 'Tilpas kolonne',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Hvis du sletter {nodeName}, brydes forbindelsen til alt, der er forbundet til den.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Slet',

package/dist/cjs/i18n/de.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Aufgabe',
   'fabric.editor.action.description': 'Aufgaben erstellen und zuweisen',
+  'fabric.editor.addColumn': 'Spalte rechts hinzufügen',
   'fabric.editor.addMediaFiles': 'Bild, Video oder Datei hinzufügen',
+  'fabric.editor.addRow': 'Zeile unterhalb hinzufügen',
   'fabric.editor.alignCenter': 'Mittig ausrichten',
   'fabric.editor.alignImageCenter': 'Mittig ausrichten',
   'fabric.editor.alignImageLeft': 'Links ausrichten',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Links ausrichten',
   'fabric.editor.alignRight': 'Rechts ausrichten',
   'fabric.editor.annotationToolbar': 'Symbolleiste für Anmerkungen',
+  'fabric.editor.backgroundColor': 'Hintergrundfarbe',
   'fabric.editor.blockCardUnavailable': 'Die Ansicht des Inline-Links kann nicht geändert werden, da sich der Link innerhalb von {node} befindet.',
   'fabric.editor.blockDescription': 'Weitere Informationen zu einem Link anzeigen, darunter eine Zusammenfassung und Aktionen',
   'fabric.editor.blockTitle': 'Karte',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Info-Panel',
   'fabric.editor.infoPanel.description': 'Informationen in einem farbigen Panel hervorheben',
   'fabric.editor.inlineDescription': 'Link als Inline-Text anzeigen',
-  'fabric.editor.inlineOverlay': 'Ansicht wechseln',
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.insertColumn': 'Spalte rechts einfügen',
   'fabric.editor.insertColumnDrag': 'Spalte einfügen',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Tabelle',
   'fabric.editor.table.description': 'Tabelle einfügen',
   'fabric.editor.tableOptions': 'Tabellenoptionen',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.} other {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.} other {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Die Tabellenbreite wurde auf {newWidth,number} Pixel erhöht.} other {Die Tabellenbreite wurde auf {newWidth,number} Pixel erhöht.}}',
   'fabric.editor.tables.adjustColumn': 'Spalte anpassen',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Durch das Löschen von {nodeName} werden alle damit verbundenen Elemente unbrauchbar.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Löschen',

package/dist/cjs/i18n/en.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Action item',
   'fabric.editor.action.description': 'Create and assign action items',
+  'fabric.editor.addColumn': 'Add column right',
   'fabric.editor.addMediaFiles': 'Add image, video, or file',
+  'fabric.editor.addRow': 'Add row below',
   'fabric.editor.alignCenter': 'Align center',
   'fabric.editor.alignImageCenter': 'Align center',
   'fabric.editor.alignImageLeft': 'Align left',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Align left',
   'fabric.editor.alignRight': 'Align right',
   'fabric.editor.annotationToolbar': 'Annotation toolbar',
+  'fabric.editor.backgroundColor': 'Background Color',
   'fabric.editor.blockCardUnavailable': 'The inline link is inside {node} and cannot have its view changed',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
@@ -217,7 +220,10 @@ var _default = exports.default = {
   'fabric.editor.table': 'Table',
   'fabric.editor.table.description': 'Insert a table',
   'fabric.editor.tableOptions': 'Table options',
-  'fabric.editor.tableResizeScreenReaderInformation': 'Table width decreased to {newWidth, plural, one {# pixel} other {# pixels}}.',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': 'Table width decreased to {newWidth, plural, one {# pixel} other {# pixels}}.',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': 'Table width increased to {newWidth, plural, one {# pixel} other {# pixels}}.',
+  'fabric.editor.tableSelector': 'Table size',
+  'fabric.editor.tableSelector.description': 'Add a table using popup to select a custom size',
   'fabric.editor.tables.adjustColumn': 'Adjust column',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Deleting {nodeName} will break anything connected to it.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Delete',

package/dist/cjs/i18n/en_GB.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Action item',
   'fabric.editor.action.description': 'Create and assign action items',
+  'fabric.editor.addColumn': 'Add column right',
   'fabric.editor.addMediaFiles': 'Add image, video, or file',
+  'fabric.editor.addRow': 'Add row below',
   'fabric.editor.alignCenter': 'Align center',
   'fabric.editor.alignImageCenter': 'Align center',
   'fabric.editor.alignImageLeft': 'Align left',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Align left',
   'fabric.editor.alignRight': 'Align right',
   'fabric.editor.annotationToolbar': 'Annotation toolbar',
+  'fabric.editor.backgroundColor': 'Background Colour',
   'fabric.editor.blockCardUnavailable': 'The inline link is inside {node} and cannot have its view changed',
   'fabric.editor.blockDescription': 'Display more information about a link, including a summary and actions',
   'fabric.editor.blockTitle': 'Card',
@@ -144,7 +147,7 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Info panel',
   'fabric.editor.infoPanel.description': 'Highlight information in a coloured panel',
   'fabric.editor.inlineDescription': 'Display link as inline text',
-  'fabric.editor.inlineOverlay': 'Change view',
+  'fabric.editor.inlineOverlay': 'Configure',
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
@@ -217,7 +220,10 @@ var _default = exports.default = {
   'fabric.editor.table': 'Table',
   'fabric.editor.table.description': 'Insert a table',
   'fabric.editor.tableOptions': 'Table options',
-  'fabric.editor.tableResizeScreenReaderInformation': 'Table width decreased to {newWidth, plural, one {# pixel} other {# pixels}}.',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': 'Table width decreased to {newWidth, plural, one {# pixel} other {# pixels}}.',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': 'Table width increased to {newWidth, plural, one {# pixel} other {# pixels}}.',
+  'fabric.editor.tableSelector': 'Table size',
+  'fabric.editor.tableSelector.description': 'Add a table using popup to select a custom size',
   'fabric.editor.tables.adjustColumn': 'Adjust column',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Deleting {nodeName} will break anything connected to it.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Delete',

package/dist/cjs/i18n/en_ZZ.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': '⁣⁢Action item؜‍⁠⁠؜⁡‌‍⁡‍‌⁣⁤',
   'fabric.editor.action.description': '⁣⁢Create and assign action items‌‌⁡‌⁡‌؜⁠⁡⁣⁤',
+  'fabric.editor.addColumn': '⁣⁢Add column right⁠⁠‌⁠‍⁠⁡⁡⁠⁠؜⁣⁤',
   'fabric.editor.addMediaFiles': '⁣⁢Add image, video, or file‌‍؜؜‍‍؜‍؜؜‍⁣⁤',
+  'fabric.editor.addRow': '⁣⁢Add row below؜⁡⁡⁠‍‍‍‍⁡؜؜⁣⁤',
   'fabric.editor.alignCenter': '⁣⁢Align center؜⁡‍⁠⁡⁠‍⁡‌‍⁣⁤',
   'fabric.editor.alignImageCenter': '⁣⁢Align center⁡⁡‍⁠‌⁡⁠⁡⁡‌⁡⁣⁤',
   'fabric.editor.alignImageLeft': '⁣⁢Align left⁠⁠‍؜⁡⁡⁠⁡⁠‍؜‌⁡⁣⁤',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': '⁣⁢Align left؜⁠‌‍‌‍⁠؜⁠⁣⁤',
   'fabric.editor.alignRight': '⁣⁢Align right⁡‌‌‌‍‌‍‍⁡⁣⁤',
   'fabric.editor.annotationToolbar': '⁣⁢Annotation toolbar؜‌⁠‍⁡⁠⁠⁡‌⁠‌⁣⁤',
+  'fabric.editor.backgroundColor': '⁣⁢Background Color⁡‌⁡⁠⁠⁠‌‌؜‍⁡⁡‍‍⁣⁤',
   'fabric.editor.blockCardUnavailable': '⁣⁢The inline link is inside {node} and cannot have its view changed‌⁠‌⁠‍⁠⁣⁤',
   'fabric.editor.blockDescription': '⁣⁢Display more information about a link, including a summary and actions‍⁠⁡⁣⁤',
   'fabric.editor.blockTitle': '⁣⁢Card‍‌‌؜‌؜⁡‍‍‌‌؜‍؜⁠⁡⁣⁤',
@@ -144,7 +147,7 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': '⁣⁢Info panel⁡؜‍⁠‍⁡‌‍؜‍⁠؜⁣⁤',
   'fabric.editor.infoPanel.description': '⁣⁢Highlight information in a colored panel⁡⁠⁡؜‍⁣⁤',
   'fabric.editor.inlineDescription': '⁣⁢Display link as inline text‍⁠⁡‌‍⁡؜‌⁣⁤',
-  'fabric.editor.inlineOverlay': '⁣⁢Change view⁠⁠‍‌‌⁡⁡؜⁡⁣⁤',
+  'fabric.editor.inlineOverlay': '⁣⁢Configure‌‍‍؜⁡‍⁡‌؜‍‍‍؜‌⁣⁤',
   'fabric.editor.inlineTitle': '⁣⁢Inline؜؜‌‌⁠‌‌⁡‌‌⁡⁡⁠⁣⁤',
   'fabric.editor.insertColumn': '⁣⁢Insert column right⁡‍‌‌‍⁠؜‌‌‍⁡⁡؜⁠‍⁣⁤',
   'fabric.editor.insertColumnDrag': '⁣⁢Insert column؜‌‌⁠⁡⁡‍⁡؜‌⁡‌⁣⁤',
@@ -217,7 +220,10 @@ var _default = exports.default = {
   'fabric.editor.table': '⁣⁢Table‌‌‍⁠‍‍‌⁡؜؜⁠؜؜⁣⁤',
   'fabric.editor.table.description': '⁣⁢Insert a table⁠⁠‌‍‍؜‌⁠‍⁡‌⁣⁤',
   'fabric.editor.tableOptions': '⁣⁢Table options‍⁠⁡‌‍‍⁠⁡⁣⁤',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {⁣⁢Table width decreased to {newWidth,number} pixel.؜؜⁡؜‌‍⁠⁡⁠⁣⁤} other {⁣⁢Table width decreased to {newWidth,number} pixels.؜؜⁡؜‌‍⁠⁡⁠⁣⁤}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {⁣⁢Table width decreased to {newWidth,number} pixel.؜‌‍‍⁠⁠⁠⁡‍⁣⁤} other {⁣⁢Table width decreased to {newWidth,number} pixels.؜‌‍‍⁠⁠⁠⁡‍⁣⁤}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {⁣⁢Table width increased to {newWidth,number} pixel.⁡‌‍‌؜⁡؜⁣⁤} other {⁣⁢Table width increased to {newWidth,number} pixels.⁡‌‍‌؜⁡؜⁣⁤}}',
+  'fabric.editor.tableSelector': '⁣⁢Table size⁠؜؜؜‍‍⁣⁤',
+  'fabric.editor.tableSelector.description': '⁣⁢Add a table using popup to select a custom size‌⁠‌؜‍⁠‍‌؜⁠⁣⁤',
   'fabric.editor.tables.adjustColumn': '⁣⁢Adjust column؜⁡‌؜‍⁠؜‍‌‌⁣⁤',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': '⁣⁢Deleting {nodeName} will break anything connected to it.؜‍⁡؜⁠‌؜؜‍⁣⁤',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '⁣⁢Delete⁠؜⁡؜⁡؜⁡‍؜‌⁠‍‌⁣⁤',

package/dist/cjs/i18n/es.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Elemento de acción',
   'fabric.editor.action.description': 'Crear y asignar elementos de acción',
+  'fabric.editor.addColumn': 'Añadir columna a la derecha',
   'fabric.editor.addMediaFiles': 'Añadir imagen, vídeo o archivo',
+  'fabric.editor.addRow': 'Añadir fila abajo',
   'fabric.editor.alignCenter': 'Centrar',
   'fabric.editor.alignImageCenter': 'Centrar',
   'fabric.editor.alignImageLeft': 'Alinear a la izquierda',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Alinear a la izquierda',
   'fabric.editor.alignRight': 'Alinear a la derecha',
   'fabric.editor.annotationToolbar': 'Barra de herramientas de anotaciones',
+  'fabric.editor.backgroundColor': 'Color de fondo',
   'fabric.editor.blockCardUnavailable': 'El enlace insertado está dentro de {node} y no puede cambiar de vista',
   'fabric.editor.blockDescription': 'Mostrar más información sobre un enlace, incluido un resumen y acciones',
   'fabric.editor.blockTitle': 'Tarjeta',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Panel de información',
   'fabric.editor.infoPanel.description': 'Destacar información en un panel de color',
   'fabric.editor.inlineDescription': 'Mostrar enlace como texto insertado',
-  'fabric.editor.inlineOverlay': 'Cambiar vista',
   'fabric.editor.inlineTitle': 'Insertado',
   'fabric.editor.insertColumn': 'Insertar columna a la derecha',
   'fabric.editor.insertColumnDrag': 'Insertar columna',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Tabla',
   'fabric.editor.table.description': 'Insertar una tabla',
   'fabric.editor.tableOptions': 'Opciones de tabla',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Ancho de la tabla reducido a {newWidth,number} píxel.} other {Ancho de la tabla reducido a {newWidth,number} píxeles.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Ancho de la tabla reducido a {newWidth,number} píxel.} other {Ancho de la tabla reducido a {newWidth,number} píxeles.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Ancho de la tabla aumentado a {newWidth,number} píxel.} other {Ancho de la tabla aumentado a {newWidth,number} píxeles.}}',
   'fabric.editor.tables.adjustColumn': 'Ajustar columna',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Al eliminar la extensión {nodeName}, se interrumpirá todo lo que se haya conectado a ella.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Eliminar',

package/dist/cjs/i18n/fi.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Tehtävä',
   'fabric.editor.action.description': 'Luo ja määrää toimintokohteita',
+  'fabric.editor.addColumn': 'Lisää sarake oikealle',
   'fabric.editor.addMediaFiles': 'Lisää kuva, video tai tiedosto',
+  'fabric.editor.addRow': 'Lisää rivi alapuolelle',
   'fabric.editor.alignCenter': 'Tasaa keskelle',
   'fabric.editor.alignImageCenter': 'Tasaa keskelle',
   'fabric.editor.alignImageLeft': 'Tasaa vasemmalle',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Tasaa vasemmalle',
   'fabric.editor.alignRight': 'Tasaa oikealle',
   'fabric.editor.annotationToolbar': 'Huomautuspalkki',
+  'fabric.editor.backgroundColor': 'Taustaväri',
   'fabric.editor.blockCardUnavailable': 'Sisäelementtilinkki on solmun {node} sisällä, eikä sen näkymää voi muuttaa',
   'fabric.editor.blockDescription': 'Näytä lisätietoja linkistä, kuten yhteenveto ja toiminnot',
   'fabric.editor.blockTitle': 'Kortti',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Tietopaneeli',
   'fabric.editor.infoPanel.description': 'Korosta tietoja värillisessä paneelissa',
   'fabric.editor.inlineDescription': 'Näytä linkki sitoutuvana tekstinä',
-  'fabric.editor.inlineOverlay': 'Vaihda näkymä',
   'fabric.editor.inlineTitle': 'Tekstiin sitoutuva',
   'fabric.editor.insertColumn': 'Lisää sarake oikealle',
   'fabric.editor.insertColumnDrag': 'Lisää sarake',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Taulu',
   'fabric.editor.table.description': 'Lisää taulukko',
   'fabric.editor.tableOptions': 'Taulukkovaihtoehdot',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Taulukon leveys pieneni {newWidth,number} pikseliin.} other {Taulukon leveys pieneni {newWidth,number} pikseliin.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Taulukon leveys pieneni {newWidth,number} pikseliin.} other {Taulukon leveys pieneni {newWidth,number} pikseliin.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Taulukon leveys kasvoi {newWidth,number} pikseliin.} other {Taulukon leveys kasvoi {newWidth,number} pikseliin.}}',
   'fabric.editor.tables.adjustColumn': 'Säädä saraketta',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Solmun {nodeName} poistaminen rikkoo kaiken siihen yhdistetyn.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Poista',

package/dist/cjs/i18n/fr.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Tâche',
   'fabric.editor.action.description': 'Créer et assigner des tâches',
+  'fabric.editor.addColumn': 'Ajouter une colonne à droite',
   'fabric.editor.addMediaFiles': 'Ajouter une image, une vidéo ou un fichier',
+  'fabric.editor.addRow': 'Ajouter une ligne en dessous',
   'fabric.editor.alignCenter': 'Aligner au centre',
   'fabric.editor.alignImageCenter': 'Aligner au centre',
   'fabric.editor.alignImageLeft': 'Aligner à gauche',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Aligner à gauche',
   'fabric.editor.alignRight': 'Aligner à droite',
   'fabric.editor.annotationToolbar': "Barre d'outils d'annotation",
+  'fabric.editor.backgroundColor': "Couleur d'arrière-plan",
   'fabric.editor.blockCardUnavailable': 'Le lien contextuel est dans {node} et sa vue ne peut être modifiée',
   'fabric.editor.blockDescription': "Affichez plus d'informations concernant un lien, y compris un résumé et des actions",
   'fabric.editor.blockTitle': 'Carte',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': "Volet d'informations",
   'fabric.editor.infoPanel.description': 'Mettre en valeur des informations dans un cadre coloré',
   'fabric.editor.inlineDescription': 'Affichez le lien sous forme de texte sur la même ligne',
-  'fabric.editor.inlineOverlay': 'Changer de vue',
   'fabric.editor.inlineTitle': 'Sur la même ligne',
   'fabric.editor.insertColumn': 'Insérer une colonne à droite',
   'fabric.editor.insertColumnDrag': 'Insérer une colonne',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Tableau',
   'fabric.editor.table.description': 'Insérer un tableau',
   'fabric.editor.tableOptions': 'Options du tableau',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {La largeur du tableau a été réduite à {newWidth,number} pixel.} other {La largeur du tableau a été réduite à {newWidth,number} pixels.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {La largeur du tableau a été réduite à {newWidth,number} pixel.} other {La largeur du tableau a été réduite à {newWidth,number} pixels.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {La largeur du tableau a été augmentée à {newWidth,number} pixel.} other {La largeur du tableau a été augmentée à {newWidth,number} pixels.}}',
   'fabric.editor.tables.adjustColumn': 'Ajuster la colonne',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Si vous supprimez {nodeName}, tous les éléments qui y sont connectés deviendront inexploitables.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Supprimer',

package/dist/cjs/i18n/hu.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Teendő',
   'fabric.editor.action.description': 'Műveleti elemek létrehozása és hozzárendelése',
+  'fabric.editor.addColumn': 'Oszlop beszúrása jobbra',
   'fabric.editor.addMediaFiles': 'Kép, videó vagy fájl hozzáadása',
+  'fabric.editor.addRow': 'Sor beszúrása alulra',
   'fabric.editor.alignCenter': 'Középre igazítás',
   'fabric.editor.alignImageCenter': 'Középre igazítás',
   'fabric.editor.alignImageLeft': 'Balra igazítás',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Balra igazítás',
   'fabric.editor.alignRight': 'Jobbra igazítás',
   'fabric.editor.annotationToolbar': 'Jegyzeteszköztár',
+  'fabric.editor.backgroundColor': 'Háttérszín',
   'fabric.editor.blockCardUnavailable': 'A beillesztett link a(z) {node} csomóponton belül található, és nem módosítható a nézete',
   'fabric.editor.blockDescription': 'Több információ, többek között az összefoglaló és a műveletek megjelenítése egy linkről',
   'fabric.editor.blockTitle': 'Kártya',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Információs panel',
   'fabric.editor.infoPanel.description': 'Információ kiemelése színes panelen',
   'fabric.editor.inlineDescription': 'Link megjelenítése beágyazott szövegként',
-  'fabric.editor.inlineOverlay': 'Nézet módosítása',
   'fabric.editor.inlineTitle': 'Beágyazott',
   'fabric.editor.insertColumn': 'Oszlop beszúrása jobbra',
   'fabric.editor.insertColumnDrag': 'Oszlop beszúrása',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Táblázat',
   'fabric.editor.table.description': 'Táblázat beszúrása',
   'fabric.editor.tableOptions': 'Táblázatbeállítások',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {A tábla szélessége {newWidth,number} pixelre csökkentve.} other {A tábla szélessége {newWidth,number} pixelre csökkentve.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {A tábla szélessége {newWidth,number} pixelre csökkentve.} other {A tábla szélessége {newWidth,number} pixelre csökkentve.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {A tábla szélessége {newWidth,number} pixelre növelve.} other {A tábla szélessége {newWidth,number} pixelre növelve.}}',
   'fabric.editor.tables.adjustColumn': 'Oszlop igazítása',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Ha törlöd a(z) {nodeName} csomópontot, a hozzá kapcsolódó elemek sem fognak működni.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Törlés',

package/dist/cjs/i18n/it.js

@@ -15,7 +15,9 @@ exports.default = void 0;
 var _default = exports.default = {
   'fabric.editor.action': 'Attività',
   'fabric.editor.action.description': 'Crea e assegna elementi di azione',
+  'fabric.editor.addColumn': 'Aggiungi colonna a destra',
   'fabric.editor.addMediaFiles': "Aggiungi un'immagine, un video o un file",
+  'fabric.editor.addRow': 'Aggiungi riga sotto',
   'fabric.editor.alignCenter': 'Allinea al centro',
   'fabric.editor.alignImageCenter': 'Allinea al centro',
   'fabric.editor.alignImageLeft': 'Allinea a sinistra',
@@ -23,6 +25,7 @@ var _default = exports.default = {
   'fabric.editor.alignLeft': 'Allinea a sinistra',
   'fabric.editor.alignRight': 'Allinea a destra',
   'fabric.editor.annotationToolbar': 'Barra degli strumenti di annotazione',
+  'fabric.editor.backgroundColor': 'Colore di sfondo',
   'fabric.editor.blockCardUnavailable': "Il collegamento in linea è all'interno di {node} e non è possibile modificare la relativa visualizzazione",
   'fabric.editor.blockDescription': 'Visualizza ulteriori informazioni relative al link, come riepilogo e azioni',
   'fabric.editor.blockTitle': 'Scheda',
@@ -144,7 +147,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': 'Pannello informazioni',
   'fabric.editor.infoPanel.description': 'Metti in evidenza l’informazione in un pannello colorato',
   'fabric.editor.inlineDescription': 'Visualizza il link come testo in linea',
-  'fabric.editor.inlineOverlay': 'Cambia visualizzazione',
   'fabric.editor.inlineTitle': 'In linea',
   'fabric.editor.insertColumn': 'Inserisci colonna a destra',
   'fabric.editor.insertColumnDrag': 'Inserisci colonna',
@@ -217,7 +219,8 @@ var _default = exports.default = {
   'fabric.editor.table': 'Tabella',
   'fabric.editor.table.description': 'Inserisci una tabella',
   'fabric.editor.tableOptions': 'Opzioni tabella',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Larghezza della tabella diminuita a {newWidth,number} pixel.} other {Larghezza della tabella diminuita a {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Larghezza della tabella diminuita a {newWidth,number} pixel.} other {Larghezza della tabella diminuita a {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Larghezza della tabella aumentata a {newWidth,number} pixel.} other {Larghezza della tabella aumentata a {newWidth,number} pixel.}}',
   'fabric.editor.tables.adjustColumn': 'Regola colonna',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': "L'eliminazione di {nodeName} comporterà l'interruzione di tutti i relativi collegamenti.",
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Elimina',

package/dist/cjs/i18n/ja.js

@@ -144,7 +144,6 @@ var _default = exports.default = {
   'fabric.editor.infoPanel': '情報パネル',
   'fabric.editor.infoPanel.description': '色付きのパネルで情報を強調',
   'fabric.editor.inlineDescription': 'リンクをインライン テキストとして表示します。',
-  'fabric.editor.inlineOverlay': 'ビューの変更',
   'fabric.editor.inlineTitle': 'インライン',
   'fabric.editor.insertColumn': '列を右に挿入',
   'fabric.editor.insertColumnDrag': '列を挿入',
@@ -217,7 +216,7 @@ var _default = exports.default = {
   'fabric.editor.table': '表',
   'fabric.editor.table.description': '表を挿入',
   'fabric.editor.tableOptions': '表のオプション',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, other {テーブル幅が {newWidth,number} ピクセルに縮小しました。}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, other {テーブル幅が {newWidth,number} ピクセルに縮小しました。}}',
   'fabric.editor.tables.adjustColumn': '列を調整する',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': '{nodeName} を削除すると、接続されているすべてが破棄されます。',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': '削除',