@atlaskit/editor-common 77.0.6 → 77.1.0

package/dist/esm/extensibility/MultiBodiedExtension/index.js

@@ -1,136 +1,59 @@
 import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
-import _extends from "@babel/runtime/helpers/extends";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _templateObject, _templateObject2;
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded = ["url"];
+/* eslint-disable @atlaskit/design-system/prefer-primitives */
 /** @jsx jsx */
 
 import React, { useState } from 'react';
 import { css, jsx } from '@emotion/react';
-import { N30, N40, N50 } from '@atlaskit/theme/colors';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
-import { createDispatch } from '../../event-dispatcher';
+import classnames from 'classnames';
+import EditorFileIcon from '@atlaskit/icon/glyph/editor/file';
 import { useSharedPluginState } from '../../hooks';
-import { analyticsEventKey, calculateBreakoutStyles } from '../../utils';
+import { calculateBreakoutStyles, getExtensionLozengeData } from '../../utils';
 import { WithPluginState } from '../../with-plugin-state';
-var useMultiBodiedExtensionActions = function useMultiBodiedExtensionActions(_ref) {
-  var updateActiveChild = _ref.updateActiveChild,
-    editorView = _ref.editorView,
-    getPos = _ref.getPos,
-    node = _ref.node,
-    eventDispatcher = _ref.eventDispatcher;
-  var actions = React.useMemo(function () {
-    return {
-      changeActive: function changeActive(index) {
-        var updateActiveChildResult = updateActiveChild(index);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.CHANGE_ACTIVE, node, eventDispatcher);
-        }
-        return updateActiveChildResult;
-      },
-      addChild: function addChild() {
-        var state = editorView.state,
-          dispatch = editorView.dispatch;
-        if (node.content.childCount >= node.attrs.maxFrames) {
-          throw new Error("Cannot add more than ".concat(node.attrs.maxFrames, " frames"));
-        }
-        var p = state.schema.nodes.paragraph.createAndFill({});
-        if (!p) {
-          throw new Error('Could not create paragraph');
-        }
-        var frame = state.schema.nodes.extensionFrame.createAndFill({}, [p]);
-        var pos = getPos();
-        if (typeof pos !== 'number' || !frame) {
-          throw new Error('Could not create frame or position not valid');
-        }
-        var insertAt = Math.min((pos || 1) + node.content.size, state.doc.content.size);
-        dispatch(state.tr.insert(insertAt, frame));
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.ADD_CHILD, node, eventDispatcher);
-        }
-        return true;
-      },
-      getChildrenCount: function getChildrenCount() {
-        return node.content.childCount;
-      },
-      removeChild: function removeChild(index) {
-        var pos = getPos();
-        // TODO: Add child index validation here, don't trust this data
-        if (typeof pos !== 'number' || typeof index !== 'number') {
-          throw new Error('Position or index not valid');
-        }
-        var state = editorView.state,
-          dispatch = editorView.dispatch;
-        if (node.content.childCount === 1) {
-          var _tr = state.tr;
-          _tr.deleteRange(pos, pos + node.content.size);
-          dispatch(_tr);
-          return true;
-        }
-        var $pos = state.doc.resolve(pos);
-        var $startNodePos = state.doc.resolve($pos.start($pos.depth + 1));
-        var startFramePosition = $startNodePos.posAtIndex(index);
-        var maybeFrameNode = state.doc.nodeAt(startFramePosition);
-        if (!maybeFrameNode) {
-          throw new Error('Could not find frame node');
-        }
-        var endFramePosition = maybeFrameNode.content.size + startFramePosition;
-        var tr = state.tr;
-        tr.deleteRange(startFramePosition, endFramePosition);
-        dispatch(tr);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.REMOVE_CHILD, node, eventDispatcher);
-        }
-        return true;
-      },
-      updateParameters: function updateParameters(parameters) {
-        var state = editorView.state,
-          dispatch = editorView.dispatch;
-        var pos = getPos();
-        if (typeof pos !== 'number') {
-          throw new Error('Position not valid');
-        }
-        var tr = state.tr.setNodeMarkup(pos, undefined, _objectSpread(_objectSpread({}, node.attrs), {}, {
-          parameters: _objectSpread(_objectSpread({}, node.attrs.parameters), {}, {
-            macroParams: parameters
-          })
-        }));
-        dispatch(tr);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.UPDATE_PARAMETERS, node, eventDispatcher);
-        }
-        return true;
-      },
-      getChildren: function getChildren() {
-        var _state$doc$nodeAt;
-        var state = editorView.state;
-        var pos = getPos();
-        if (typeof pos !== 'number') {
-          return [];
-        }
-        var children = (_state$doc$nodeAt = state.doc.nodeAt(pos)) === null || _state$doc$nodeAt === void 0 ? void 0 : _state$doc$nodeAt.content;
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.GET_CHILDERN, node, eventDispatcher);
-        }
-        return children ? children.toJSON() : [];
-      }
-    };
-  }, [node, editorView, getPos, updateActiveChild, eventDispatcher]);
-  return actions;
+import { useMultiBodiedExtensionActions } from './action-api';
+import { extensionFrameContentCSS, mbeExtensionContainerCSS, mbeExtensionWrapperCSS, mbeNavigationCSS } from './styles';
+// Similar to the one in platform/packages/editor/editor-common/src/extensibility/Extension/Lozenge.tsx
+var getWrapperTitleContent = function getWrapperTitleContent(imageData, title) {
+  if (imageData) {
+    var url = imageData.url,
+      rest = _objectWithoutProperties(imageData, _excluded);
+    return jsx("div", {
+      className: "extension-title"
+    }, jsx("img", _extends({
+      css: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            max-height: 24px;\n            max-width: 24px;\n          "]))),
+      src: url
+    }, rest, {
+      alt: title
+    })), title);
+  }
+  return jsx("div", {
+    className: "extension-title"
+  }, jsx(EditorFileIcon, {
+    label: title
+  }), title);
 };
-var navigationCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  // make sure the user can't see a range selection inside the navigation\n  // This is really important to keep the navigation working properly\n  user-select: none;\n  -webkit-user-modify: read-only;\n  border: 1px solid ", ";\n"])), "var(--ds-border, ".concat(N40, ")"));
-var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2) {
-  var node = _ref2.node,
-    handleContentDOMRef = _ref2.handleContentDOMRef,
-    getPos = _ref2.getPos,
-    tryExtensionHandler = _ref2.tryExtensionHandler,
-    editorView = _ref2.editorView,
-    eventDispatcher = _ref2.eventDispatcher,
-    widthState = _ref2.widthState,
-    editorAppearance = _ref2.editorAppearance;
+var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref) {
+  var node = _ref.node,
+    handleContentDOMRef = _ref.handleContentDOMRef,
+    getPos = _ref.getPos,
+    tryExtensionHandler = _ref.tryExtensionHandler,
+    editorView = _ref.editorView,
+    eventDispatcher = _ref.eventDispatcher,
+    widthState = _ref.widthState,
+    editorAppearance = _ref.editorAppearance;
+  var _node$attrs = node.attrs,
+    parameters = _node$attrs.parameters,
+    extensionKey = _node$attrs.extensionKey;
+  var title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey || node.type.name;
+  var imageData = getExtensionLozengeData({
+    node: node,
+    type: 'image'
+  });
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     activeChildIndex = _useState2[0],
@@ -157,13 +80,13 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
   var articleRef = React.useCallback(function (node) {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
-  var containerCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    border: 1px solid ", ";\n    min-height: 100px;\n    .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n      display: none;\n    }\n\n    .multiBodiedExtension-content-dom-wrapper\n      > [data-extension-frame='true']:nth-of-type(", ") {\n      border: 1px solid ", ";\n      display: block;\n      min-height: 100px;\n    }\n  "])), "var(--ds-border, ".concat(N30, ")"), activeChildIndex + 1, "var(--ds-border, ".concat(N50, ")"));
+  var containerCssExtended = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    ", ";\n    .multiBodiedExtension-content-dom-wrapper\n      > [data-extension-frame='true']:nth-of-type(", ") {\n      ", "\n    }\n  "])), mbeExtensionContainerCSS, activeChildIndex + 1, extensionFrameContentCSS);
   var shouldBreakout =
   // Extension should breakout when the layout is set to 'full-width' or 'wide'.
   ['full-width', 'wide'].includes(node.attrs.layout) &&
   // Extension breakout state should not be respected when the editor appearance is full-width mode
   editorAppearance !== 'full-width';
-  var mbeContainerStyles = {};
+  var mbeWrapperStyles = {};
   if (shouldBreakout) {
     var _calculateBreakoutSty = calculateBreakoutStyles({
         mode: node.attrs.layout,
@@ -171,40 +94,28 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
         widthStateWidth: widthState === null || widthState === void 0 ? void 0 : widthState.width
       }),
       breakoutStyles = _extends({}, (_objectDestructuringEmpty(_calculateBreakoutSty), _calculateBreakoutSty));
-    mbeContainerStyles = breakoutStyles;
+    mbeWrapperStyles = breakoutStyles;
   }
-  return jsx("section", {
+  var wrapperClassNames = classnames('multiBodiedExtension--wrapper', 'extension-container', 'block');
+  return jsx("div", {
+    className: wrapperClassNames,
+    css: mbeExtensionWrapperCSS,
+    "data-testid": "multiBodiedExtension--wrapper",
+    style: mbeWrapperStyles
+  }, getWrapperTitleContent(imageData, title), jsx("div", {
     className: "multiBodiedExtension--container",
-    css: containerCSS,
+    css: containerCssExtended,
     "data-testid": "multiBodiedExtension--container",
-    "data-active-child-index": activeChildIndex,
-    style: mbeContainerStyles
+    "data-active-child-index": activeChildIndex
   }, jsx("nav", {
     className: "multiBodiedExtension-navigation",
-    css: navigationCSS,
+    css: mbeNavigationCSS,
     "data-testid": "multiBodiedExtension-navigation"
   }, extensionHandlerResult), jsx("article", {
     className: "multiBodiedExtension--frames",
     "data-testid": "multiBodiedExtension--frames",
     ref: articleRef
-  }));
-};
-var sendMBEAnalyticsEvent = function sendMBEAnalyticsEvent(action, node, eventDispatcher) {
-  var analyticsDispatch = createDispatch(eventDispatcher);
-  analyticsDispatch(analyticsEventKey, {
-    payload: {
-      action: action,
-      actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
-      eventType: EVENT_TYPE.TRACK,
-      attributes: {
-        extensionType: node.attrs.extensionType,
-        extensionKey: node.attrs.extensionKey,
-        localId: node.attrs.localId,
-        maxFramesCount: node.attrs.maxFrames,
-        currentFramesCount: node.content.childCount
-      }
-    }
-  });
+  })));
 };
 var MultiBodiedExtensionWithSharedState = function MultiBodiedExtensionWithSharedState(props) {
   var pluginInjectionApi = props.pluginInjectionApi;
@@ -242,8 +153,8 @@ var MultiBodiedExtensionDeprecated = function MultiBodiedExtensionDeprecated(pro
     plugins: {
       widthState: widthPluginKey
     },
-    render: function render(_ref3) {
-      var widthState = _ref3.widthState;
+    render: function render(_ref2) {
+      var widthState = _ref2.widthState;
       return jsx(MultiBodiedExtensionWithWidth, _extends({
         widthState: widthState
       }, props));

package/dist/esm/extensibility/MultiBodiedExtension/styles.js

@@ -0,0 +1,13 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { css } from '@emotion/react';
+import { N30, N40 } from '@atlaskit/theme/colors';
+import { wrapperDefault } from '../Extension/styles';
+
+// Wrapper the extension title and extensionContainer
+export var mbeExtensionWrapperCSS = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  .extension-title {\n    display: flex;\n    align-items: center;\n    line-height: 16px !important;\n    margin-bottom: ", ";\n    margin-left: ", " !important;\n    margin-right: ", ";\n    padding-top: ", " !important;\n  }\n"])), wrapperDefault, "var(--ds-space-100, 8px)", "var(--ds-space-050, 4px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+
+// Wraps the navigation bar and extensionFrames
+export var mbeExtensionContainerCSS = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  background: transpaent !important;\n  padding: {\n    bottom: ", " !important;\n    left: ", " !important;\n    right: ", " !important;\n  }\n  padding-bottom: ", ";\n  position: relative;\n  vertical-align: middle;\n  cursor: pointer;\n\n  .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {\n    display: none;\n    background: ", ";\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-surface, white)");
+export var mbeNavigationCSS = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  // make sure the user can't see a range selection inside the navigation\n  // This is really important to keep the navigation working properly\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n\n  user-select: none;\n  -webkit-user-modify: read-only;\n  border: 1px solid ", ";\n  border-bottom: none;\n  background: ", ";\n  margin-left: ", ";\n  margin-right: ", ";\n"])), "var(--ds-border-radius, 3px)", "var(--ds-border-radius, 3px)", "var(--ds-border, ".concat(N40, ")"), "var(--ds-surface, white)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)");
+export var extensionFrameContentCSS = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding: ", " !important;\n  border: 1px solid ", ";\n  display: block;\n  min-height: 100px;\n  background: ", ";\n  border-bottom-left-radius: ", ";\n  border-bottom-right-radius: ", ";\n\n  margin-left: ", ";\n  margin-right: ", ";\n  cursor: initial;\n\n  .pm-table-container {\n    margin-left: ", " !important;\n    padding-right: ", " !important;\n  }\n  .pm-table-with-controls {\n    margin-left: ", " !important;\n    padding-right: ", " !important;\n  }\n  .bodiedExtensionView-content-wrap {\n    margin-top: ", " !important;\n  }\n  // Extension wrap have an additional margin on all four borders, so we need to adjust the spacing\n  // compared to the bodiedExtensionView-content-wrap\n  .extensionView-content-wrap {\n    margin-top: ", " !important;\n  }\n"])), "var(--ds-space-100, 8px)", "var(--ds-border, ".concat(N30, ")"), "var(--ds-surface, white)", "var(--ds-border-radius, 3px)", "var(--ds-border-radius, 3px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-150, 12px)", "var(--ds-space-100, 8px)");

package/dist/esm/extensibility/MultiBodiedExtension/utils.js

@@ -0,0 +1,20 @@
+import { ACTION_SUBJECT, EVENT_TYPE } from '../../analytics';
+import { createDispatch } from '../../event-dispatcher';
+import { analyticsEventKey } from '../../utils';
+export var sendMBEAnalyticsEvent = function sendMBEAnalyticsEvent(action, node, eventDispatcher) {
+  var analyticsDispatch = createDispatch(eventDispatcher);
+  analyticsDispatch(analyticsEventKey, {
+    payload: {
+      action: action,
+      actionSubject: ACTION_SUBJECT.MULTI_BODIED_EXTENSION,
+      eventType: EVENT_TYPE.TRACK,
+      attributes: {
+        extensionType: node.attrs.extensionType,
+        extensionKey: node.attrs.extensionKey,
+        localId: node.attrs.localId,
+        maxFramesCount: node.attrs.maxFrames,
+        currentFramesCount: node.content.childCount
+      }
+    }
+  });
+};

package/dist/esm/i18n/cs.js

@@ -9,9 +9,7 @@
 export 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',
@@ -161,7 +159,6 @@ export default {
   'fabric.editor.mediaAddLink': 'Přidat odkaz',
   'fabric.editor.mediaFiles': 'Obrázek, video nebo soubor',
   'fabric.editor.mediaFiles.description': 'Přidejte na svou stránku obrázky a další soubory',
-  'fabric.editor.media_change_mediainline': 'Vložený',
   'fabric.editor.media_change_mediasingle': 'Původní velikost',
   'fabric.editor.mention': 'Zmínka',
   'fabric.editor.mention.description': 'Zmiňte někoho, abyste jim zaslali oznámení',

package/dist/esm/i18n/da.js

@@ -9,9 +9,11 @@
 export default {
   'fabric.editor.action': 'Handlingsgenstand',
   'fabric.editor.action.description': 'Opret og tildel handlingsgenstande',
-  'fabric.editor.addColumn': 'Tilføj kolonne til højre',
+  'fabric.editor.addColumnLeft': 'Tilføj kolonne til venstre',
+  'fabric.editor.addColumnRight': '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.addRowAbove': 'Tilføj række ovenfor',
+  'fabric.editor.addRowBelow': 'Tilføj række nedenfor',
   'fabric.editor.alignCenter': 'Centrér',
   'fabric.editor.alignImageCenter': 'Centrér',
   'fabric.editor.alignImageLeft': 'Venstrejustér',
@@ -49,6 +51,7 @@ export default {
   'fabric.editor.codeblock.description': 'Vis kode med syntaksfremhævning',
   'fabric.editor.collapseNode': 'skjul indhold',
   'fabric.editor.collapseTable': 'Luk tabel',
+  'fabric.editor.columnDragHandle': 'Kolonneindstillinger',
   'fabric.editor.columns': 'Layout',
   'fabric.editor.columns.description': 'Opdel din side i afsnit',
   'fabric.editor.copiedToClipboard': 'Kopieret!',
@@ -86,6 +89,11 @@ export default {
   'fabric.editor.elementbrowser.search.empty-state.heading': 'Ingen resultater matcher din søgning',
   'fabric.editor.elementbrowser.search.empty-state.sub-heading': 'Prøv et andet søgeord, eller find nye apps til Atlassian-produkter.',
   'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': 'Gå på opdagelse på Atlassian Marketplace',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.nothing': 'Ingen resultater matcher din søgning',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.suggestion': 'muligt forslag til indtastet tekst.',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions': 'mulige forslag til indtastet tekst.',
+  'fabric.editor.elementbrowser.searchbar.elementAfterInput': 'Indtast',
+  'fabric.editor.elementbrowser.searchbar.placeholder': 'Søg',
   'fabric.editor.elementbrowser.sidebar.heading': 'Gennemse',
   'fabric.editor.embedTitle': 'Indlejr',
   'fabric.editor.emoji': 'Emoji',
@@ -141,6 +149,7 @@ export 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': 'Konfigurer',
   'fabric.editor.inlineTitle': 'Indbyg',
   'fabric.editor.insertColumn': 'Indsæt kolonne til højre',
   'fabric.editor.insertColumnDrag': 'Indsæt kolonne',
@@ -161,12 +170,15 @@ export default {
   'fabric.editor.mediaAddLink': 'Tilføj link',
   'fabric.editor.mediaFiles': 'Billede, video eller fil',
   'fabric.editor.mediaFiles.description': 'Tilføj billeder eller andre filer til din side',
-  'fabric.editor.media_change_mediainline': 'Indbyg',
   'fabric.editor.media_change_mediasingle': 'Original størrelse',
   'fabric.editor.mention': 'Benævnelse',
   'fabric.editor.mention.description': 'Omtal nogen for at sende dem en notifikation',
   'fabric.editor.mergeCells': 'Flet celler',
   'fabric.editor.moreFormatting': 'Mere formatering',
+  'fabric.editor.moveColumnLeft': '{0, plural, one {Flyt kolonne til venstre} other {Flyt kolonner til venstre}}',
+  'fabric.editor.moveColumnRight': '{0, plural, one {Flyt kolonne til højre} other {Flyt kolonner til højre}}',
+  'fabric.editor.moveDownDown': '{0, plural, one {Flyt række ned} other {Flyt rækker ned}}',
+  'fabric.editor.moveRowUp': '{0, plural, one {Flyt række op} other {Flyt rækker op}}',
   'fabric.editor.navigate.toolbar.editor': 'Naviger til værktøjslinje til redigeringsprogram',
   'fabric.editor.navigate.toolbar.floating': 'Naviger til flydende værktøjslinje',
   'fabric.editor.normal': 'Normal tekst',
@@ -192,11 +204,14 @@ export default {
   'fabric.editor.removeRows': '{0, plural, one {Slet række} other {Slet rækker}}',
   'fabric.editor.rightSidebar': 'Højre sidebjælke',
   'fabric.editor.rowControl': 'Fremhæv række',
+  'fabric.editor.rowDragHandle': 'Rækkeindstillinger',
   'fabric.editor.saveButton': 'Gem',
   'fabric.editor.settingsLinks': 'Gå til Indstillinger for links',
   'fabric.editor.single': 'Enkelt kolonne',
   'fabric.editor.sortColumnASC': 'Sorter kolonnen fra A → Å',
   'fabric.editor.sortColumnDESC': 'Sorter kolonnen fra Å → A',
+  'fabric.editor.sortColumnDecreasing': 'Sortér faldende',
+  'fabric.editor.sortColumnIncreasing': 'Sortér stigende',
   'fabric.editor.splitCell': 'Opdel celle',
   'fabric.editor.status': 'Status',
   'fabric.editor.status.description': 'Tilføj en brugerdefineret statusetiket',
@@ -215,6 +230,10 @@ export default {
   'fabric.editor.tableOptions': 'Egenskaber for tabel',
   '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.tableSelector': 'Tabelstørrelse',
+  'fabric.editor.tableSelector.description': 'Tilføj en tabel ved hjælp af popup for at vælge en brugerdefineret størrelse',
+  'fabric.editor.tableSizeSelectorButton': 'Opret tabel med størrelsen',
+  'fabric.editor.tableSizeSelectorPopup': 'Vælger til tabelstørrelse',
   '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',
@@ -305,5 +324,6 @@ export default {
   'fabric.theme.subtle-yellow': 'Svag gul',
   'fabric.theme.teal': 'Teal',
   'fabric.theme.white': 'Hvid',
-  'fabric.theme.yellow': 'Gul'
+  'fabric.theme.yellow': 'Gul',
+  'fabrid.editor.rowNumbers': 'Rækkenumre'
 };

package/dist/esm/i18n/de.js

@@ -9,9 +9,7 @@
 export 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',
@@ -161,7 +159,6 @@ export default {
   'fabric.editor.mediaAddLink': 'Link hinzufügen',
   'fabric.editor.mediaFiles': 'Bild, Video oder Datei',
   'fabric.editor.mediaFiles.description': 'Bilder oder andere Dateien zu Ihrer Seite hinzufügen',
-  'fabric.editor.media_change_mediainline': 'Inline',
   'fabric.editor.media_change_mediasingle': 'Originalgröße',
   'fabric.editor.mention': 'Erwähnen',
   'fabric.editor.mention.description': 'Erwähnen Sie einen Benutzer, um ihm eine Benachrichtigung zu senden.',

package/dist/esm/i18n/en.js

@@ -9,9 +9,11 @@
 export default {
   'fabric.editor.action': 'Action item',
   'fabric.editor.action.description': 'Create and assign action items',
-  'fabric.editor.addColumn': 'Add column right',
+  'fabric.editor.addColumnLeft': 'Add column left',
+  'fabric.editor.addColumnRight': 'Add column right',
   'fabric.editor.addMediaFiles': 'Add image, video, or file',
-  'fabric.editor.addRow': 'Add row below',
+  'fabric.editor.addRowAbove': 'Add row above',
+  'fabric.editor.addRowBelow': 'Add row below',
   'fabric.editor.alignCenter': 'Align center',
   'fabric.editor.alignImageCenter': 'Align center',
   'fabric.editor.alignImageLeft': 'Align left',
@@ -49,6 +51,7 @@ export default {
   'fabric.editor.codeblock.description': 'Display code with syntax highlighting',
   'fabric.editor.collapseNode': 'Collapse content',
   'fabric.editor.collapseTable': 'Collapse table',
+  'fabric.editor.columnDragHandle': 'Column options',
   'fabric.editor.columns': 'Layouts',
   'fabric.editor.columns.description': 'Structure your page using sections',
   'fabric.editor.copiedToClipboard': 'Copied!',
@@ -86,6 +89,11 @@ export default {
   'fabric.editor.elementbrowser.search.empty-state.heading': 'Nothing matches your search',
   'fabric.editor.elementbrowser.search.empty-state.sub-heading': 'Try searching with a different term or discover new apps for Atlassian products.',
   'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': 'Explore Atlassian Marketplace',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.nothing': 'Nothing matches your search',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.suggestion': 'suggestion available for typed text.',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions': 'suggestions available for typed text.',
+  'fabric.editor.elementbrowser.searchbar.elementAfterInput': 'Enter',
+  'fabric.editor.elementbrowser.searchbar.placeholder': 'Search',
   'fabric.editor.elementbrowser.sidebar.heading': 'Browse',
   'fabric.editor.embedTitle': 'Embed',
   'fabric.editor.emoji': 'Emoji',
@@ -162,12 +170,16 @@ export default {
   'fabric.editor.mediaAddLink': 'Add link',
   'fabric.editor.mediaFiles': 'Image, video, or file',
   'fabric.editor.mediaFiles.description': 'Add images and other files to your page',
-  'fabric.editor.media_change_mediainline': 'Inline',
+  'fabric.editor.media_change_mediainline': 'Inline (caption will be removed)',
   'fabric.editor.media_change_mediasingle': 'Original size',
   'fabric.editor.mention': 'Mention',
   'fabric.editor.mention.description': 'Mention someone to send them a notification',
   'fabric.editor.mergeCells': 'Merge cells',
   'fabric.editor.moreFormatting': 'More formatting',
+  'fabric.editor.moveColumnLeft': 'Move {0, plural, one {column} other {columns}} left',
+  'fabric.editor.moveColumnRight': 'Move {0, plural, one {column} other {columns}} right',
+  'fabric.editor.moveDownDown': 'Move {0, plural, one {row} other {rows}} down',
+  'fabric.editor.moveRowUp': 'Move {0, plural, one {row} other {rows}} up',
   'fabric.editor.navigate.toolbar.editor': 'Navigate to editor toolbar',
   'fabric.editor.navigate.toolbar.floating': 'Navigate to floating toolbar',
   'fabric.editor.normal': 'Normal text',
@@ -193,11 +205,14 @@ export default {
   'fabric.editor.removeRows': 'Delete {0, plural, one {row} other {rows}}',
   'fabric.editor.rightSidebar': 'Right sidebar',
   'fabric.editor.rowControl': 'Highlight row',
+  'fabric.editor.rowDragHandle': 'Row options',
   'fabric.editor.saveButton': 'Save',
   'fabric.editor.settingsLinks': 'Go to Link Preferences',
   'fabric.editor.single': 'Single column',
   'fabric.editor.sortColumnASC': 'Sort column A → Z',
   'fabric.editor.sortColumnDESC': 'Sort column Z → A',
+  'fabric.editor.sortColumnDecreasing': 'Sort decreasing',
+  'fabric.editor.sortColumnIncreasing': 'Sort increasing',
   'fabric.editor.splitCell': 'Split cell',
   'fabric.editor.status': 'Status',
   'fabric.editor.status.description': 'Add a custom status label',
@@ -218,6 +233,8 @@ export default {
   '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.tableSizeSelectorButton': 'Create table of size',
+  'fabric.editor.tableSizeSelectorPopup': 'Table size selector',
   'fabric.editor.tables.adjustColumn': 'Adjust column',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Deleting {nodeName} will break anything connected to it.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Delete',
@@ -230,7 +247,7 @@ export default {
   'fabric.editor.time.ago': 'ago',
   'fabric.editor.time.updated': 'Updated',
   'fabric.editor.time.viewed': 'Viewed',
-  'fabric.editor.toolbarLabel': 'Editor toolbar',
+  'fabric.editor.toolbarLabel': 'Editor',
   'fabric.editor.tooltip.blockPanel': 'a panel',
   'fabric.editor.tooltip.bulletList': 'a list',
   'fabric.editor.tooltip.decisionList': 'a decision list',
@@ -308,5 +325,6 @@ export default {
   'fabric.theme.subtle-yellow': 'Subtle yellow',
   'fabric.theme.teal': 'Teal',
   'fabric.theme.white': 'White',
-  'fabric.theme.yellow': 'Yellow'
+  'fabric.theme.yellow': 'Yellow',
+  'fabrid.editor.rowNumbers': 'Row numbers'
 };

package/dist/esm/i18n/en_GB.js

@@ -9,9 +9,11 @@
 export default {
   'fabric.editor.action': 'Action item',
   'fabric.editor.action.description': 'Create and assign action items',
-  'fabric.editor.addColumn': 'Add column right',
+  'fabric.editor.addColumnLeft': 'Add column left',
+  'fabric.editor.addColumnRight': 'Add column right',
   'fabric.editor.addMediaFiles': 'Add image, video, or file',
-  'fabric.editor.addRow': 'Add row below',
+  'fabric.editor.addRowAbove': 'Add row above',
+  'fabric.editor.addRowBelow': 'Add row below',
   'fabric.editor.alignCenter': 'Align center',
   'fabric.editor.alignImageCenter': 'Align center',
   'fabric.editor.alignImageLeft': 'Align left',
@@ -49,6 +51,7 @@ export default {
   'fabric.editor.codeblock.description': 'Display code with syntax highlighting',
   'fabric.editor.collapseNode': 'Collapse content',
   'fabric.editor.collapseTable': 'Collapse table',
+  'fabric.editor.columnDragHandle': 'Column options',
   'fabric.editor.columns': 'Layouts',
   'fabric.editor.columns.description': 'Structure your page using sections',
   'fabric.editor.copiedToClipboard': 'Copied!',
@@ -86,6 +89,11 @@ export default {
   'fabric.editor.elementbrowser.search.empty-state.heading': 'Nothing matches your search',
   'fabric.editor.elementbrowser.search.empty-state.sub-heading': 'Try searching with a different term or discover new apps for Atlassian products.',
   'fabric.editor.elementbrowser.search.empty-state.sub-heading.link': 'Explore Atlassian Marketplace',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.nothing': 'Nothing matches your search',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.suggestion': 'suggestion available for typed text.',
+  'fabric.editor.elementbrowser.searchbar.assistive.text.suggestions': 'suggestions available for typed text.',
+  'fabric.editor.elementbrowser.searchbar.elementAfterInput': 'Enter',
+  'fabric.editor.elementbrowser.searchbar.placeholder': 'Search',
   'fabric.editor.elementbrowser.sidebar.heading': 'Browse',
   'fabric.editor.embedTitle': 'Embed',
   'fabric.editor.emoji': 'Emoji',
@@ -145,7 +153,7 @@ export default {
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.insertColumn': 'Insert column right',
   'fabric.editor.insertColumnDrag': 'Insert column',
-  'fabric.editor.insertMenu': 'Insert',
+  'fabric.editor.insertMenu': 'Insert elements',
   'fabric.editor.insertRow': 'Insert row below',
   'fabric.editor.insertRowDrag': 'Insert row',
   'fabric.editor.invalidLink': 'Please enter a valid link.',
@@ -162,12 +170,16 @@ export default {
   'fabric.editor.mediaAddLink': 'Add link',
   'fabric.editor.mediaFiles': 'Image, video, or file',
   'fabric.editor.mediaFiles.description': 'Add images and other files to your page',
-  'fabric.editor.media_change_mediainline': 'Inline',
+  'fabric.editor.media_change_mediainline': 'Inline (caption will be removed)',
   'fabric.editor.media_change_mediasingle': 'Original size',
   'fabric.editor.mention': 'Mention',
   'fabric.editor.mention.description': 'Mention someone to send them a notification',
   'fabric.editor.mergeCells': 'Merge cells',
   'fabric.editor.moreFormatting': 'More formatting',
+  'fabric.editor.moveColumnLeft': 'Move {0, plural, one {column} other {columns}} left',
+  'fabric.editor.moveColumnRight': 'Move {0, plural, one {column} other {columns}} right',
+  'fabric.editor.moveDownDown': 'Move {0, plural, one {row} other {rows}} down',
+  'fabric.editor.moveRowUp': 'Move {0, plural, one {row} other {rows}} up',
   'fabric.editor.navigate.toolbar.editor': 'Navigate to editor toolbar',
   'fabric.editor.navigate.toolbar.floating': 'Navigate to floating toolbar',
   'fabric.editor.normal': 'Normal text',
@@ -193,11 +205,14 @@ export default {
   'fabric.editor.removeRows': 'Delete {0, plural, one {row} other {rows}}',
   'fabric.editor.rightSidebar': 'Right sidebar',
   'fabric.editor.rowControl': 'Highlight row',
+  'fabric.editor.rowDragHandle': 'Row options',
   'fabric.editor.saveButton': 'Save',
   'fabric.editor.settingsLinks': 'Go to Link Preferences',
   'fabric.editor.single': 'Single column',
   'fabric.editor.sortColumnASC': 'Sort column A → Z',
   'fabric.editor.sortColumnDESC': 'Sort column Z → A',
+  'fabric.editor.sortColumnDecreasing': 'Sort decreasing',
+  'fabric.editor.sortColumnIncreasing': 'Sort increasing',
   'fabric.editor.splitCell': 'Split cell',
   'fabric.editor.status': 'Status',
   'fabric.editor.status.description': 'Add a custom status label',
@@ -218,6 +233,8 @@ export default {
   '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.tableSizeSelectorButton': 'Create table of size',
+  'fabric.editor.tableSizeSelectorPopup': 'Table size selector',
   'fabric.editor.tables.adjustColumn': 'Adjust column',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Deleting {nodeName} will break anything connected to it.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Delete',
@@ -230,7 +247,7 @@ export default {
   'fabric.editor.time.ago': 'ago',
   'fabric.editor.time.updated': 'Updated',
   'fabric.editor.time.viewed': 'Viewed',
-  'fabric.editor.toolbarLabel': 'Editor toolbar',
+  'fabric.editor.toolbarLabel': 'Editor',
   'fabric.editor.tooltip.blockPanel': 'a panel',
   'fabric.editor.tooltip.bulletList': 'a list',
   'fabric.editor.tooltip.decisionList': 'a decision list',
@@ -308,5 +325,6 @@ export default {
   'fabric.theme.subtle-yellow': 'Subtle yellow',
   'fabric.theme.teal': 'Teal',
   'fabric.theme.white': 'White',
-  'fabric.theme.yellow': 'Yellow'
+  'fabric.theme.yellow': 'Yellow',
+  'fabrid.editor.rowNumbers': 'Row numbers'
 };