@atlaskit/editor-common 76.34.0 → 76.36.0

package/dist/es2019/extensibility/ExtensionComponent.js

@@ -0,0 +1,204 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import { Component } from 'react';
+import memoizeOne from 'memoize-one';
+import { getExtensionModuleNodePrivateProps, getNodeRenderer } from '../extensions';
+import { getExtensionRenderer } from '../utils';
+import Extension from './Extension/Extension';
+import InlineExtension from './Extension/InlineExtension';
+import MultiBodiedExtension from './MultiBodiedExtension';
+export class ExtensionComponent extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "privatePropsParsed", false);
+    _defineProperty(this, "state", {});
+    _defineProperty(this, "mounted", false);
+    // memoized to avoid rerender on extension state changes
+    _defineProperty(this, "getNodeRenderer", memoizeOne(getNodeRenderer));
+    _defineProperty(this, "getExtensionModuleNodePrivateProps", memoizeOne(getExtensionModuleNodePrivateProps));
+    _defineProperty(this, "setStateFromPromise", (stateKey, promise) => {
+      promise && promise.then(p => {
+        if (!this.mounted) {
+          return;
+        }
+        this.setState({
+          [stateKey]: p
+        });
+      });
+    });
+    /**
+     * Parses any private nodes once an extension provider is available.
+     *
+     * We do this separately from resolving a node renderer component since the
+     * private props come from extension provider, rather than an extension
+     * handler which only handles `render`/component concerns.
+     */
+    _defineProperty(this, "parsePrivateNodePropsIfNeeded", async () => {
+      if (this.privatePropsParsed || !this.state.extensionProvider) {
+        return;
+      }
+      this.privatePropsParsed = true;
+      const {
+        extensionType,
+        extensionKey
+      } = this.props.node.attrs;
+
+      /**
+       * getExtensionModuleNodePrivateProps can throw if there are issues in the
+       * manifest
+       */
+      try {
+        const privateProps = await this.getExtensionModuleNodePrivateProps(this.state.extensionProvider, extensionType, extensionKey);
+        this.setState({
+          _privateProps: privateProps
+        });
+      } catch (e) {
+        // eslint-disable-next-line no-console
+        console.error('Provided extension handler has thrown an error\n', e);
+        /** We don't want this error to block renderer */
+        /** We keep rendering the default content */
+      }
+    });
+    _defineProperty(this, "handleExtension", (pmNode, actions) => {
+      var _pmNode$marks, _pmNode$marks$find, _pmNode$marks$find$at;
+      const {
+        extensionHandlers,
+        editorView
+      } = this.props;
+      const {
+        extensionType,
+        extensionKey,
+        parameters,
+        text
+      } = pmNode.attrs;
+      const isBodiedExtension = pmNode.type.name === 'bodiedExtension';
+      if (isBodiedExtension) {
+        return;
+      }
+      const fragmentLocalId = pmNode === null || pmNode === void 0 ? void 0 : (_pmNode$marks = pmNode.marks) === null || _pmNode$marks === void 0 ? void 0 : (_pmNode$marks$find = _pmNode$marks.find(m => m.type.name === 'fragment')) === null || _pmNode$marks$find === void 0 ? void 0 : (_pmNode$marks$find$at = _pmNode$marks$find.attrs) === null || _pmNode$marks$find$at === void 0 ? void 0 : _pmNode$marks$find$at.localId;
+      const node = {
+        type: pmNode.type.name,
+        extensionType,
+        extensionKey,
+        parameters,
+        content: text,
+        localId: pmNode.attrs.localId,
+        fragmentLocalId
+      };
+      let result;
+      if (extensionHandlers && extensionHandlers[extensionType]) {
+        const render = getExtensionRenderer(extensionHandlers[extensionType]);
+        result = render(node, editorView.state.doc, actions);
+      }
+      if (!result) {
+        const extensionHandlerFromProvider = this.state.extensionProvider && this.getNodeRenderer(this.state.extensionProvider, extensionType, extensionKey);
+        if (extensionHandlerFromProvider) {
+          const NodeRenderer = extensionHandlerFromProvider;
+          if (node.type === 'multiBodiedExtension') {
+            return /*#__PURE__*/React.createElement(NodeRenderer, {
+              node: node,
+              references: this.props.references,
+              actions: actions
+            });
+          } else {
+            return /*#__PURE__*/React.createElement(NodeRenderer, {
+              node: node,
+              references: this.props.references
+            });
+          }
+        }
+      }
+      return result;
+    });
+  }
+  UNSAFE_componentWillMount() {
+    this.mounted = true;
+  }
+  componentDidMount() {
+    const {
+      extensionProvider
+    } = this.props;
+    if (extensionProvider) {
+      this.setStateFromPromise('extensionProvider', extensionProvider);
+    }
+  }
+  componentDidUpdate() {
+    this.parsePrivateNodePropsIfNeeded();
+  }
+  componentWillUnmount() {
+    this.mounted = false;
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    const {
+      extensionProvider
+    } = nextProps;
+    if (extensionProvider && this.props.extensionProvider !== extensionProvider) {
+      this.setStateFromPromise('extensionProvider', extensionProvider);
+    }
+  }
+  render() {
+    var _this$state$_privateP;
+    const {
+      node,
+      handleContentDOMRef,
+      editorView,
+      references,
+      editorAppearance,
+      pluginInjectionApi,
+      getPos,
+      eventDispatcher
+    } = this.props;
+    if (node.type.name === 'multiBodiedExtension') {
+      return /*#__PURE__*/React.createElement(MultiBodiedExtension, {
+        node: node,
+        editorView: editorView,
+        getPos: getPos,
+        handleContentDOMRef: handleContentDOMRef,
+        tryExtensionHandler: this.tryExtensionHandler.bind(this),
+        eventDispatcher: eventDispatcher,
+        pluginInjectionApi: pluginInjectionApi,
+        editorAppearance: editorAppearance
+      });
+    }
+    const extensionHandlerResult = this.tryExtensionHandler(undefined);
+    switch (node.type.name) {
+      case 'extension':
+      case 'bodiedExtension':
+        return /*#__PURE__*/React.createElement(Extension, {
+          node: node,
+          getPos: this.props.getPos,
+          references: references,
+          extensionProvider: this.state.extensionProvider,
+          handleContentDOMRef: handleContentDOMRef,
+          view: editorView,
+          editorAppearance: editorAppearance,
+          hideFrame: (_this$state$_privateP = this.state._privateProps) === null || _this$state$_privateP === void 0 ? void 0 : _this$state$_privateP.__hideFrame,
+          pluginInjectionApi: pluginInjectionApi
+        }, extensionHandlerResult);
+      case 'inlineExtension':
+        return /*#__PURE__*/React.createElement(InlineExtension, {
+          node: node
+        }, extensionHandlerResult);
+      default:
+        return null;
+    }
+  }
+  tryExtensionHandler(actions) {
+    const {
+      node
+    } = this.props;
+    try {
+      const extensionContent = this.handleExtension(node, actions);
+      if (extensionContent && /*#__PURE__*/React.isValidElement(extensionContent)) {
+        return extensionContent;
+      }
+    } catch (e) {
+      // eslint-disable-next-line no-console
+      console.error('Provided extension handler has thrown an error\n', e);
+      /** We don't want this error to block renderer */
+      /** We keep rendering the default content */
+    }
+
+    return null;
+  }
+}

package/dist/es2019/extensibility/ExtensionNodeWrapper.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ZERO_WIDTH_SPACE } from '../utils';
+/**
+ * If inlineExtension, add zero width space to the end of the nodes and wrap with span;
+ * else wrap with a div (for multi bodied extensions)
+ *
+ * @param param0
+ * @returns
+ */
+export const ExtensionNodeWrapper = ({
+  children,
+  nodeType
+}) => /*#__PURE__*/React.createElement("span", null, children, nodeType === 'inlineExtension' && ZERO_WIDTH_SPACE);

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

@@ -0,0 +1,283 @@
+import _extends from "@babel/runtime/helpers/extends";
+/** @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 { useSharedPluginState } from '../../hooks';
+import { analyticsEventKey, calculateBreakoutStyles } 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;
+};
+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,
+  getPos,
+  tryExtensionHandler,
+  editorView,
+  eventDispatcher,
+  widthState,
+  editorAppearance
+}) => {
+  const [activeChildIndex, setActiveChildIndex] = useState(0);
+  // Adding to avoid aliasing `this` for the callbacks
+  const updateActiveChild = React.useCallback(index => {
+    if (typeof index !== 'number') {
+      setActiveChildIndex(0);
+      throw new Error('Index is not valid');
+    }
+    setActiveChildIndex(index);
+    return true;
+  }, [setActiveChildIndex]);
+  const actions = useMultiBodiedExtensionActions({
+    updateActiveChild,
+    editorView,
+    getPos,
+    eventDispatcher,
+    node
+  });
+  const extensionHandlerResult = React.useMemo(() => {
+    return tryExtensionHandler(actions);
+  }, [tryExtensionHandler, actions]);
+  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;
+    }
+
+    .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;
+    }
+  `;
+  const 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';
+  let mbeContainerStyles = {};
+  if (shouldBreakout) {
+    const {
+      ...breakoutStyles
+    } = calculateBreakoutStyles({
+      mode: node.attrs.layout,
+      widthStateLineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength,
+      widthStateWidth: widthState === null || widthState === void 0 ? void 0 : widthState.width
+    });
+    mbeContainerStyles = breakoutStyles;
+  }
+  return jsx("section", {
+    className: "multiBodiedExtension--container",
+    css: containerCSS,
+    "data-testid": "multiBodiedExtension--container",
+    "data-active-child-index": activeChildIndex,
+    style: mbeContainerStyles
+  }, jsx("nav", {
+    className: "multiBodiedExtension-navigation",
+    css: navigationCSS,
+    "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 {
+    pluginInjectionApi
+  } = props;
+  const {
+    widthState
+  } = useSharedPluginState(pluginInjectionApi, ['width']);
+  return jsx(MultiBodiedExtensionWithWidth, _extends({
+    widthState: widthState
+  }, props));
+};
+
+// Workaround taken from platform/packages/editor/editor-core/src/plugins/extension/ui/Extension/Extension/index.tsx
+const MultiBodiedExtension = props => {
+  // TODO: ED-17836 This code is here because confluence injects
+  // the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
+  // which cannot access the `pluginInjectionApi`. When we move
+  // Confluence to using presets we can remove this workaround.
+  const {
+    pluginInjectionApi
+  } = props;
+  return pluginInjectionApi === undefined ? jsx(MultiBodiedExtensionDeprecated, props) : jsx(MultiBodiedExtensionWithSharedState, props);
+};
+
+// TODO: ED-17836 This code is here because Confluence injects
+// the `editor-referentiality` plugin via `dangerouslyAppendPlugins`
+// which cannot access the `pluginInjectionApi`. When we move
+// Confluence to using presets we can remove this workaround.
+// @ts-ignore
+const widthPluginKey = {
+  key: 'widthPlugin$',
+  getState: state => {
+    return state['widthPlugin$'];
+  }
+};
+const MultiBodiedExtensionDeprecated = props => {
+  return jsx(WithPluginState, {
+    editorView: props.editorView,
+    plugins: {
+      widthState: widthPluginKey
+    },
+    render: ({
+      widthState
+    }) => jsx(MultiBodiedExtensionWithWidth, _extends({
+      widthState: widthState
+    }, props))
+  });
+};
+/**
+ * End workaround
+ */
+
+export default MultiBodiedExtension;

package/dist/es2019/extensibility/extensionNodeView.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import ReactNodeView from '../react-node-view';
+import { Extension } from './Extension';
+import { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
+// getInlineNodeViewProducer is a new api to use instead of ReactNodeView
+// when creating inline node views, however, it is difficult to test the impact
+// on selections when migrating inlineExtension to use the new api.
+// The ReactNodeView api will be visited in the second phase of the selections
+// project whilst investigating block nodes. We will revisit the Extension node view there too.
+export class ExtensionNode extends ReactNodeView {
+  ignoreMutation(mutation) {
+    // Extensions can perform async operations that will change the DOM.
+    // To avoid having their tree rebuilt, we need to ignore the mutation
+    // for atom based extensions if its not a layout, we need to give
+    // children a chance to recalc
+    return this.node.type.isAtom || mutation.type !== 'selection' && mutation.attributeName !== 'data-layout';
+  }
+  getContentDOM() {
+    if (this.node.isInline) {
+      return;
+    }
+    const dom = document.createElement('div');
+    dom.className = `${this.node.type.name}-content-dom-wrapper`;
+    return {
+      dom
+    };
+  }
+  render(props, forwardRef) {
+    var _props$extensionNodeV;
+    return /*#__PURE__*/React.createElement(ExtensionNodeWrapper, {
+      nodeType: this.node.type.name
+    }, /*#__PURE__*/React.createElement(Extension, {
+      editorView: this.view,
+      node: this.node,
+      eventDispatcher: this.eventDispatcher
+      // The getPos arg is always a function when used with nodes
+      // the version of the types we use has a union with the type
+      // for marks.
+      // This has been fixed in later versions of the definitly typed
+      // types (and also in prosmirror-views inbuilt types).
+      // https://github.com/DefinitelyTyped/DefinitelyTyped/pull/57384
+      ,
+      getPos: this.getPos,
+      providerFactory: props.providerFactory,
+      handleContentDOMRef: forwardRef,
+      extensionHandlers: props.extensionHandlers,
+      editorAppearance: (_props$extensionNodeV = props.extensionNodeViewOptions) === null || _props$extensionNodeV === void 0 ? void 0 : _props$extensionNodeV.appearance,
+      pluginInjectionApi: props.pluginInjectionApi
+    }));
+  }
+}
+export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions, pluginInjectionApi) {
+  return (node, view, getPos) => {
+    const hasIntlContext = true;
+    return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
+      providerFactory,
+      extensionHandlers,
+      extensionNodeViewOptions,
+      pluginInjectionApi
+    }, undefined, undefined, undefined, hasIntlContext).init();
+  };
+}

package/dist/es2019/extensibility/index.js

@@ -0,0 +1,4 @@
+export { ExtensionNodeWrapper } from './ExtensionNodeWrapper';
+export { Extension } from './Extension';
+export { default as ExtensionNodeView, ExtensionNode } from './extensionNodeView';
+export { ExtensionComponent } from './ExtensionComponent';

package/dist/es2019/extensibility/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/i18n/cs.js

@@ -9,7 +9,9 @@
 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',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': 'Zarovnat vlevo',
   'fabric.editor.alignRight': 'Zarovnat vpravo',
   'fabric.editor.annotationToolbar': 'Panel nástrojů poznámek',
+  'fabric.editor.backgroundColor': 'Barva pozadí',
   'fabric.editor.blockCardUnavailable': 'Vložený odkaz je uvnitř uzlu {node} a jeho zobrazení nelze změnit',
   'fabric.editor.blockDescription': 'Zobrazit další informace o odkazu, včetně souhrnu a akcí',
   'fabric.editor.blockTitle': 'Karta',
@@ -138,7 +141,6 @@ export default {
   'fabric.editor.infoPanel': 'Informační panel',
   'fabric.editor.infoPanel.description': 'Zvýraznit informace v barevném panelu',
   'fabric.editor.inlineDescription': 'Zobrazit odkaz jako vložený text',
-  'fabric.editor.inlineOverlay': 'Změnit zobrazení',
   'fabric.editor.inlineTitle': 'Vložený',
   'fabric.editor.insertColumn': 'Vložit sloupec napravo',
   'fabric.editor.insertColumnDrag': 'Vložit sloupec',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': 'Tabulka',
   'fabric.editor.table.description': 'Vložit tabulku',
   'fabric.editor.tableOptions': 'Možnosti tabulky',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Šířka tabulky byla snížena na {newWidth,number} pixel.} few {Šířka tabulky byla snížena na {newWidth,number} pixely.} many {Šířka tabulky byla snížena na {newWidth,number} pixelu.} other {Šířka tabulky byla snížena na {newWidth,number} pixelů.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Šířka tabulky byla snížena na {newWidth,number} pixel.} few {Šířka tabulky byla snížena na {newWidth,number} pixely.} many {Šířka tabulky byla snížena na {newWidth,number} pixelu.} other {Šířka tabulky byla snížena na {newWidth,number} pixelů.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Šířka tabulky byla zvýšena na {newWidth,number} pixel.} few {Šířka tabulky byla zvýšena na {newWidth,number} pixely.} many {Šířka tabulky byla zvýšena na {newWidth,number} pixelu.} other {Šířka tabulky byla zvýšena na {newWidth,number} pixelů.}}',
   'fabric.editor.tables.adjustColumn': 'Upravit sloupec',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Odstranění uzlu {nodeName} způsobí, že všechny k němu připojené položky přestanou fungovat.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Odstranit',

package/dist/es2019/i18n/da.js

@@ -9,7 +9,9 @@
 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.addMediaFiles': 'Tilføj billede, video eller fil',
+  'fabric.editor.addRow': 'Tilføj række nedenfor',
   'fabric.editor.alignCenter': 'Centrér',
   'fabric.editor.alignImageCenter': 'Centrér',
   'fabric.editor.alignImageLeft': 'Venstrejustér',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': 'Venstrejustér',
   'fabric.editor.alignRight': 'Højrejustér',
   'fabric.editor.annotationToolbar': 'Værktøjslinje til annotationer',
+  'fabric.editor.backgroundColor': 'Baggrundsfarve',
   'fabric.editor.blockCardUnavailable': 'Det indbyggede link er inden i {node}, og dets visning kan ikke ændres',
   'fabric.editor.blockDescription': 'Vis flere oplysninger om et link, inklusive sammendrag og handlinger',
   'fabric.editor.blockTitle': 'Kort',
@@ -138,7 +141,6 @@ 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': 'Skift visning',
   'fabric.editor.inlineTitle': 'Indbyg',
   'fabric.editor.insertColumn': 'Indsæt kolonne til højre',
   'fabric.editor.insertColumnDrag': 'Indsæt kolonne',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': 'Tabel',
   'fabric.editor.table.description': 'Indsæt en tabel',
   'fabric.editor.tableOptions': 'Egenskaber for tabel',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Tabelbredde reduceret til {newWidth,number} pixel.} other {Tabelbredde reduceret til {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Tabelbredde reduceret til {newWidth,number} pixel.} other {Tabelbredde reduceret til {newWidth,number} pixel.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Tabelbredde øget til {newWidth,number} pixel.} other {Tabelbredde øget til {newWidth,number} pixels.}}',
   'fabric.editor.tables.adjustColumn': 'Tilpas kolonne',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Hvis du sletter {nodeName}, brydes forbindelsen til alt, der er forbundet til den.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Slet',

package/dist/es2019/i18n/de.js

@@ -9,7 +9,9 @@
 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',
@@ -17,6 +19,7 @@ export default {
   'fabric.editor.alignLeft': 'Links ausrichten',
   'fabric.editor.alignRight': 'Rechts ausrichten',
   'fabric.editor.annotationToolbar': 'Symbolleiste für Anmerkungen',
+  'fabric.editor.backgroundColor': 'Hintergrundfarbe',
   'fabric.editor.blockCardUnavailable': 'Die Ansicht des Inline-Links kann nicht geändert werden, da sich der Link innerhalb von {node} befindet.',
   'fabric.editor.blockDescription': 'Weitere Informationen zu einem Link anzeigen, darunter eine Zusammenfassung und Aktionen',
   'fabric.editor.blockTitle': 'Karte',
@@ -138,7 +141,6 @@ export default {
   'fabric.editor.infoPanel': 'Info-Panel',
   'fabric.editor.infoPanel.description': 'Informationen in einem farbigen Panel hervorheben',
   'fabric.editor.inlineDescription': 'Link als Inline-Text anzeigen',
-  'fabric.editor.inlineOverlay': 'Ansicht wechseln',
   'fabric.editor.inlineTitle': 'Inline',
   'fabric.editor.insertColumn': 'Spalte rechts einfügen',
   'fabric.editor.insertColumnDrag': 'Spalte einfügen',
@@ -211,7 +213,8 @@ export default {
   'fabric.editor.table': 'Tabelle',
   'fabric.editor.table.description': 'Tabelle einfügen',
   'fabric.editor.tableOptions': 'Tabellenoptionen',
-  'fabric.editor.tableResizeScreenReaderInformation': '{newWidth, plural, one {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.} other {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.}}',
+  'fabric.editor.tableResizeDecreaseScreenReaderInformation': '{newWidth, plural, one {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.} other {Die Tabellenbreite wurde auf {newWidth,number} Pixel verringert.}}',
+  'fabric.editor.tableResizeIncreaseScreenReaderInformation': '{newWidth, plural, one {Die Tabellenbreite wurde auf {newWidth,number} Pixel erhöht.} other {Die Tabellenbreite wurde auf {newWidth,number} Pixel erhöht.}}',
   'fabric.editor.tables.adjustColumn': 'Spalte anpassen',
   'fabric.editor.tables.confirmDeleteLinkedModalMessage': 'Durch das Löschen von {nodeName} werden alle damit verbundenen Elemente unbrauchbar.',
   'fabric.editor.tables.confirmDeleteLinkedModalOKButton': 'Löschen',