@atlaskit/editor-core 183.1.1 → 184.0.0

package/dist/es2019/ui/ContextPanel/index.js

@@ -6,10 +6,9 @@ import { css, jsx } from '@emotion/react';
 import Transition from 'react-transition-group/Transition';
 import { N30 } from '@atlaskit/theme/colors';
 import { akEditorSwoopCubicBezier, akEditorDefaultLayoutWidth, akEditorWideLayoutWidth, akEditorBreakoutPadding, akEditorContextPanelWidth, ATLASSIAN_NAVIGATION_HEIGHT } from '@atlaskit/editor-shared-styles';
-import { ContextPanelConsumer } from './context';
+import { ContextPanelConsumer } from '@atlaskit/editor-common/ui';
 import WithPluginState from '../WithPluginState';
 import { pluginKey as contextPanelPluginKey } from '../../plugins/context-panel';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
 import WithEditorActions from '../WithEditorActions';
 import { getChildBreakoutModes } from '../../utils/document';
 const ANIM_SPEED_MS = 500;
@@ -58,6 +57,15 @@ export class SwappableContentArea extends React.PureComponent {
       mounted: false,
       currentPluginContent: undefined
     });
+    _defineProperty(this, "focusEditor", () => {
+      const {
+        editorView
+      } = this.props;
+      if (editorView && !editorView.hasFocus()) {
+        var _editorView$focus;
+        (_editorView$focus = editorView.focus) === null || _editorView$focus === void 0 ? void 0 : _editorView$focus.call(editorView);
+      }
+    });
     _defineProperty(this, "showPluginContent", () => {
       const {
         pluginContent
@@ -87,7 +95,8 @@ export class SwappableContentArea extends React.PureComponent {
         timeout: this.state.mounted ? ANIM_SPEED_MS : 0,
         in: isVisible,
         mountOnEnter: true,
-        unmountOnExit: true
+        unmountOnExit: true,
+        onExiting: this.focusEditor
       }, children);
     });
   }
@@ -123,8 +132,9 @@ export class SwappableContentArea extends React.PureComponent {
       broadcastPosition,
       positionedOverEditor
     }) => {
+      const contextPanelWidth = visible ? width : 0;
       const newPosition = editorWidth ? shouldPanelBePositionedOverEditor(editorWidth, width) : false;
-      broadcastWidth(visible ? width : 0);
+      broadcastWidth(contextPanelWidth);
       (newPosition && visible) !== positionedOverEditor && broadcastPosition(newPosition && visible);
       return jsx("div", {
         css: [panel, !visible && panelHidden,
@@ -143,44 +153,57 @@ export class SwappableContentArea extends React.PureComponent {
     });
   }
 }
-export default class ContextPanel extends React.Component {
-  render() {
-    return jsx(WithEditorActions, {
-      render: actions => {
-        const eventDispatcher = actions._privateGetEventDispatcher();
-        const editorView = actions._privateGetEditorView();
-        if (!eventDispatcher) {
-          return jsx(SwappableContentArea, _extends({
-            editorView: editorView
-          }, this.props));
-        }
-        return jsx(WithPluginState, {
-          eventDispatcher: eventDispatcher,
-          plugins: {
-            contextPanel: contextPanelPluginKey,
-            widthState: widthPluginKey
-          },
-          render: ({
-            contextPanel,
-            widthState = {
-              width: 0,
-              containerWidth: 0,
-              lineLength: akEditorDefaultLayoutWidth
-            }
-          }) => {
-            const firstContent = contextPanel && contextPanel.contents.find(Boolean);
-            const editorWidth = {
-              ...widthState,
-              contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
-            };
-            return jsx(SwappableContentArea, _extends({}, this.props, {
-              editorView: editorView,
-              pluginContent: firstContent,
-              editorWidth: editorWidth
-            }));
-          }
-        });
-      }
-    });
+
+// TODO: ED-17837 We have this workaround because we do
+// not have access to the pluginInjectionApi at this location.
+// It might be that we need to inject the pluginInjectionApi
+// via context so that we can use it in this file (similar to
+// WithEditorActions). To be investigated further.
+// @ts-ignore
+const widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: state => {
+    return state['widthPlugin$'];
+  }
+};
+function ContextPanelWithActions({
+  actions,
+  ...props
+}) {
+  const eventDispatcher = actions._privateGetEventDispatcher();
+  const editorView = actions._privateGetEditorView();
+  if (!eventDispatcher) {
+    return jsx(SwappableContentArea, _extends({
+      editorView: editorView
+    }, props));
   }
+  return jsx(WithPluginState, {
+    eventDispatcher: eventDispatcher,
+    plugins: {
+      contextPanel: contextPanelPluginKey,
+      widthState: widthPluginKey
+    },
+    render: ({
+      contextPanel,
+      widthState
+    }) => {
+      const firstContent = contextPanel && contextPanel.contents.find(Boolean);
+      const editorWidth = {
+        ...widthState,
+        contentBreakoutModes: editorView ? getChildBreakoutModes(editorView.state.doc, editorView.state.schema) : []
+      };
+      return jsx(SwappableContentArea, _extends({}, props, {
+        editorView: editorView,
+        pluginContent: firstContent,
+        editorWidth: editorWidth
+      }));
+    }
+  });
+}
+export default function ContextPanel(props) {
+  return jsx(WithEditorActions, {
+    render: actions => jsx(ContextPanelWithActions, _extends({
+      actions: actions
+    }, props))
+  });
 }

package/dist/es2019/ui/MediaAndEmbedsToolbar/index.js

@@ -9,7 +9,6 @@ import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
 import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
 import EditorAlignImageCenter from '@atlaskit/icon/glyph/editor/align-image-center';
 import { alignAttributes } from '../../utils/rich-media-utils';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
 import { DEFAULT_EMBED_CARD_WIDTH } from '@atlaskit/editor-shared-styles';
 import { addAnalytics } from '../../plugins/analytics/utils';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, ACTION } from '../../plugins/analytics';
@@ -62,7 +61,7 @@ const getNodeWidth = (node, schema) => {
   }
   return node.firstChild && node.firstChild.attrs.width || node.attrs.width;
 };
-const makeAlign = (layout, nodeType) => {
+const makeAlign = (layout, nodeType, widthPluginDependencyApi) => {
   return (state, dispatch) => {
     const {
       node
@@ -76,7 +75,7 @@ const makeAlign = (layout, nodeType) => {
     if (!dispatch) {
       return false;
     }
-    const widthPluginState = widthPluginKey.getState(state);
+    const widthPluginState = widthPluginDependencyApi === null || widthPluginDependencyApi === void 0 ? void 0 : widthPluginDependencyApi.sharedState.currentState();
     if (!node || node.type !== nodeType || !widthPluginState) {
       return false;
     }
@@ -116,7 +115,7 @@ const makeAlign = (layout, nodeType) => {
     return true;
   };
 };
-const mapIconsToToolbarItem = (icons, layout, intl, nodeType) => icons.map(toolbarItem => {
+const mapIconsToToolbarItem = (icons, layout, intl, nodeType, widthPluginDependencyApi) => icons.map(toolbarItem => {
   const {
     id,
     value
@@ -127,7 +126,7 @@ const mapIconsToToolbarItem = (icons, layout, intl, nodeType) => icons.map(toolb
     icon: toolbarItem.icon,
     title: intl.formatMessage(layoutToMessages[value]),
     selected: layout === value,
-    onClick: makeAlign(value, nodeType)
+    onClick: makeAlign(value, nodeType, widthPluginDependencyApi)
   };
 });
 const shouldHideLayoutToolbar = (selection, {
@@ -135,7 +134,7 @@ const shouldHideLayoutToolbar = (selection, {
 }, allowResizingInTables) => {
   return hasParentNodeOfType([nodes.bodiedExtension, nodes.listItem, nodes.expand, nodes.nestedExpand, ...(allowResizingInTables ? [] : [nodes.table])].filter(Boolean))(selection);
 };
-const buildLayoutButtons = (state, intl, nodeType, allowResizing, allowResizingInTables, allowWrapping = true, allowAlignment = true) => {
+const buildLayoutButtons = (state, intl, nodeType, widthPluginDependencyApi, allowResizing, allowResizingInTables, allowWrapping = true, allowAlignment = true) => {
   const {
     selection
   } = state;
@@ -145,9 +144,9 @@ const buildLayoutButtons = (state, intl, nodeType, allowResizing, allowResizingI
   const {
     layout
   } = selection.node.attrs;
-  const alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType) : [];
-  const wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType) : [];
-  const breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType) : [];
+  const alignmentToolbarItems = allowAlignment ? mapIconsToToolbarItem(alignmentIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  const wrappingToolbarItems = allowWrapping ? mapIconsToToolbarItem(wrappingIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
+  const breakOutToolbarItems = !allowResizing ? mapIconsToToolbarItem(breakoutIcons, layout, intl, nodeType, widthPluginDependencyApi) : [];
   const items = [...alignmentToolbarItems, ...getSeparatorBetweenAlignmentAndWrapping(allowAlignment, allowWrapping), ...wrappingToolbarItems, ...getSeparatorBeforeBreakoutItems(allowAlignment, allowWrapping, allowResizing), ...breakOutToolbarItems];
   return items;
 };

package/dist/es2019/ui/Resizer/index.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import classnames from 'classnames';
 import { Resizable } from 're-resizable';
-import { gridTypeForLayout } from '../../plugins/grid';
+import { gridTypeForLayout } from '@atlaskit/editor-common/utils';
 import { snapTo, handleSides } from './utils';
 import { richMediaClassName } from '@atlaskit/editor-common/styles';
 import { akRichMediaResizeZIndex } from '@atlaskit/editor-shared-styles';

package/dist/es2019/ui/WidthEmitter/index.js

@@ -1,7 +1,13 @@
-import React, { useEffect, useContext, useState } from 'react';
-import { pluginKey as widthPluginKey } from '../../plugins/width';
-import { WidthContext } from '@atlaskit/editor-common/ui';
-import { ContextPanel } from '../ContextPanel/context';
+import React, { useContext, useEffect, useState } from 'react';
+import { ContextPanel, WidthContext } from '@atlaskit/editor-common/ui';
+// TODO: ED-17870 This workaround will be removed here.
+// @ts-ignore
+const widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: state => {
+    return state['widthPlugin$'];
+  }
+};
 // Why do we need this? Why not just use the width from the context directly rather than this?
 // Well my friend - some of the VR tests break, seemingly due to the fact that existing behaviour
 // assumes the initial value is 0, the width from context may not start from 0 however.

package/dist/es2019/utils/clipboard.js

@@ -43,19 +43,24 @@ export const copyHTMLToClipboard = async (elementToCopy, plainTextToCopy) => {
           type: 'text/html'
         })
       });
-
       // @ts-ignore
       await navigator.clipboard.write([data]);
     } catch (error) {
       throw new Error('Clipboard api is not supported');
     }
   } else {
-    // At the time of development, Firefox doesn't support ClipboardItem API
+    // ED-17083 extension copy seems have issue with ClipboardItem API
     // Hence of use of this polyfill
-    const Clipboard = clipboard;
-    const dt = new Clipboard.DT();
-    dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
-    dt.setData('text/html', elementToCopy.innerHTML);
-    Clipboard.write(dt);
+    copyHTMLToClipboardPolyfill(elementToCopy, plainTextToCopy);
   }
+};
+
+// At the time of development, Firefox doesn't support ClipboardItem API
+// Hence of use of this polyfill
+export const copyHTMLToClipboardPolyfill = (elementToCopy, plainTextToCopy) => {
+  const Clipboard = clipboard;
+  const dt = new Clipboard.DT();
+  dt.setData('text/plain', plainTextToCopy || elementToCopy.innerText);
+  dt.setData('text/html', elementToCopy.innerHTML);
+  Clipboard.write(dt);
 };

package/dist/es2019/utils/performance/instrumented-plugin.js

@@ -39,18 +39,31 @@ export class InstrumentedPlugin extends SafePlugin {
         return result;
       };
     }
+    const {
+      samplingRate: uiTrackingSamplingRate = 100
+    } = uiTracking;
     if (uiTracking.enabled && spec.view) {
       const originalView = spec.view.bind(spec);
       spec.view = editorView => {
         const self = this;
         const measure = `🦉${self.key}::view::update`;
         const view = originalView(editorView);
+        let uiTrackingSamplingCounter = 0;
         if (view.update) {
           const originalUpdate = view.update;
           view.update = (view, state) => {
-            startMeasure(measure);
+            const shouldTrack = uiTrackingSamplingRate && uiTrackingSamplingCounter === 0;
+            if (shouldTrack) {
+              startMeasure(measure);
+            }
             originalUpdate(view, state);
-            stopMeasure(measure, () => {});
+            if (shouldTrack) {
+              stopMeasure(measure, () => {});
+            }
+            uiTrackingSamplingCounter++;
+            if (uiTrackingSamplingRate && uiTrackingSamplingCounter >= uiTrackingSamplingRate) {
+              uiTrackingSamplingCounter = 0;
+            }
           };
         }
         return view;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "183.1.1";
+export const version = "184.0.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-core",
-	"version": "183.1.1",
+	"version": "184.0.0",
 	"sideEffects": false
 }

package/dist/esm/i18n/da.js

@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Når resultater med automatisk udfyldning er tilgængelige, skal du bruge pil op og pil ned til at gennemse og Enter til at vælge. Brugere af touchenheder kan trykke eller stryge.',
   'fabric.editor.invalidDateError': 'Indtast en gyldig dato',
   'fabric.editor.invalidLink': 'Indtast et gyldigt link.',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlem til {productName}} trusted {Inviter teammedlem til {productName}} other {Tilføj teammedlem til {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlemmer til {productName}} trusted {Inviter teammedlemmer til {productName}} other {Tilføj teammedlem til {productName}}}',
   'fabric.editor.italic': 'Kursiv',
   'fabric.editor.keyboardShortcuts': 'Tastaturgenveje',
   'fabric.editor.leftSidebar': 'Venstre sidebjælke',

package/dist/esm/i18n/en_ZZ.js

@@ -8,13 +8,13 @@
 //
 export default {
   'fabric.editor.addAltText': '⁣⁢Alt text‌‍‌؜⁡؜⁡⁣⁤',
-  'fabric.editor.addImageBorder': '⁣⁢Add border⁠⁠‌⁡‍⁡؜‍؜؜⁠⁣⁤',
   'fabric.editor.alignCenter': '⁣⁢Align Center؜؜؜؜⁠⁠⁠‍⁠‍⁣⁤',
   'fabric.editor.alignLeft': '⁣⁢Align left⁠؜‌‌؜⁡‍‍⁠؜⁠؜⁡⁡⁣⁤',
   'fabric.editor.alignRight': '⁣⁢Align Right⁡؜⁡⁡⁠‍‍⁠؜⁣⁤',
   'fabric.editor.alignment': '⁣⁢Text alignment؜⁠⁡‌⁠؜⁡؜⁠⁣⁤',
   'fabric.editor.altText': '⁣⁢Alt text؜⁠؜‌⁡‌⁠‍‍‍‌‌‌‌⁣⁤',
   'fabric.editor.alttext.validation': '⁣⁢Please remove any special characters in alt text.؜⁠‌‍⁡؜⁣⁤',
+  'fabric.editor.annotate': '⁣⁢Annotate‌⁡؜؜⁠‍⁡⁣⁤',
   'fabric.editor.annotationToolbar': '⁣⁢Annotation toolbar‍‍‍‌⁡‍⁠؜⁡‍⁠⁣⁤',
   'fabric.editor.backLink': '⁣⁢Go back‍⁡‌؜‌⁠⁣⁤',
   'fabric.editor.blockCardUnavailable': '⁣⁢The inline link is inside {node} and cannot have its view changed⁠؜⁡⁡⁠؜⁡⁠‍⁠⁠⁡‍⁣⁤',
@@ -62,7 +62,6 @@ export default {
   'fabric.editor.customPanel.description': '⁣⁢Add a note with an emoji and colored background؜؜‍‍⁠‍⁠؜⁡‌؜⁡⁣⁤',
   'fabric.editor.decisionPlaceholder': '⁣⁢Add a decision…⁡‌⁡‍؜⁡⁡⁠‍‌⁣⁤',
   'fabric.editor.defaultAltText': '⁣⁢List item⁡‍؜‌‍⁠‍⁠⁡‌⁣⁤',
-  'fabric.editor.description': '⁣⁢Description⁡‍‍‍‍⁣⁤',
   'fabric.editor.displayBlock': '⁣⁢Display card‍‌؜؜⁡⁠‍؜‍‍‌⁠⁠⁣⁤',
   'fabric.editor.displayEmbed': '⁣⁢Display embed⁡⁡‍⁠⁠‌⁣⁤',
   'fabric.editor.displayInline': '⁣⁢Display inline‍⁡‌‌؜‌⁠⁣⁤',
@@ -78,7 +77,6 @@ export default {
   'fabric.editor.editStatusColor': '⁣⁢Edit Status Color‌‌⁡‌‍؜⁡‍؜⁡⁣⁤',
   'fabric.editor.editStatusText': '⁣⁢Edit Status⁡‍‌‌‍؜⁡؜‍‍؜؜⁣⁤',
   'fabric.editor.editableContentLabel': '⁣⁢Editable content⁠؜‌‍⁠⁡⁠؜⁣⁤',
-  'fabric.editor.editorAssistiveLabel': '⁣⁢Main content area, start typing to enter text.‍‌⁡‌‌⁡؜؜⁣⁤',
   'fabric.editor.editorHelp': '⁣⁢Editor help‌؜‍؜؜‍‌⁠؜⁣⁤',
   'fabric.editor.editors': '⁣⁢Editors‍؜‌‍⁡‍⁠⁡؜‌‌⁡⁣⁤',
   'fabric.editor.elementBrowser.help': '⁣⁢Help⁡؜‌‍‍⁠⁠⁠⁡⁠⁣⁤',
@@ -103,18 +101,14 @@ export default {
   'fabric.editor.error': '⁣⁢Error؜‌⁡‌؜⁡‌⁣⁤',
   'fabric.editor.errorPanel': '⁣⁢Error panel⁠‍؜⁠⁠؜‍⁠⁠⁡⁣⁤',
   'fabric.editor.errorPanel.description': '⁣⁢Call out errors in a colored panel⁡⁠؜⁡‍‌‍؜‍⁣⁤',
-  'fabric.editor.extension.confirmDeleteLinkedModalMessage': '⁣⁢Deleting {nodeName} will break anything connected to it.‍‍‌؜⁠⁡⁠⁣⁤',
-  'fabric.editor.extension.confirmDeleteLinkedModalOKButton': '⁣⁢Delete⁠؜‌‍⁠⁠⁣⁤',
-  'fabric.editor.extension.deleteElementTitle': '⁣⁢Delete element⁠؜⁠⁡‍؜⁣⁤',
-  'fabric.editor.extension.sourceNoTitledName': '⁣⁢this element‍⁠⁡؜⁡⁠؜‌⁡⁠⁣⁤',
+  'fabric.editor.extension.confirmDeleteLinkedModalMessage': '⁣⁢Removing this extension will break anything connected to it.⁠؜⁡‌‌‍‌⁡⁠⁡⁡⁡⁡⁣⁤',
+  'fabric.editor.extension.confirmDeleteLinkedModalOKButton': '⁣⁢Remove extension⁡‍‌‍⁠‌‍‍⁠⁠⁣⁤',
   'fabric.editor.extensions.config-panel.save-indicator': '⁣⁢All changes are always autosaved⁠‍؜‌‌‍‍⁡‌‌‍‌‌⁣⁤',
   'fabric.editor.find': '⁣⁢Find⁠‌⁠‌⁠‍؜⁣⁤',
   'fabric.editor.findNext': '⁣⁢Find next؜‌؜‌؜⁠⁣⁤',
   'fabric.editor.findPrevious': '⁣⁢Find previous⁠⁠⁡⁡‍‍⁡⁡⁣⁤',
   'fabric.editor.findReplaceToolbarButton': '⁣⁢Find and replace؜⁠‍‌⁡⁡؜‌⁡⁠‍‌⁣⁤',
   'fabric.editor.floatingToolbar.confirmModalCancel': '⁣⁢Cancel؜⁡‌‌⁡⁡‍؜⁡؜⁣⁤',
-  'fabric.editor.floatingToolbar.confirmModalCheckboxLabel': '⁣⁢Also delete connected elements؜؜؜؜؜‍⁡‍‌؜‌‌؜‍⁣⁤',
-  'fabric.editor.floatingToolbar.confirmModalConnectedUnit': '{amount, plural, =0 {⁣⁢{name}‍⁠⁠⁠⁡⁠⁡‌‍⁡؜⁡⁣⁤} one {⁣⁢{name} (+1 connected element)⁡⁡‌‍⁡‌⁡؜⁣⁤} other {⁣⁢{name} (+{amount,number} connected elements)⁡⁡‌‍⁡‌⁡؜⁣⁤}}',
   'fabric.editor.floatingToolbar.confirmModalHeading': '⁣⁢Are you sure?⁡⁡‌‍⁡‍⁡⁠؜‌‌⁣⁤',
   'fabric.editor.floatingToolbar.confirmModalOK': '⁣⁢OK‍‌؜⁡؜⁡‍⁡⁣⁤',
   'fabric.editor.floatingToolbar.floatingToolbarAnnouncer': '⁣⁢Floating toolbar controls have been opened⁠⁠‌‌؜‍⁣⁤',
@@ -143,14 +137,8 @@ export default {
   'fabric.editor.helpDialogTips': '⁣⁢Press {keyMap} to quickly open this dialog at any time؜⁡‍‍؜‌⁡؜‌‍⁣⁤',
   'fabric.editor.hyperlink.linkAriaLabel': '⁣⁢Link label⁠‌‌‌‍؜‌‍⁣⁤',
   'fabric.editor.hyperlink.searchLinkAriaDescription': '⁣⁢Suggestions will appear below as you type into the field⁠‍‍⁠‍‌؜⁡‍‍‍؜‍‌⁣⁤',
-  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {⁣⁢no results found⁠⁠‌‌؜‌⁡‌؜⁠‌⁣⁤} one {⁣⁢{count,number} result found؜⁠؜‌‍⁡‍⁡؜‌⁡‌⁣⁤} other {⁣⁢{count,number} results found؜⁠؜‌‍⁡‍⁡؜‌⁡‌⁣⁤}}',
+  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {⁣⁢no results found⁡⁠؜؜؜؜⁣⁤} one {⁣⁢{count,number} result found؜⁠؜‌‍⁡‍⁡؜‌⁡‌⁣⁤} other {⁣⁢{count,number} results found؜⁠؜‌‍⁡‍⁡؜‌⁡‌⁣⁤}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': '⁣⁢Paste or search for link‌‌‍؜‌؜‍⁡⁠⁣⁤',
-  'fabric.editor.imageBorderBold': '⁣⁢Bold‍‍‍‌⁠‍⁡‌؜‍⁡‍⁣⁤',
-  'fabric.editor.imageBorderColor': '⁣⁢Color⁠⁠⁠؜؜⁠⁠‍⁡؜؜⁣⁤',
-  'fabric.editor.imageBorderMedium': '⁣⁢Medium⁠‌⁠؜‍⁠؜⁠؜⁣⁤',
-  'fabric.editor.imageBorderOptions': '⁣⁢Border options؜‍‍؜⁠‍⁠؜‌‍‍⁣⁤',
-  'fabric.editor.imageBorderSize': '⁣⁢Size⁠⁡؜⁠⁡؜‌‍⁡⁠‍؜⁠‍⁡⁣⁤',
-  'fabric.editor.imageBorderSubtle': '⁣⁢Subtle⁡⁡‌⁠؜‍‌؜⁣⁤',
   'fabric.editor.improvement': '⁣⁢Improvement⁡⁡‍‍‌⁠‍⁡⁣⁤',
   'fabric.editor.indent': '⁣⁢Indent‌⁠‌⁠‍⁡⁣⁤',
   'fabric.editor.info': '⁣⁢Info⁡⁡‌⁡⁠؜؜‌‍⁠⁣⁤',
@@ -161,7 +149,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': '⁣⁢When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures.‌‍؜‌؜⁡‍⁣⁤',
   'fabric.editor.invalidDateError': '⁣⁢Enter a valid date‍‌‌‌⁠⁠‌⁡؜‌‍⁣⁤',
   'fabric.editor.invalidLink': '⁣⁢Please enter a valid link.⁡⁠؜‌⁡⁠‍‌⁣⁤',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {⁣⁢Invite teammate to {productName}؜؜‌‍‌‍⁣⁤} trusted {⁣⁢Invite teammate to {productName}⁠؜‌؜‍؜⁡⁠⁣⁤} other {⁣⁢Add teammate to {productName}‌‍‌⁡‍؜⁡⁠‍⁠‍⁣⁤}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {⁣⁢Invite teammate to {productName}‌⁠⁠؜⁠‍⁠‌⁡‌⁡⁡⁡⁠؜⁣⁤} trusted {⁣⁢Invite teammate to {productName}‌⁠⁠؜⁠‍⁠‌⁡‌⁡⁡⁡⁠؜⁣⁤} other {⁣⁢Add teammate to {productName}؜؜⁠⁠⁠‍⁡‌⁠⁡⁣⁤}}',
   'fabric.editor.italic': '⁣⁢Italic؜‍⁡؜⁡⁠‌؜‍؜‌⁣⁤',
   'fabric.editor.keyboardShortcuts': '⁣⁢Keyboard shortcuts‍⁠‌⁡؜⁠⁡⁠؜⁣⁤',
   'fabric.editor.leftSidebar': '⁣⁢Left sidebar⁡‍‍‍‍⁣⁤',
@@ -172,12 +160,9 @@ export default {
   'fabric.editor.matchCase': '⁣⁢Match case‌‌⁠⁡‍؜‍‍‌؜⁡⁡⁠‍⁣⁤',
   'fabric.editor.mediaAddLink': '⁣⁢Add link‍⁠⁠‌‍‌⁡‌؜‍⁣⁤',
   'fabric.editor.mediaGroupDeleteLabel': '⁣⁢delete‌‌⁠⁡⁠‍⁠⁣⁤',
-  'fabric.editor.mentionNode.label': '⁣⁢Tagged user⁠‍⁠‌⁡⁡‍‍‌‌⁡؜⁣⁤',
   'fabric.editor.mentionsAddLabel': '⁣⁢add-icon‌‌‌؜⁡‍‍⁡⁡‍‍⁠⁣⁤',
   'fabric.editor.mentionsIconLabel': '⁣⁢Mention⁠⁠⁠⁡‌⁠؜‍؜؜⁡⁠⁠⁣⁤',
   'fabric.editor.moreFormatting': '⁣⁢More formatting‍؜‌‌⁠‍‍؜‍⁡⁣⁤',
-  'fabric.editor.navigate.toolbar.editor': '⁣⁢Navigate to editor toolbar⁠؜⁡⁡⁡‍‌‌‍⁡⁣⁤',
-  'fabric.editor.navigate.toolbar.floating': '⁣⁢Navigate to floating toolbar⁠‍⁠‍⁠‍‍⁣⁤',
   'fabric.editor.noResultsFound': '⁣⁢No results‍؜‌‌‌؜⁡⁣⁤',
   'fabric.editor.noSearchResults': '⁣⁢No search results؜؜‍‍‍؜‍⁡⁣⁤',
   'fabric.editor.normal': '⁣⁢Normal text⁠⁠‍⁠⁠‌⁠‍؜⁡⁠‌⁡⁠⁣⁤',
@@ -198,7 +183,6 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': '⁣⁢Add placeholder text‍‌⁠⁡‍⁡؜⁠‍⁠؜‍⁣⁤',
   'fabric.editor.quickInsert': '⁣⁢Quick insert⁠⁠⁠‌؜⁠⁣⁤',
   'fabric.editor.redo': '⁣⁢Redo⁠؜⁡؜؜⁡‌‍‍⁡⁣⁤',
-  'fabric.editor.removeImageBorder': '⁣⁢Remove border؜⁡‍؜⁡⁡‌⁣⁤',
   'fabric.editor.replace': '⁣⁢Replace‌⁠؜⁠⁠⁠‌⁠⁡⁠⁣⁤',
   'fabric.editor.replaceAll': '⁣⁢Replace all‌⁡؜‍⁠⁣⁤',
   'fabric.editor.replaceWith': '⁣⁢Replace with‍‍⁡؜⁡⁠⁡؜؜⁠⁠⁣⁤',
@@ -207,7 +191,6 @@ export default {
   'fabric.editor.searchResults': '{itemsLength, plural, one {⁣⁢{itemsLength,number} search result available⁡‍‍⁠‍؜⁠؜‌⁡⁣⁤} other {⁣⁢{itemsLength,number} search results available⁡‍‍⁠‍؜⁠؜‌⁡⁣⁤}}',
   'fabric.editor.selectLanguage': '⁣⁢Select language‍⁠‌؜‌⁡‍‌⁣⁤',
   'fabric.editor.settingsLinks': '⁣⁢Go to Link Preferences؜؜‌⁡‍؜⁠⁡⁠⁠‌⁠⁣⁤',
-  'fabric.editor.shortcut': '⁣⁢Text shortcut‌‌‌⁠‌‍⁠‍⁡‌‌⁣⁤',
   'fabric.editor.single': '⁣⁢Single column⁡‍⁠‌؜⁡‍‌‍⁣⁤',
   'fabric.editor.statusPlaceholder': '⁣⁢Set a status⁠؜⁠⁠⁡⁡‍⁣⁤',
   'fabric.editor.story': '⁣⁢Story‌⁡⁡؜؜⁡⁡⁠⁡⁠⁣⁤',
@@ -229,17 +212,9 @@ export default {
   'fabric.editor.threeColumns': '⁣⁢Three columns؜‍‌‍‌‌‌‌⁠؜⁣⁤',
   'fabric.editor.threeColumnsWithSidebars': '⁣⁢Three columns with sidebars؜‌⁠⁠‍⁡؜‍؜؜⁣⁤',
   'fabric.editor.toolbarLabel': '⁣⁢Editor toolbar‌‍؜‍؜⁠‌⁠‍‍⁣⁤',
-  'fabric.editor.toolbarMediaTitle': '⁣⁢Add image, video, or file‌‍‍؜‍⁠⁣⁤',
+  'fabric.editor.toolbarMediaTitle': '⁣⁢Files & images؜⁡⁡‌⁡‌⁡⁡‍⁡⁠⁡⁣⁤',
   'fabric.editor.twoColumns': '⁣⁢Two columns⁡‌‍؜‌‍؜‍‍‍⁡⁣⁤',
-  'fabric.editor.typeAhead.popupLabel': '⁣⁢Typeahead results⁠؜⁡؜⁠‍‍⁠‌⁣⁤',
-  'fabric.editor.typeAhead.quickInsertInputLabel': '⁣⁢Begin typing to search or filter shortcut options⁠⁠‍‌⁡‍⁠؜⁠⁡‍⁣⁤',
-  'fabric.editor.typeAhead.quickInsertPopupLabel': '⁣⁢Shortcuts for inserts and formatting⁡؜؜‌⁡‌‌‌⁣⁤',
-  'fabric.editor.typeahead.emojiInputLabel': '⁣⁢Begin typing to search or filter emoji options‌‍⁠‌⁡⁠⁡⁠‍‍⁡‍⁣⁤',
-  'fabric.editor.typeahead.emojiListItemLabel': '⁣⁢Emoji {name} Text Shortcut {shortcut}⁠؜⁠⁡⁡⁡‍⁡⁡‌‌⁣⁤',
-  'fabric.editor.typeahead.emojiPopupLabel': '⁣⁢Emoji shortcuts؜⁠‍⁡‍⁠⁡⁠⁡‌‍؜‍⁣⁤',
-  'fabric.editor.typeahead.mentionInputLabel': '⁣⁢Begin typing to search for users to tag⁡⁡‌⁠‌؜⁡‍‍⁠‍⁠⁠‌⁣⁤',
-  'fabric.editor.typeahead.mentionPopupLabel': '⁣⁢Users you can tag‌‍‌؜⁡⁡؜⁡⁣⁤',
-  'fabric.editor.typeahead.metionListItemLabel': '⁣⁢User {name} @{shortName}‌‍؜⁠⁡‌‌⁡⁣⁤',
+  'fabric.editor.typeAheadResultLabel': '⁣⁢TypeAhead results⁡‌‌⁠؜⁠‍⁠⁣⁤',
   'fabric.editor.unableToOpenLink': '⁣⁢Unable to open this link⁡؜‍‌‌⁠⁡⁡‌؜⁣⁤',
   'fabric.editor.underline': '⁣⁢Underline⁠⁠‍‍‌‌⁠‍⁣⁤',
   'fabric.editor.undo': '⁣⁢Undo⁡⁡⁡‌⁠⁡‌⁡‌⁠⁡⁣⁤',
@@ -253,6 +228,5 @@ export default {
   'fabric.editor.warningPanel': '⁣⁢Warning panel⁡‍‌؜⁠‌⁡؜⁠؜⁡⁡⁠؜⁣⁤',
   'fabric.editor.warningPanel.description': '⁣⁢Add a note of caution in a colored panel‌⁠⁡‍⁠؜‍⁡⁡⁡⁣⁤',
   'fabric.editor.wrapLeft': '⁣⁢Wrap left؜‍⁡‌⁡⁠‌‌‌⁡⁣⁤',
-  'fabric.editor.wrapRight': '⁣⁢Wrap right‍؜؜⁡؜⁣⁤',
-  'fabric.emoji.label': '⁣⁢Emoji‌⁠؜‌⁠‍⁠؜⁠‌؜⁡⁣⁤'
+  'fabric.editor.wrapRight': '⁣⁢Wrap right‍؜؜⁡؜⁣⁤'
 };

package/dist/esm/i18n/it.js

@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Una volta che i risultati del completamento automatico sono disponibili, utilizza le frecce su e giù per rivedere i dati e premi Invio per selezionarli. Gli utenti di dispositivi touch possono utilizzare i movimenti di tocco o scorrimento.',
   'fabric.editor.invalidDateError': 'Inserisci una data valida',
   'fabric.editor.invalidLink': 'Inserisci un link valido.',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {Invita un collega in {productName}} trusted {Invita un collega in {productName}} other {Aggiungi un collega a {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {Invita un collega in {productName}} trusted {Invita un collega in {productName}} other {Aggiunti un collega a {productName}}}',
   'fabric.editor.italic': 'Corsivo',
   'fabric.editor.keyboardShortcuts': 'Scelte rapide da tastiera',
   'fabric.editor.leftSidebar': 'Barra laterale sinistra',

package/dist/esm/i18n/nb.js

@@ -140,11 +140,11 @@ export default {
   'fabric.editor.helpDialogTips': 'Trykk på {keyMap} for å åpne denne dialogen',
   'fabric.editor.hyperlink.linkAriaLabel': 'Koblingsetikett',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Forslag vises nedenfor etter hvert som du skriver inn i feltet',
-  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {finner ingen resultater} one {fant {count,number} resultat} other {fant {count,number} resultater}}',
+  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {fant ingen resultater} one {fant {count,number} resultat} other {fant {count,number} resultater}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': 'Lim inn eller søk etter kobling',
   'fabric.editor.imageBorderBold': 'Fet',
   'fabric.editor.imageBorderColor': 'Farge',
-  'fabric.editor.imageBorderMedium': 'Medium',
+  'fabric.editor.imageBorderMedium': 'Middels',
   'fabric.editor.imageBorderOptions': 'Alternativer for kantlinje',
   'fabric.editor.imageBorderSize': 'Størrelse',
   'fabric.editor.imageBorderSubtle': 'Diskret',
@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Når resultater for autofullføring er tilgjengelig, bruker du pil opp og pil ned for å se gjennom og enter for å velge. Brukere av berøringsenheter kan utforske ved å berøre eller sveipe.',
   'fabric.editor.invalidDateError': 'Oppgi en gyldig dato',
   'fabric.editor.invalidLink': 'Skriv inn en gyldig kobling.',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlem til {productName}} trusted {Inviter teammedlem til {productName}} other {Legg til teammedlem i {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {Inviter teammedlemmer til {productName}} trusted {Inviter teammedlemmer til {productName}} other {Legg til teammedlem i {productName}}}',
   'fabric.editor.italic': 'Kursiv',
   'fabric.editor.keyboardShortcuts': 'Tastatursnarveier',
   'fabric.editor.leftSidebar': 'Sidelinje til venstre',

package/dist/esm/i18n/nl.js

@@ -8,7 +8,7 @@
 //Dutch (Netherlands)
 export default {
   'fabric.editor.addAltText': 'Alt-tekst',
-  'fabric.editor.addImageBorder': 'Rand toevoegen',
+  'fabric.editor.addImageBorder': 'Kader toevoegen',
   'fabric.editor.alignCenter': 'Midden uitgelijnd',
   'fabric.editor.alignLeft': 'Links uitlijnen',
   'fabric.editor.alignRight': 'Rechts uitgelijnd',
@@ -145,7 +145,7 @@ export default {
   'fabric.editor.imageBorderBold': 'Vet',
   'fabric.editor.imageBorderColor': 'Kleur',
   'fabric.editor.imageBorderMedium': 'Medium',
-  'fabric.editor.imageBorderOptions': 'Randopties',
+  'fabric.editor.imageBorderOptions': 'Kaderopties',
   'fabric.editor.imageBorderSize': 'Grootte',
   'fabric.editor.imageBorderSubtle': 'Subtiel',
   'fabric.editor.improvement': 'Verbetering',
@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Wanneer resultaten voor automatisch aanvullen beschikbaar zijn, kun je de pijlen naar boven en beneden gebruiken om ze te bekijken en Enter om ze te selecteren. Touch-apparaatgebruikers verkennen door middel van aanraking of met veegbewegingen.',
   'fabric.editor.invalidDateError': 'Voer een geldige datum in',
   'fabric.editor.invalidLink': 'Voer een geldige link in.',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {Nodig teamgenoot uit voor {productName}} trusted {Nodig teamgenoot uit voor {productName}} other {Voeg teamgenoot toe aan {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {Nodig teamgenoten uit voor {productName}} trusted {Nodig teamgenoten uit voor {productName}} other {Voeg teamgenoten toe aan {productName}}}',
   'fabric.editor.italic': 'Cursief',
   'fabric.editor.keyboardShortcuts': 'Sneltoetsen',
   'fabric.editor.leftSidebar': 'Zijbalk aan linkerkant',
@@ -195,7 +195,7 @@ export default {
   'fabric.editor.placeholderTextPlaceholder': 'Voeg plaatsaanduidingstekst toe',
   'fabric.editor.quickInsert': 'Snel invoegen',
   'fabric.editor.redo': 'Pas opnieuw toe',
-  'fabric.editor.removeImageBorder': 'Rand verwijderen',
+  'fabric.editor.removeImageBorder': 'Kader verwijderen',
   'fabric.editor.replace': 'Vervangen',
   'fabric.editor.replaceAll': 'Alles vervangen',
   'fabric.editor.replaceWith': 'Vervangen met',

package/dist/esm/i18n/pl.js

@@ -140,7 +140,7 @@ export default {
   'fabric.editor.helpDialogTips': 'Naciśnij {keyMap}, aby szybko otworzyć okno dialogowe w dowolnym momencie',
   'fabric.editor.hyperlink.linkAriaLabel': 'Etykieta łącza',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Sugestie będą pojawiały się poniżej w miarę wpisywania tekstu w polu',
-  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {Nie znaleziono wyników} one {znaleziono {count,number} wynik} few {znaleziono {count,number} wyniki} many {znaleziono {count,number} wyników} other {znaleziono {count,number} wyniku}}',
+  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {nie znaleziono wyników} one {znaleziono {count,number} wynik} few {znaleziono {count,number} wyniki} many {znaleziono {count,number} wyników} other {znaleziono {count,number} wyniku}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': 'Wklej lub wyszukaj łącze',
   'fabric.editor.imageBorderBold': 'Pogrubiony',
   'fabric.editor.imageBorderColor': 'Kolor',

package/dist/esm/i18n/pt_BR.js

@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'Quando os resultados do preenchimento automático estiverem disponíveis, use as setas para cima e para baixo para analisar e a tecla enter para selecionar. Toque nos usuários do dispositivo, explore por toque ou com gestos de deslizar.',
   'fabric.editor.invalidDateError': 'Informe uma data válida',
   'fabric.editor.invalidLink': 'Insira um link válido.',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {Convidar colega de equipe para {productName}} trusted {Convidar colega de equipe para {productName}} other {Adicionar colega de equipe ao {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {Convidar colega de equipe para {productName}} trusted {Convidar colega de equipe para {productName}} other {Adicionar colega de equipe para {productName}}}',
   'fabric.editor.italic': 'Itálico',
   'fabric.editor.keyboardShortcuts': 'Atalhos de teclado',
   'fabric.editor.leftSidebar': 'Barra lateral esquerda',

package/dist/esm/i18n/ru.js

@@ -140,7 +140,7 @@ export default {
   'fabric.editor.helpDialogTips': 'Это окно можно быстро открыть в любое время нажатием {keyMap}',
   'fabric.editor.hyperlink.linkAriaLabel': 'Метка для ссылки',
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'Предложения будут появляться по мере ввода текста в поле',
-  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {ничего не найдено} one {найден {count,number} результат} few {найдено {count,number} результата} many {найдено {count,number} результатов} other {найдено {count,number} результата}}',
+  'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {нет результатов} one {найден {count,number} результат} few {найдено {count,number} результата} many {найдено {count,number} результатов} other {найдено {count,number} результата}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': 'Вставить или искать ссылку',
   'fabric.editor.imageBorderBold': 'Широкая',
   'fabric.editor.imageBorderColor': 'Цвет',

package/dist/esm/i18n/th.js

@@ -142,7 +142,7 @@ export default {
   'fabric.editor.hyperlink.searchLinkAriaDescription': 'ข้อเสนอแนะจะปรากฏด้านล่างเมื่อคุณพิมพ์ลงในช่อง',
   'fabric.editor.hyperlink.searchLinkResults': '{count, plural, =0 {ไม่พบผลลัพธ์} other {พบผลลัพธ์ {count,number} รายการ}}',
   'fabric.editor.hyperlinkToolbarPlaceholder': 'วางหรือค้นหาลิงก์',
-  'fabric.editor.imageBorderBold': 'เข้ม',
+  'fabric.editor.imageBorderBold': 'ตัวหนา',
   'fabric.editor.imageBorderColor': 'สี',
   'fabric.editor.imageBorderMedium': 'ปานกลาง',
   'fabric.editor.imageBorderOptions': 'ตัวเลือกขอบ',
@@ -158,7 +158,7 @@ export default {
   'fabric.editor.inputQueryAssistiveTxt': 'เมื่อผลการป้อนอัตโนมัติพร้อมใช้งานแล้ว ให้ใช้ลูกศรขึ้นและลงเพื่อตรวจสอบและกด Enter เพื่อเลือก ผู้ใช้อุปกรณ์สัมผัส สำรวจโดยการแตะหรือการปัดนิ้ว',
   'fabric.editor.invalidDateError': 'ป้อนวันที่ที่ถูกต้อง',
   'fabric.editor.invalidLink': 'โปรดป้อนลิงก์ที่ถูกต้อง',
-  'fabric.editor.inviteItem.title': '{userRole, select, admin {เชิญเพื่อนร่วมทีมไปยัง {productName}} trusted {เชิญเพื่อนร่วมทีมไปยัง {productName}} other {เพิ่มเพื่อนร่วมทีมไปยัง {productName}}}',
+  'fabric.editor.inviteItem.title': '{userRole, select, admin {เชิญเพื่อนร่วมทีมให้ไปยัง {productName}} trusted {เชิญเพื่อนร่วมทีมให้ไปยัง {productName}} other {เพิ่มเพื่อนร่วมทีมไปยัง {productName}}}',
   'fabric.editor.italic': 'ตัวเอียง',
   'fabric.editor.keyboardShortcuts': 'ปุ่มลัด',
   'fabric.editor.leftSidebar': 'แถบด้านซ้าย',