@atlaskit/editor-common 99.6.1 → 99.7.1

package/dist/es2019/node-width/index.js

@@ -1,7 +1,9 @@
 import { findParentNodeOfTypeClosestToPos } from '@atlaskit/editor-prosemirror/utils';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth, akEditorWideLayoutWidth, akLayoutGutterOffset, gridMediumMaxWidth } from '@atlaskit/editor-shared-styles';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { BODIED_EXT_PADDING } from '../styles/shared/extension';
 import { LAYOUT_COLUMN_PADDING, LAYOUT_SECTION_MARGIN } from '../styles/shared/layout';
+import { tableCellPadding } from '../styles/shared/table';
 import { absoluteBreakoutWidth } from '../utils/breakout';
 const GRID_SIZE = 8;
 export const layoutToWidth = {
@@ -46,7 +48,7 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
       return state['contextPanelPluginKey$'];
     }
   };
-  if (node.type === schema.nodes.layoutSection) {
+  if (node.type === schema.nodes.layoutSection && !fg('platform_editor_nested_tables_resizing')) {
     var _contextPanelPluginKe, _contextPanelPluginKe2;
     parentWidth += akLayoutGutterOffset * 2; // extra width that gets added to layout
 
@@ -63,10 +65,27 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
       }
     }
   }
-
-  // account for the padding of the parent node
   switch (node.type) {
     case schema.nodes.layoutSection:
+      if (fg('platform_editor_nested_tables_resizing')) {
+        var _contextPanelPluginKe3, _contextPanelPluginKe4;
+        parentWidth += akLayoutGutterOffset * 2; // extra width that gets added to layout
+
+        // Calculate width of parent layout column when
+        // Parallel layout with viewport greater than 1024px
+        // OR side panel of an extension is open and change the node width to smaller than containerWidth
+        if (containerWidth.width > gridMediumMaxWidth || ((_contextPanelPluginKe3 = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe3 === void 0 ? void 0 : _contextPanelPluginKe3.contents.length) > 0 && ((_contextPanelPluginKe4 = contextPanelPluginKey.getState(state)) === null || _contextPanelPluginKe4 === void 0 ? void 0 : _contextPanelPluginKe4.contents[0]) !== undefined) {
+          parentWidth -= (LAYOUT_SECTION_MARGIN + 2) * (node.childCount - 1); // margin between sections
+          const $pos = state.doc.resolve(pos);
+          const column = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.layoutColumn]);
+          if (column && column.node && !isNaN(column.node.attrs.width)) {
+            // get exact width of parent layout column using node attrs
+            parentWidth = Math.round(parentWidth * column.node.attrs.width * 0.01);
+          }
+        }
+      }
+
+      // account for the padding of the parent node
       parentWidth -= LAYOUT_COLUMN_PADDING * 2;
       break;
     case schema.nodes.bodiedExtension:
@@ -85,6 +104,17 @@ export const getParentNodeWidth = (pos, state, containerWidth, isFullWidthModeEn
       // padding left
       parentWidth -= GRID_SIZE * 4 - GRID_SIZE / 2;
       break;
+    case schema.nodes.tableCell:
+    case schema.nodes.tableHeader:
+      if (fg('platform_editor_nested_tables_resizing')) {
+        // Calculate the available column width
+        if (Array.isArray(node.attrs.colwidth)) {
+          parentWidth = node.attrs.colwidth.slice(0, node.attrs.colspan).reduce((sum, width) => sum + width, 0);
+        }
+        // Compensate for padding
+        parentWidth -= tableCellPadding * 2;
+      }
+      break;
   }
   parentWidth -= 2; // border
 
@@ -95,7 +125,12 @@ const getNestedParentNode = (tablePos, state) => {
     return null;
   }
   const $pos = state.doc.resolve(tablePos);
-  const parent = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.extensionFrame, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
+  let parent;
+  if (fg('platform_editor_nested_tables_resizing')) {
+    parent = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.extensionFrame, state.schema.nodes.layoutSection, state.schema.nodes.expand, state.schema.nodes.tableCell, state.schema.nodes.tableHeader]);
+  } else {
+    parent = findParentNodeOfTypeClosestToPos($pos, [state.schema.nodes.bodiedExtension, state.schema.nodes.extensionFrame, state.schema.nodes.layoutSection, state.schema.nodes.expand]);
+  }
   return parent ? parent.node : null;
 };
 const calcBreakoutNodeWidth = (layout, containerWidth, isFullWidthModeEnabled) => {

package/dist/es2019/react-node-view/getInlineNodeViewProducer.js

@@ -7,12 +7,18 @@ import React from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
+import { DOMSerializer } from '@atlaskit/editor-prosemirror/model';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { ACTION_SUBJECT, ACTION_SUBJECT_ID } from '../analytics';
 import { ErrorBoundary } from '../ui/ErrorBoundary';
 import { analyticsEventKey, browser, getPerformanceOptions, startMeasureReactNodeViewRendered, stopMeasureReactNodeViewRendered } from '../utils';
 import { ZERO_WIDTH_SPACE } from '../whitespace';
 import { generateUniqueNodeKey } from './generateUniqueNodeKey';
+import { getOrCreateOnVisibleObserver } from './onVisibleObserverFactory';
 export const inlineNodeViewClassname = 'inlineNodeView';
+const canRenderFallback = node => {
+  return node.type.isInline && node.type.isAtom && node.type.isLeaf;
+};
 function createNodeView({
   nodeViewParams,
   pmPluginFactoryParams,
@@ -20,6 +26,7 @@ function createNodeView({
   extraComponentProps,
   extraNodeViewProps
 }) {
+  const shouldVirtualize = fg('platform_editor_lego__inline_node_virtualization');
   // We set a variable for the current node which is
   // used for comparisions when doing updates, before being
   // overwritten to the updated node.
@@ -63,23 +70,62 @@ function createNodeView({
       extraComponentProps
     }), domRef, key);
   }
-  const {
-    samplingRate,
-    slowThreshold,
-    trackingEnabled
-  } = getPerformanceOptions(nodeViewParams.view);
-  trackingEnabled && startMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name
-  });
+  let didRenderComponentWithIntersectionObserver = false;
+  let destroyed = false;
+  let removeIntersectionObserver = () => {};
+  function renderFallback() {
+    var _currentNode$type, _currentNode$type$spe;
+    if (canRenderFallback(currentNode) && typeof ((_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : (_currentNode$type$spe = _currentNode$type.spec) === null || _currentNode$type$spe === void 0 ? void 0 : _currentNode$type$spe.toDOM) === 'function') {
+      const fallback = DOMSerializer.renderSpec(document, currentNode.type.spec.toDOM(currentNode));
+      domRef.replaceChildren(fallback.dom);
+    }
+  }
+  function attachNodeViewObserver() {
+    const observer = getOrCreateOnVisibleObserver(nodeViewParams.view);
+    removeIntersectionObserver = observer.observe(domRef, () => {
+      if (!didRenderComponentWithIntersectionObserver && !destroyed) {
+        domRef.replaceChildren();
+        renderComponent();
+        didRenderComponentWithIntersectionObserver = true;
+      }
+    });
+  }
+  if (shouldVirtualize) {
+    renderFallback();
+    attachNodeViewObserver();
+  } else {
+    const {
+      samplingRate,
+      slowThreshold,
+      trackingEnabled
+    } = getPerformanceOptions(nodeViewParams.view);
+    trackingEnabled && startMeasureReactNodeViewRendered({
+      nodeTypeName: currentNode.type.name
+    });
 
-  // We render the component while creating the node view
-  renderComponent();
-  trackingEnabled && stopMeasureReactNodeViewRendered({
-    nodeTypeName: currentNode.type.name,
-    dispatchAnalyticsEvent,
-    samplingRate,
-    slowThreshold
-  });
+    // We render the component while creating the node view
+    renderComponent();
+    trackingEnabled && stopMeasureReactNodeViewRendered({
+      nodeTypeName: currentNode.type.name,
+      dispatchAnalyticsEvent,
+      samplingRate,
+      slowThreshold
+    });
+  }
+  const extraNodeViewPropsWithStopEvent = {
+    ...extraNodeViewProps,
+    ...(fg('platform_editor_lego__inline_node_virtualization') ? {
+      // This is not related to virtualization, but it's something we should fix/handle
+      // Remove this comment when `platform_editor_lego__inline_node_virtualization` FF is cleaned up
+      stopEvent(event) {
+        const maybeStopEvent = extraNodeViewProps === null || extraNodeViewProps === void 0 ? void 0 : extraNodeViewProps.stopEvent;
+        if (typeof maybeStopEvent === 'function') {
+          return maybeStopEvent(event);
+        }
+        return false;
+      }
+    } : {})
+  };
 
   // https://prosemirror.net/docs/ref/#view.NodeView
   const nodeView = {
@@ -111,10 +157,20 @@ function createNodeView({
         setDomAttrs(nextNode, domRef);
       }
       currentNode = nextNode;
-      renderComponent();
+      if (shouldVirtualize) {
+        if (didRenderComponentWithIntersectionObserver) {
+          renderComponent();
+        }
+      } else {
+        renderComponent();
+      }
       return true;
     },
     destroy() {
+      if (shouldVirtualize) {
+        removeIntersectionObserver();
+      }
+
       // When prosemirror destroys the node view, we need to clean up
       // what we have previously rendered using the editor portal
       // provider api.
@@ -123,8 +179,11 @@ function createNodeView({
       // of HTMLSpanElement type however once the node view has
       // been destroyed no other consumers should still be using it.
       domRef = undefined;
+      if (shouldVirtualize) {
+        destroyed = true;
+      }
     },
-    ...extraNodeViewProps
+    ...extraNodeViewPropsWithStopEvent
   };
   return nodeView;
 }
@@ -146,7 +205,7 @@ function getPortalChildren({
   extraComponentProps
 }) {
   return function portalChildren() {
-    var _currentNode$type$nam, _currentNode$type;
+    var _currentNode$type$nam, _currentNode$type2;
     //  All inline nodes use `display: inline` to allow for multi-line
     //  wrapping. This does produce an issue in Chrome where it is not
     //  possible to click select the position after the node,
@@ -170,7 +229,7 @@ function getPortalChildren({
 
     return jsx(ErrorBoundary, {
       component: ACTION_SUBJECT.REACT_NODE_VIEW,
-      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type = currentNode.type) === null || _currentNode$type === void 0 ? void 0 : _currentNode$type.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
+      componentId: (_currentNode$type$nam = currentNode === null || currentNode === void 0 ? void 0 : (_currentNode$type2 = currentNode.type) === null || _currentNode$type2 === void 0 ? void 0 : _currentNode$type2.name) !== null && _currentNode$type$nam !== void 0 ? _currentNode$type$nam : ACTION_SUBJECT_ID.UNKNOWN_NODE,
       dispatchAnalyticsEvent: dispatchAnalyticsEvent
     }, jsx("span", {
       className: `zeroWidthSpaceContainer`

package/dist/es2019/react-node-view/onVisibleObserverFactory.js

@@ -0,0 +1,31 @@
+import memoize from 'lodash/memoize';
+// Use this selector to set the intersection observer boundary for editor's inline node views
+// If this does not exist, it will use the IntersectionObserver's default root
+const INTERSECTION_OBSERVER_ROOT_SELECTOR = '[data-editor-scroll-container="true"]';
+const INTERSECTION_OBSERVER_OPTIONS = {
+  rootMargin: '0px 0px 100px 0px',
+  threshold: 0
+};
+
+// Parameterized singleton
+export const getOrCreateOnVisibleObserver = memoize(view => {
+  const intersectionObserverOptions = {
+    root: view.dom.closest(INTERSECTION_OBSERVER_ROOT_SELECTOR),
+    ...INTERSECTION_OBSERVER_OPTIONS
+  };
+  const callbackMap = new WeakMap();
+  const observer = new IntersectionObserver(entries => {
+    entries.filter(entry => entry.isIntersecting) // Only process visible entries
+    .map(entry => callbackMap.get(entry.target))
+    // Invoke callbacks together to group browser rendering
+    // Avoiding requestAnimationFrame to reduce visual flickering
+    .forEach(cb => cb === null || cb === void 0 ? void 0 : cb());
+  }, intersectionObserverOptions);
+  return {
+    observe: (el, callback) => {
+      callbackMap.set(el, callback);
+      observer.observe(el);
+      return () => observer.unobserve(el);
+    }
+  };
+});

package/dist/es2019/safe-plugin/index.js

@@ -1,5 +1,4 @@
 import { Plugin } from '@atlaskit/editor-prosemirror/state';
-import { fg } from '@atlaskit/platform-feature-flags';
 import { createProseMirrorMetadata } from '../prosemirror-dom-metadata';
 /**
  * 🧱 Internal Helper Function: Editor FE Platform
@@ -46,7 +45,7 @@ const wrapGetPosExceptions = spec => {
             // eslint-disable-next-line no-extra-bind
           }).bind(thisArg);
           const result = Reflect.apply(target, thisArg, [node, view, safeGetPos, ...more]);
-          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement && fg('platform_editor_breakout_use_css')) {
+          if ((result === null || result === void 0 ? void 0 : result.dom) instanceof HTMLElement) {
             attachGenericProseMirrorMetadata({
               nodeOrMark: node,
               dom: result.dom

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "99.6.1";
+const packageVersion = "99.7.1";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

package/dist/esm/i18n/cs.js

@@ -86,6 +86,7 @@ export default {
   'fabric.editor.columnMovedRight': 'Sloupec byl přesunut doprava na pozici {index} z {total}',
   'fabric.editor.columnSelected': 'Je vybrán sloupec {index} z {total}',
   'fabric.editor.columns': 'Rozvržení',
+  'fabric.editor.columns.advanced.layout.description': '{numberOfColumns, plural, one {Vložit {numberOfColumns} stejný sloupec} few {Vložit {numberOfColumns} stejné sloupce} many {Vložit {numberOfColumns} stejného sloupce} other {Vložit {numberOfColumns} stejných sloupců}}',
   'fabric.editor.columns.description': 'Uspořádejte svou stránku pomocí oddílů',
   'fabric.editor.columnsAreInserted': '{count, plural, one {Byl vložen sloupec.} few {Byly vloženy {count} sloupce.} many {Bylo vloženo {count} sloupce.} other {Bylo vloženo {count} sloupců.}}',
   'fabric.editor.columnsAreRemoved': '{count, plural, one {Sloupec byl odebrán.} few {Byly odebrány {count} sloupce.} many {Bylo odebráno {count} sloupce.} other {Bylo odebráno {count} sloupců.}}',
@@ -296,6 +297,7 @@ export default {
   'fabric.editor.keyboardShortcuts': 'Klávesové zkratky',
   'fabric.editor.layout.columnOption': '{count, plural, one {Sloupec} few {{count} sloupce} many {{count} sloupce} other {{count} sloupců}}',
   'fabric.editor.layout.placeholder': 'Přidat obsah',
+  'fabric.editor.layout.resizeLayout': 'Změnit velikost rozvržení',
   'fabric.editor.layoutFixedWidth': 'Zpět na zobrazení standardní šířky',
   'fabric.editor.layoutFullWidth': 'Přepnout do zobrazení na celou šířku',
   'fabric.editor.layoutWide': 'Přepnout do zobrazení na šířku',
@@ -363,6 +365,8 @@ export default {
   'fabric.editor.notePanel.description': 'Přidat poznámku do barevného panelu',
   'fabric.editor.numberedColumn': 'Číslovaný sloupec',
   'fabric.editor.off': 'Formátování {formattingType} vypnuto',
+  'fabric.editor.offlineErrorFallbackDescription': 'Zkuste stránku načíst znovu.',
+  'fabric.editor.offlineErrorFallbackHeading': 'Něco se pokazilo',
   'fabric.editor.on': '{formattingType} zapnuto',
   'fabric.editor.openCellOptions': 'Otevřít možnosti buňky',
   'fabric.editor.openLink': 'Otevřít odkaz na nové kartě',
@@ -501,6 +505,7 @@ export default {
   'fabric.editor.unableToOpenLink': 'Tento odkaz nelze otevřít',
   'fabric.editor.underline': 'Podtržení',
   'fabric.editor.undo': 'Vrátit',
+  'fabric.editor.unknown.label': 'Neznámý',
   'fabric.editor.unlink': 'Zrušit propojení',
   'fabric.editor.unorderedList': 'Seznam s odrážkami',
   'fabric.editor.unorderedList.description': 'Vytvořit neseřazený seznam',

package/dist/esm/i18n/da.js

@@ -86,6 +86,7 @@ export default {
   'fabric.editor.columnMovedRight': 'Kolonne flyttet til højre til {index} af {total}',
   'fabric.editor.columnSelected': 'Kolonne {index} af {total} er valgt',
   'fabric.editor.columns': 'Layout',
+  'fabric.editor.columns.advanced.layout.description': '{numberOfColumns, plural, one {Indsæt {numberOfColumns} lige kolonne} other {Indsæt {numberOfColumns} lige kolonner}}',
   'fabric.editor.columns.description': 'Opdel din side i afsnit',
   'fabric.editor.columnsAreInserted': '{count, plural, one {En kolonne er blevet indsat} other {{count} kolonner er blevet indsat}}',
   'fabric.editor.columnsAreRemoved': '{count, plural, one {Kolonnen er blevet fjernet} other {{count} kolonner er blevet fjernet}}',
@@ -296,6 +297,7 @@ export default {
   'fabric.editor.keyboardShortcuts': 'Tastaturgenveje',
   'fabric.editor.layout.columnOption': '{count, plural, one {Kolonne} other {{count} kolonner}}',
   'fabric.editor.layout.placeholder': 'Tilføj indhold',
+  'fabric.editor.layout.resizeLayout': 'Ændr størrelse på layout',
   'fabric.editor.layoutFixedWidth': 'Tilbage til centrering',
   'fabric.editor.layoutFullWidth': 'Vis i fuld bredde',
   'fabric.editor.layoutWide': 'Vis bred',
@@ -363,6 +365,8 @@ export default {
   'fabric.editor.notePanel.description': 'Tilføj en note i et farvet panel',
   'fabric.editor.numberedColumn': 'Kolonne med nummerering',
   'fabric.editor.off': '{formattingType} fra',
+  'fabric.editor.offlineErrorFallbackDescription': 'Prøv at genindlæse siden.',
+  'fabric.editor.offlineErrorFallbackHeading': 'Noget gik galt!',
   'fabric.editor.on': '{formattingType} til',
   'fabric.editor.openCellOptions': 'Åbn celleegenskaber',
   'fabric.editor.openLink': 'Åbn link i en nye fane',
@@ -501,6 +505,7 @@ export default {
   'fabric.editor.unableToOpenLink': 'Kan ikke åbne dette link',
   'fabric.editor.underline': 'Understreget',
   'fabric.editor.undo': 'Fortryd',
+  'fabric.editor.unknown.label': 'Ukendt',
   'fabric.editor.unlink': 'Fjern link',
   'fabric.editor.unorderedList': 'Punktopstilling',
   'fabric.editor.unorderedList.description': 'Opret en ikke-sorteret liste',

package/dist/esm/i18n/de.js

@@ -86,6 +86,7 @@ export default {
   'fabric.editor.columnMovedRight': 'Spalte nach rechts verschoben auf {index} von {total}',
   'fabric.editor.columnSelected': 'Spalte {index} von {total} ausgewählt',
   'fabric.editor.columns': 'Layouts',
+  'fabric.editor.columns.advanced.layout.description': '{numberOfColumns, plural, one {{numberOfColumns} gleich große Spalte einfügen} other {{numberOfColumns} gleich große Spalten einfügen}}',
   'fabric.editor.columns.description': 'Seite mithilfe von Abschnitten strukturieren',
   'fabric.editor.columnsAreInserted': '{count, plural, one {Eine Spalte wurde hinzugefügt.} other {{count} Spalten wurden hinzugefügt.}}',
   'fabric.editor.columnsAreRemoved': '{count, plural, one {Die Spalte wurde entfernt.} other {{count} Spalten wurden entfernt.}}',
@@ -296,6 +297,7 @@ export default {
   'fabric.editor.keyboardShortcuts': 'Tastenkombinationen',
   'fabric.editor.layout.columnOption': '{count, plural, one {Spalte} other {{count} Spalten}}',
   'fabric.editor.layout.placeholder': 'Inhalt hinzufügen',
+  'fabric.editor.layout.resizeLayout': 'Größe des Layouts ändern',
   'fabric.editor.layoutFixedWidth': 'Zurück zur Mitte',
   'fabric.editor.layoutFullWidth': 'Volle Breite wählen',
   'fabric.editor.layoutWide': 'Verbreitern',
@@ -363,6 +365,8 @@ export default {
   'fabric.editor.notePanel.description': 'Hinweis in einem farbigen Panel einfügen',
   'fabric.editor.numberedColumn': 'Nummerierte Spalte',
   'fabric.editor.off': '{formattingType} aus',
+  'fabric.editor.offlineErrorFallbackDescription': 'Versuchen Sie, die Seite neu zu laden.',
+  'fabric.editor.offlineErrorFallbackHeading': 'Etwas ist schiefgelaufen!',
   'fabric.editor.on': '{formattingType} ein',
   'fabric.editor.openCellOptions': 'Zellenoptionen öffnen',
   'fabric.editor.openLink': 'Link in neuer Registerkarte öffnen',
@@ -467,6 +471,7 @@ export default {
   'fabric.editor.text.formatting.off': 'Textformatierung aus',
   'fabric.editor.textColor': 'Textfarbe: {selectedColorName}',
   'fabric.editor.textColorTooltip': 'Textfarbe',
+  'fabric.editor.textFormat': 'Text formatieren',
   'fabric.editor.textFormatting': 'Textformatierung',
   'fabric.editor.textStyles': 'Textstile: {blockTypeName}',
   'fabric.editor.textStylesTooltip': 'Textstile',
@@ -500,6 +505,7 @@ export default {
   'fabric.editor.unableToOpenLink': 'Dieser Link konnte nicht geöffnet werden.',
   'fabric.editor.underline': 'Unterstrichen',
   'fabric.editor.undo': 'Rückgängig machen',
+  'fabric.editor.unknown.label': 'Unbekannt',
   'fabric.editor.unlink': 'Verknüpfung löschen',
   'fabric.editor.unorderedList': 'Aufzählung',
   'fabric.editor.unorderedList.description': 'Unsortierte Liste erstellen',

package/dist/esm/i18n/en.js

@@ -22,6 +22,82 @@ export default {
   'fabric.editor.addMediaFiles': 'Add image, video, or file',
   'fabric.editor.addRowAbove': 'Add row above',
   'fabric.editor.addRowBelow': 'Add row below',
+  'fabric.editor.ai.proactive.askAIButtonLabel.non-final': 'Ask AI',
+  'fabric.editor.ai.proactive.beta.label.non-final': 'BETA',
+  'fabric.editor.ai.proactive.close.label.non-final': 'Close',
+  'fabric.editor.ai.proactive.enableSuggestionsButtonLabel.non-final': 'Turn on',
+  'fabric.editor.ai.proactive.enableSuggestionsState.description.non-final': 'Turn on suggested edits to quickly preview content improvements.',
+  'fabric.editor.ai.proactive.enableSuggestionsState.title.non-final': 'You create. We polish.',
+  'fabric.editor.ai.proactive.error.markdownErrorMessage': "We're having trouble generating the preview. Close the dialog and try again.",
+  'fabric.editor.ai.proactive.error.unhandledErrorMessage': "We're having trouble. Close the dialog and try again.",
+  'fabric.editor.ai.proactive.findingMoreSuggestionsLoadingLabel.non-final': 'Finding more suggestions',
+  'fabric.editor.ai.proactive.findingSuggestionsLabel.non-final': 'Finding suggestions',
+  'fabric.editor.ai.proactive.findingSuggestionsLoadingLabel.non-final': 'Finding suggestions',
+  'fabric.editor.ai.proactive.loading.iconAltText.non-final': 'Loading icon',
+  'fabric.editor.ai.proactive.moreActions.label.non-final': 'More actions',
+  'fabric.editor.ai.proactive.moreMenu.giveFeedback.non-final': 'Give feedback',
+  'fabric.editor.ai.proactive.moreMenu.label.non-final': 'more',
+  'fabric.editor.ai.proactive.moreMenu.manageSuggestions.non-final': 'Manage Suggestions',
+  'fabric.editor.ai.proactive.moreMenu.manageSuggestionsTitle.non-final': 'Manage suggestions',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsDescription.non-final': 'Use panels to make your message stand out.',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsTitle.non-final': 'Panels',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllSuggestionsDescription.non-final': 'Toggle to turn suggested edits on or off.',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllSuggestionsTitle.non-final': 'All suggestions',
+  'fabric.editor.ai.proactive.moreMenu.toggleErrorPanelDescription.non-final': 'Transform text into a red error panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleErrorPanelTitle.non-final': 'Error panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphDescription.non-final': 'Suggestions for writing, lists, content structure, and spelling.',
+  'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphTitle.non-final': 'Enhance content',
+  'fabric.editor.ai.proactive.moreMenu.toggleInfoPanelDescription.non-final': 'Transform text into a blue information panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleInfoPanelTitle.non-final': 'Info panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleNotePanelDescription.non-final': 'Transform text into a purple note panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleNotePanelTitle.non-final': 'Note panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleSplitParagraphDescription.non-final': 'Add paragraph breaks to separate key ideas.',
+  'fabric.editor.ai.proactive.moreMenu.toggleSplitParagraphTitle.non-final': 'Paragraph break',
+  'fabric.editor.ai.proactive.moreMenu.toggleSuccessPanelDescription.non-final': 'Transform text into a green success panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleSuccessPanelTitle.non-final': 'Success panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleTableDescription.non-final': 'Format content in a table to improve readability.',
+  'fabric.editor.ai.proactive.moreMenu.toggleTableTitle.non-final': 'Table',
+  'fabric.editor.ai.proactive.moreMenu.toggleWarningPanelDescription.non-final': 'Transform text into a yellow warning panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleWarningPanelTitle.non-final': 'Warning panel',
+  'fabric.editor.ai.proactive.noSuggestionsState.description.non-final': 'You can also ask AI to improve your page with requests such as <i>Add a table of contents</i> or <i>Create headings</i>.',
+  'fabric.editor.ai.proactive.noSuggestionsState.title.non-final': 'Suggestions will appear here',
+  'fabric.editor.ai.proactive.preview.dismissProactiveRecommendation.non-final': 'Dismiss',
+  'fabric.editor.ai.proactive.preview.insertBelowProactiveRecommendation': 'Insert below',
+  'fabric.editor.ai.proactive.preview.replaceProactiveRecommendation': 'Replace',
+  'fabric.editor.ai.proactive.recommendation.convertToErrorPanel.description.non-final': 'Use a red error panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToErrorPanel.title.non-final': 'Frame with error panel',
+  'fabric.editor.ai.proactive.recommendation.convertToInfoPanel.description.non-final': 'Use a blue info panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToInfoPanel.title.non-final': 'Frame with info panel',
+  'fabric.editor.ai.proactive.recommendation.convertToNotePanel.description.non-final': 'Use a purple note panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToNotePanel.title.non-final': 'Frame with note panel',
+  'fabric.editor.ai.proactive.recommendation.convertToSuccessPanel.description.non-final': 'Use a green success panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToSuccessPanel.title.non-final': 'Frame with success panel',
+  'fabric.editor.ai.proactive.recommendation.convertToTable.description.non-final': 'Format content in a table to improve readability.',
+  'fabric.editor.ai.proactive.recommendation.convertToTable.title.non-final': 'Format in table',
+  'fabric.editor.ai.proactive.recommendation.convertToWarnPanel.description.non-final': 'Use a yellow warning panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToWarnPanel.title.non-final': 'Frame with warning panel',
+  'fabric.editor.ai.proactive.recommendation.default.description.non-final': 'A suggestion to improve the content.',
+  'fabric.editor.ai.proactive.recommendation.default.title.non-final': 'Suggestion',
+  'fabric.editor.ai.proactive.recommendation.dismiss.button.non-final': 'Dismiss',
+  'fabric.editor.ai.proactive.recommendation.formatParagraph.description.non-final': 'Clarify content writing and structure.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraph.title.non-final': 'Enhance content',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.description.non-final': 'Simplify phrasing and grammar.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.title.non-final': 'Clarify writing',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphList.description.non-final': 'Turn content into a scannable list.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphList.title.non-final': 'Create list',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.description.non-final': 'Spot and correct spelling errors.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.title.non-final': 'Fix spelling',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.description.non-final': 'Add paragraph breaks and headings.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.title.non-final': 'Improve structure',
+  'fabric.editor.ai.proactive.recommendation.preview.button.non-final': 'Preview',
+  'fabric.editor.ai.proactive.recommendation.replace.button.non-final': 'Replace',
+  'fabric.editor.ai.proactive.recommendation.splitParagraph.description.non-final': 'Add paragraph breaks to separate key ideas.',
+  'fabric.editor.ai.proactive.recommendation.splitParagraph.title.non-final': 'Divide paragraph',
+  'fabric.editor.ai.proactive.reloadSuggestionsButtonLabel.non-final': 'View past suggestions',
+  'fabric.editor.ai.proactive.reloadSuggestionsState.description.non-final': 'Any new suggestions will appear here.',
+  'fabric.editor.ai.proactive.reloadSuggestionsState.title.non-final': 'Your content’s looking good',
+  'fabric.editor.ai.proactive.spellingAndGrammar.label.non-final': 'Spelling and grammar',
+  'fabric.editor.ai.proactive.suggestions.title.non-final': 'Suggestions',
   'fabric.editor.ai.selectionToolbar.define.disabled.tooltip': 'Highlight a term, acronym, or abbreviation',
   'fabric.editor.ai.selectionToolbar.define.title': 'Define',
   'fabric.editor.alignCenter': 'Align center',
@@ -297,6 +373,7 @@ export default {
   'fabric.editor.keyboardShortcuts': 'Keyboard shortcuts',
   'fabric.editor.layout.columnOption': '{count, plural, one { Column} other {{count} Columns}}',
   'fabric.editor.layout.placeholder': 'Add content',
+  'fabric.editor.layout.resizeLayout': 'Resize layout',
   'fabric.editor.layoutFixedWidth': 'Back to center',
   'fabric.editor.layoutFullWidth': 'Go full width',
   'fabric.editor.layoutWide': 'Go wide',
@@ -364,6 +441,8 @@ export default {
   'fabric.editor.notePanel.description': 'Add a note in a colored panel',
   'fabric.editor.numberedColumn': 'Numbered column',
   'fabric.editor.off': '{formattingType} Off',
+  'fabric.editor.offlineErrorFallbackDescription': 'Try reloading the page.',
+  'fabric.editor.offlineErrorFallbackHeading': 'Something went wrong!',
   'fabric.editor.on': '{formattingType} On',
   'fabric.editor.openCellOptions': 'Open cell options',
   'fabric.editor.openLink': 'Open link in a new tab',
@@ -503,6 +582,7 @@ export default {
   'fabric.editor.unableToOpenLink': 'Unable to open this link',
   'fabric.editor.underline': 'Underline',
   'fabric.editor.undo': 'Undo',
+  'fabric.editor.unknown.label': 'Unknown',
   'fabric.editor.unlink': 'Unlink',
   'fabric.editor.unorderedList': 'Bullet list',
   'fabric.editor.unorderedList.description': 'Create an unordered list',

package/dist/esm/i18n/en_GB.js

@@ -22,6 +22,82 @@ export default {
   'fabric.editor.addMediaFiles': 'Add image, video, or file',
   'fabric.editor.addRowAbove': 'Add row above',
   'fabric.editor.addRowBelow': 'Add row below',
+  'fabric.editor.ai.proactive.askAIButtonLabel.non-final': 'Ask AI',
+  'fabric.editor.ai.proactive.beta.label.non-final': 'BETA',
+  'fabric.editor.ai.proactive.close.label.non-final': 'Close',
+  'fabric.editor.ai.proactive.enableSuggestionsButtonLabel.non-final': 'Turn on',
+  'fabric.editor.ai.proactive.enableSuggestionsState.description.non-final': 'Turn on suggested edits to quickly preview content improvements.',
+  'fabric.editor.ai.proactive.enableSuggestionsState.title.non-final': 'You create. We polish.',
+  'fabric.editor.ai.proactive.error.markdownErrorMessage': "We're having trouble generating the preview. Close the dialog and try again.",
+  'fabric.editor.ai.proactive.error.unhandledErrorMessage': "We're having trouble. Close the dialog and try again.",
+  'fabric.editor.ai.proactive.findingMoreSuggestionsLoadingLabel.non-final': 'Finding more suggestions',
+  'fabric.editor.ai.proactive.findingSuggestionsLabel.non-final': 'Finding suggestions',
+  'fabric.editor.ai.proactive.findingSuggestionsLoadingLabel.non-final': 'Finding suggestions',
+  'fabric.editor.ai.proactive.loading.iconAltText.non-final': 'Loading icon',
+  'fabric.editor.ai.proactive.moreActions.label.non-final': 'More actions',
+  'fabric.editor.ai.proactive.moreMenu.giveFeedback.non-final': 'Give feedback',
+  'fabric.editor.ai.proactive.moreMenu.label.non-final': 'more',
+  'fabric.editor.ai.proactive.moreMenu.manageSuggestions.non-final': 'Manage Suggestions',
+  'fabric.editor.ai.proactive.moreMenu.manageSuggestionsTitle.non-final': 'Manage suggestions',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsDescription.non-final': 'Use panels to make your message stand out.',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllPanelSuggestionsTitle.non-final': 'Panels',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllSuggestionsDescription.non-final': 'Toggle to turn suggested edits on or off.',
+  'fabric.editor.ai.proactive.moreMenu.toggleAllSuggestionsTitle.non-final': 'All suggestions',
+  'fabric.editor.ai.proactive.moreMenu.toggleErrorPanelDescription.non-final': 'Transform text into a red error panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleErrorPanelTitle.non-final': 'Error panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphDescription.non-final': 'Suggestions for writing, lists, content structure, and spelling.',
+  'fabric.editor.ai.proactive.moreMenu.toggleFormatParagraphTitle.non-final': 'Enhance content',
+  'fabric.editor.ai.proactive.moreMenu.toggleInfoPanelDescription.non-final': 'Transform text into a blue information panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleInfoPanelTitle.non-final': 'Info panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleNotePanelDescription.non-final': 'Transform text into a purple note panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleNotePanelTitle.non-final': 'Note panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleSplitParagraphDescription.non-final': 'Add paragraph breaks to separate key ideas.',
+  'fabric.editor.ai.proactive.moreMenu.toggleSplitParagraphTitle.non-final': 'Paragraph break',
+  'fabric.editor.ai.proactive.moreMenu.toggleSuccessPanelDescription.non-final': 'Transform text into a green success panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleSuccessPanelTitle.non-final': 'Success panel',
+  'fabric.editor.ai.proactive.moreMenu.toggleTableDescription.non-final': 'Format content in a table to improve readability.',
+  'fabric.editor.ai.proactive.moreMenu.toggleTableTitle.non-final': 'Table',
+  'fabric.editor.ai.proactive.moreMenu.toggleWarningPanelDescription.non-final': 'Transform text into a yellow warning panel.',
+  'fabric.editor.ai.proactive.moreMenu.toggleWarningPanelTitle.non-final': 'Warning panel',
+  'fabric.editor.ai.proactive.noSuggestionsState.description.non-final': 'You can also ask AI to improve your page with requests such as <i>Add a table of contents</i> or <i>Create headings</i>.',
+  'fabric.editor.ai.proactive.noSuggestionsState.title.non-final': 'Suggestions will appear here',
+  'fabric.editor.ai.proactive.preview.dismissProactiveRecommendation.non-final': 'Dismiss',
+  'fabric.editor.ai.proactive.preview.insertBelowProactiveRecommendation': 'Insert below',
+  'fabric.editor.ai.proactive.preview.replaceProactiveRecommendation': 'Replace',
+  'fabric.editor.ai.proactive.recommendation.convertToErrorPanel.description.non-final': 'Use a red error panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToErrorPanel.title.non-final': 'Frame with error panel',
+  'fabric.editor.ai.proactive.recommendation.convertToInfoPanel.description.non-final': 'Use a blue info panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToInfoPanel.title.non-final': 'Frame with info panel',
+  'fabric.editor.ai.proactive.recommendation.convertToNotePanel.description.non-final': 'Use a purple note panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToNotePanel.title.non-final': 'Frame with note panel',
+  'fabric.editor.ai.proactive.recommendation.convertToSuccessPanel.description.non-final': 'Use a green success panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToSuccessPanel.title.non-final': 'Frame with success panel',
+  'fabric.editor.ai.proactive.recommendation.convertToTable.description.non-final': 'Format content in a table to improve readability.',
+  'fabric.editor.ai.proactive.recommendation.convertToTable.title.non-final': 'Format in table',
+  'fabric.editor.ai.proactive.recommendation.convertToWarnPanel.description.non-final': 'Use a yellow warning panel to make your message stand out.',
+  'fabric.editor.ai.proactive.recommendation.convertToWarnPanel.title.non-final': 'Frame with warning panel',
+  'fabric.editor.ai.proactive.recommendation.default.description.non-final': 'A suggestion to improve the content.',
+  'fabric.editor.ai.proactive.recommendation.default.title.non-final': 'Suggestion',
+  'fabric.editor.ai.proactive.recommendation.dismiss.button.non-final': 'Dismiss',
+  'fabric.editor.ai.proactive.recommendation.formatParagraph.description.non-final': 'Clarify content writing and structure.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraph.title.non-final': 'Enhance content',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.description.non-final': 'Simplify phrasing and grammar.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphClarity.title.non-final': 'Clarify writing',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphList.description.non-final': 'Turn content into a scannable list.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphList.title.non-final': 'Create list',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.description.non-final': 'Spot and correct spelling errors.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphSpellcheck.title.non-final': 'Fix spelling',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.description.non-final': 'Add paragraph breaks and headings.',
+  'fabric.editor.ai.proactive.recommendation.formatParagraphStructure.title.non-final': 'Improve structure',
+  'fabric.editor.ai.proactive.recommendation.preview.button.non-final': 'Preview',
+  'fabric.editor.ai.proactive.recommendation.replace.button.non-final': 'Replace',
+  'fabric.editor.ai.proactive.recommendation.splitParagraph.description.non-final': 'Add paragraph breaks to separate key ideas.',
+  'fabric.editor.ai.proactive.recommendation.splitParagraph.title.non-final': 'Divide paragraph',
+  'fabric.editor.ai.proactive.reloadSuggestionsButtonLabel.non-final': 'View past suggestions',
+  'fabric.editor.ai.proactive.reloadSuggestionsState.description.non-final': 'Any new suggestions will appear here.',
+  'fabric.editor.ai.proactive.reloadSuggestionsState.title.non-final': 'Your content’s looking good',
+  'fabric.editor.ai.proactive.spellingAndGrammar.label.non-final': 'Spelling and grammar',
+  'fabric.editor.ai.proactive.suggestions.title.non-final': 'Suggestions',
   'fabric.editor.ai.selectionToolbar.define.disabled.tooltip': 'Highlight a term, acronym, or abbreviation',
   'fabric.editor.ai.selectionToolbar.define.title': 'Define',
   'fabric.editor.alignCenter': 'Align center',
@@ -297,6 +373,7 @@ export default {
   'fabric.editor.keyboardShortcuts': 'Keyboard shortcuts',
   'fabric.editor.layout.columnOption': '{count, plural, one { Column} other {{count} Columns}}',
   'fabric.editor.layout.placeholder': 'Add content',
+  'fabric.editor.layout.resizeLayout': 'Resize layout',
   'fabric.editor.layoutFixedWidth': 'Back to center',
   'fabric.editor.layoutFullWidth': 'Go full width',
   'fabric.editor.layoutWide': 'Go wide',
@@ -364,6 +441,8 @@ export default {
   'fabric.editor.notePanel.description': 'Add a note in a coloured panel',
   'fabric.editor.numberedColumn': 'Numbered column',
   'fabric.editor.off': '{formattingType} Off',
+  'fabric.editor.offlineErrorFallbackDescription': 'Try reloading the page.',
+  'fabric.editor.offlineErrorFallbackHeading': 'Something went wrong!',
   'fabric.editor.on': '{formattingType} On',
   'fabric.editor.openCellOptions': 'Open cell options',
   'fabric.editor.openLink': 'Open link in a new tab',
@@ -503,6 +582,7 @@ export default {
   'fabric.editor.unableToOpenLink': 'Unable to open this link',
   'fabric.editor.underline': 'Underline',
   'fabric.editor.undo': 'Undo',
+  'fabric.editor.unknown.label': 'Unknown',
   'fabric.editor.unlink': 'Unlink',
   'fabric.editor.unorderedList': 'Bullet list',
   'fabric.editor.unorderedList.description': 'Create an unordered list',