@atlaskit/editor-common 77.0.6 → 77.1.0

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

@@ -1,137 +1,41 @@
 import _extends from "@babel/runtime/helpers/extends";
+/* 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';
-const useMultiBodiedExtensionActions = ({
-  updateActiveChild,
-  editorView,
-  getPos,
-  node,
-  eventDispatcher
-}) => {
-  const actions = React.useMemo(() => {
-    return {
-      changeActive(index) {
-        const updateActiveChildResult = updateActiveChild(index);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.CHANGE_ACTIVE, node, eventDispatcher);
-        }
-        return updateActiveChildResult;
-      },
-      addChild() {
-        const {
-          state,
-          dispatch
-        } = editorView;
-        if (node.content.childCount >= node.attrs.maxFrames) {
-          throw new Error(`Cannot add more than ${node.attrs.maxFrames} frames`);
-        }
-        const p = state.schema.nodes.paragraph.createAndFill({});
-        if (!p) {
-          throw new Error('Could not create paragraph');
-        }
-        const frame = state.schema.nodes.extensionFrame.createAndFill({}, [p]);
-        const pos = getPos();
-        if (typeof pos !== 'number' || !frame) {
-          throw new Error('Could not create frame or position not valid');
-        }
-        const 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() {
-        return node.content.childCount;
-      },
-      removeChild(index) {
-        const 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');
-        }
-        const {
-          state,
-          dispatch
-        } = editorView;
-        if (node.content.childCount === 1) {
-          const tr = state.tr;
-          tr.deleteRange(pos, pos + node.content.size);
-          dispatch(tr);
-          return true;
-        }
-        const $pos = state.doc.resolve(pos);
-        const $startNodePos = state.doc.resolve($pos.start($pos.depth + 1));
-        const startFramePosition = $startNodePos.posAtIndex(index);
-        const maybeFrameNode = state.doc.nodeAt(startFramePosition);
-        if (!maybeFrameNode) {
-          throw new Error('Could not find frame node');
-        }
-        const endFramePosition = maybeFrameNode.content.size + startFramePosition;
-        const tr = state.tr;
-        tr.deleteRange(startFramePosition, endFramePosition);
-        dispatch(tr);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.REMOVE_CHILD, node, eventDispatcher);
-        }
-        return true;
-      },
-      updateParameters(parameters) {
-        const {
-          state,
-          dispatch
-        } = editorView;
-        const pos = getPos();
-        if (typeof pos !== 'number') {
-          throw new Error('Position not valid');
-        }
-        const tr = state.tr.setNodeMarkup(pos, undefined, {
-          ...node.attrs,
-          parameters: {
-            ...node.attrs.parameters,
-            macroParams: parameters
-          }
-        });
-        dispatch(tr);
-        if (eventDispatcher) {
-          sendMBEAnalyticsEvent(ACTION.UPDATE_PARAMETERS, node, eventDispatcher);
-        }
-        return true;
-      },
-      getChildren() {
-        var _state$doc$nodeAt;
-        const {
-          state
-        } = editorView;
-        const pos = getPos();
-        if (typeof pos !== 'number') {
-          return [];
-        }
-        const 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
+const getWrapperTitleContent = (imageData, title) => {
+  if (imageData) {
+    const {
+      url,
+      ...rest
+    } = imageData;
+    return jsx("div", {
+      className: "extension-title"
+    }, jsx("img", _extends({
+      css: css`
+            max-height: 24px;
+            max-width: 24px;
+          `,
+      src: url
+    }, rest, {
+      alt: title
+    })), title);
+  }
+  return jsx("div", {
+    className: "extension-title"
+  }, jsx(EditorFileIcon, {
+    label: title
+  }), title);
 };
-const navigationCSS = css`
-  // make sure the user can't see a range selection inside the navigation
-  // This is really important to keep the navigation working properly
-  user-select: none;
-  -webkit-user-modify: read-only;
-  border: 1px solid ${`var(--ds-border, ${N40})`};
-`;
 const MultiBodiedExtensionWithWidth = ({
   node,
   handleContentDOMRef,
@@ -142,6 +46,15 @@ const MultiBodiedExtensionWithWidth = ({
   widthState,
   editorAppearance
 }) => {
+  const {
+    parameters,
+    extensionKey
+  } = node.attrs;
+  const title = parameters && parameters.extensionTitle || parameters && parameters.macroMetadata && parameters.macroMetadata.title || extensionKey || node.type.name;
+  const imageData = getExtensionLozengeData({
+    node,
+    type: 'image'
+  });
   const [activeChildIndex, setActiveChildIndex] = useState(0);
   // Adding to avoid aliasing `this` for the callbacks
   const updateActiveChild = React.useCallback(index => {
@@ -165,18 +78,11 @@ const MultiBodiedExtensionWithWidth = ({
   const articleRef = React.useCallback(node => {
     return handleContentDOMRef(node);
   }, [handleContentDOMRef]);
-  const containerCSS = css`
-    border: 1px solid ${`var(--ds-border, ${N30})`};
-    min-height: 100px;
-    .multiBodiedExtension-content-dom-wrapper > [data-extension-frame='true'] {
-      display: none;
-    }
-
+  const containerCssExtended = css`
+    ${mbeExtensionContainerCSS};
     .multiBodiedExtension-content-dom-wrapper
       > [data-extension-frame='true']:nth-of-type(${activeChildIndex + 1}) {
-      border: 1px solid ${`var(--ds-border, ${N50})`};
-      display: block;
-      min-height: 100px;
+      ${extensionFrameContentCSS}
     }
   `;
   const shouldBreakout =
@@ -184,7 +90,7 @@ const MultiBodiedExtensionWithWidth = ({
   ['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';
-  let mbeContainerStyles = {};
+  let mbeWrapperStyles = {};
   if (shouldBreakout) {
     const {
       ...breakoutStyles
@@ -193,40 +99,28 @@ const MultiBodiedExtensionWithWidth = ({
       widthStateLineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength,
       widthStateWidth: widthState === null || widthState === void 0 ? void 0 : widthState.width
     });
-    mbeContainerStyles = breakoutStyles;
+    mbeWrapperStyles = breakoutStyles;
   }
-  return jsx("section", {
+  const 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
-  }));
-};
-const sendMBEAnalyticsEvent = (action, node, eventDispatcher) => {
-  const analyticsDispatch = createDispatch(eventDispatcher);
-  analyticsDispatch(analyticsEventKey, {
-    payload: {
-      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
-      }
-    }
-  });
+  })));
 };
 const MultiBodiedExtensionWithSharedState = props => {
   const {

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

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

package/dist/es2019/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 const sendMBEAnalyticsEvent = (action, node, eventDispatcher) => {
+  const analyticsDispatch = createDispatch(eventDispatcher);
+  analyticsDispatch(analyticsEventKey, {
+    payload: {
+      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/es2019/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/es2019/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/es2019/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/es2019/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'
 };