@atlaskit/editor-core 162.0.2 → 164.0.1

package/dist/cjs/ui/styles.js

@@ -2,16 +2,14 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.scrollbarStyles = exports.dropShadow = exports.Wrapper = exports.TriggerWrapper = exports.Shortcut = exports.Separator = exports.MenuWrapper = exports.ExpandIconWrapper = exports.ClickSelectWrapper = exports.CellColourPreview = exports.ButtonGroup = exports.ButtonContent = void 0;
+exports.wrapperStyle = exports.wrapperSmallStyle = exports.triggerWrapperStyles = exports.shortcutStyle = exports.separatorStyles = exports.scrollbarStyles = exports.expandIconWrapperStyle = exports.dropShadow = exports.clickSelectWrapperStyle = exports.cellColourPreviewStyles = exports.buttonGroupStyle = exports.buttonContentStyle = exports.buttonContentReducedSpacingStyle = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _react = require("@emotion/react");
 
 var _constants = require("@atlaskit/theme/constants");
 
@@ -19,63 +17,38 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
 
 var akGridSize = (0, _constants.gridSize)() + 'px';
+var buttonGroupStyle = (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
+exports.buttonGroupStyle = buttonGroupStyle;
+var separatorStyles = (0, _react.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), _colors.N30);
+exports.separatorStyles = separatorStyles;
+var wrapperStyle = (0, _react.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n\n  margin-left: 0;\n  min-width: auto;\n"])));
+exports.wrapperStyle = wrapperStyle;
+var wrapperSmallStyle = (0, _react.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: 4px;\n  min-width: 40px;\n"])));
+exports.wrapperSmallStyle = wrapperSmallStyle;
+var expandIconWrapperStyle = (0, _react.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
+exports.expandIconWrapperStyle = expandIconWrapperStyle;
+var triggerWrapperStyles = (0, _react.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
+exports.triggerWrapperStyles = triggerWrapperStyles;
+var buttonContentStyle = (0, _react.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 6px;\n"])));
+exports.buttonContentStyle = buttonContentStyle;
+var buttonContentReducedSpacingStyle = (0, _react.css)(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  padding: 8px;\n"]))); // Taken from the style of inline dialog components
+
+exports.buttonContentReducedSpacingStyle = buttonContentReducedSpacingStyle;
+var dropShadow = (0, _react.css)(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25);\n"]))); // TODO change to use emotion css
 
-var ButtonGroup = _styledComponents.default.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-flex;\n  align-items: center;\n\n  & > div {\n    display: flex;\n  }\n"])));
-
-exports.ButtonGroup = ButtonGroup;
-
-var Separator = _styledComponents.default.span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  background: ", ";\n  width: 1px;\n  height: 24px;\n  display: inline-block;\n  margin: 0 8px;\n"])), _colors.N30);
-
-exports.Separator = Separator;
-
-var Wrapper = _styledComponents.default.span(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  > div,\n  > span {\n    display: flex;\n  }\n\n  > div > div {\n    display: flex;\n  }\n  margin-left: ", "px;\n  min-width: ", ";\n"])), function (_ref) {
-  var isSmall = _ref.isSmall;
-  return isSmall ? 4 : 0;
-}, function (_ref2) {
-  var isSmall = _ref2.isSmall;
-  return isSmall ? '40px' : 'auto';
-});
-
-exports.Wrapper = Wrapper;
-
-var ExpandIconWrapper = _styledComponents.default.span(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  margin-left: -8px;\n"])));
-
-exports.ExpandIconWrapper = ExpandIconWrapper;
-
-var TriggerWrapper = _styledComponents.default.div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n"])));
-
-exports.TriggerWrapper = TriggerWrapper;
-var MenuWrapper = Wrapper;
-exports.MenuWrapper = MenuWrapper;
-
-var ButtonContent = _styledComponents.default.span(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  min-width: 80px;\n  align-items: center;\n  overflow: hidden;\n  justify-content: center;\n  flex-direction: column;\n  padding: 0 ", ";\n"])), function (props) {
-  return props.spacing === 'none' ? '8px' : '6px';
-}); // Taken from the style of inline dialog components
-
-
-exports.ButtonContent = ButtonContent;
-var dropShadow = (0, _styledComponents.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["\n  box-shadow: 0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25);\n"])));
 exports.dropShadow = dropShadow;
 var scrollbarStyles = "\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  &::-webkit-scrollbar {\n    height: ".concat(akGridSize, ";\n    width: ").concat(akGridSize, ";\n  }\n\n  &::-webkit-scrollbar-corner {\n    display: none;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0);\n  }\n\n  &:hover::-webkit-scrollbar-thumb {\n    background-color: rgba(0, 0, 0, 0.2);\n    border-radius: ").concat(akGridSize, ";\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background-color: rgba(0, 0, 0, 0.4);\n  }\n");
 exports.scrollbarStyles = scrollbarStyles;
+var shortcutStyle = (0, _react.css)(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: rgba(223, 225, 229, 0.5); /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: 4px;\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), _colors.N100, (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67), _editorSharedStyles.akEditorMobileMaxWidth);
+exports.shortcutStyle = shortcutStyle;
+var clickSelectWrapperStyle = (0, _react.css)(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: all;\n"])));
+exports.clickSelectWrapperStyle = clickSelectWrapperStyle;
 
-var Shortcut = _styledComponents.default.div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["\n  background-color: rgba(223, 225, 229, 0.5); /* N60 at 50% */\n  color: ", ";\n  border-radius: ", "px;\n  padding: 4px;\n  line-height: 12px;\n  font-size: ", ";\n  align-self: flex-end;\n  @media (max-width: ", "px) {\n    display: none;\n  }\n"])), _colors.N100, (0, _constants.borderRadius)(), (0, _editorSharedStyles.relativeFontSizeToBase16)(11.67), _editorSharedStyles.akEditorMobileMaxWidth);
-
-exports.Shortcut = Shortcut;
-
-var ClickSelectWrapper = _styledComponents.default.span(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["\n  user-select: all;\n"])));
-
-exports.ClickSelectWrapper = ClickSelectWrapper;
-
-var CellColourPreview = _styledComponents.default.div(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["\n  &::before {\n    background: ", ";\n  }\n"])), function (props) {
-  return props.selectedColor;
-});
+var cellColourPreviewStyles = function cellColourPreviewStyles(selectedColor) {
+  return (0, _react.css)(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["\n  &::before {\n    background: ", ";\n  }\n"])), selectedColor);
+};
 
-exports.CellColourPreview = CellColourPreview;
+exports.cellColourPreviewStyles = cellColourPreviewStyles;

package/dist/cjs/utils/insert.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.safeInsert = exports.insertSelectedItem = exports.LookDirection = void 0;
+exports.shouldSplitSelectedNodeOnNodeInsertion = exports.safeInsert = exports.insertSelectedItem = exports.LookDirection = void 0;
 
 var _prosemirrorUtils = require("prosemirror-utils");
 
@@ -65,6 +65,8 @@ var shouldSplit = function shouldSplit(nodeType, schemaNodes) {
 
 var safeInsert = function safeInsert(content, position) {
   return function (tr) {
+    var _tr$selection$$from$n;
+
     var nodes = tr.doc.type.schema.nodes;
     var whitelist = [nodes.rule, nodes.mediaSingle]; // fallback if the node to insert is not in the whitelist, or if the insertion should happen within a list.
 
@@ -99,6 +101,14 @@ var safeInsert = function safeInsert(content, position) {
       }
     }
 
+    var grandParentType = (_tr$selection$$from$n = tr.selection.$from.node(-1)) === null || _tr$selection$$from$n === void 0 ? void 0 : _tr$selection$$from$n.type;
+    var parentType = tr.selection.$from.parent.type;
+
+    if (!lookDirection && !shouldSplitSelectedNodeOnNodeInsertion(parentType, grandParentType, content)) {
+      // node to be inserted is an invalid child of selection so insert below selected node
+      return (0, _prosemirrorUtils.safeInsert)(content, tr.selection.from)(tr);
+    }
+
     if (!lookDirection) {
       // fallback to consumer for now
       return null;
@@ -197,6 +207,19 @@ var insertSelectedItem = function insertSelectedItem(maybeNode) {
 
     return tr;
   };
+}; // ED-14584: Util to check if the current node is a paragraph & the content being
+// inserted is a valid child of the grandparent node
+// In this case, the node being inserted to should split
+
+
+exports.insertSelectedItem = insertSelectedItem;
+
+var shouldSplitSelectedNodeOnNodeInsertion = function shouldSplitSelectedNodeOnNodeInsertion(parentNodeType, grandParentNodeType, content) {
+  if (parentNodeType.name === 'paragraph' && grandParentNodeType.validContent(_prosemirrorModel.Fragment.from(content))) {
+    return true;
+  }
+
+  return false;
 };
 
-exports.insertSelectedItem = insertSelectedItem;
+exports.shouldSplitSelectedNodeOnNodeInsertion = shouldSplitSelectedNodeOnNodeInsertion;

package/dist/cjs/utils/performance/components/RenderTracking.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RenderTracking = RenderTracking;
+
+var _react = require("react");
+
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+
+var _utils = require("@atlaskit/editor-common/utils");
+
+var _analytics = require("../../../plugins/analytics");
+
+function RenderTracking(props) {
+  var debouncedHandleAnalyticsEvent = (0, _react.useMemo)(function () {
+    return (0, _debounce.default)(props.handleAnalyticsEvent, 500);
+  }, [props.handleAnalyticsEvent]);
+  (0, _utils.useComponentRenderTracking)({
+    onRender: function onRender(_ref) {
+      var renderCount = _ref.renderCount,
+          propsDifference = _ref.propsDifference;
+
+      if (!renderCount) {
+        return;
+      }
+
+      debouncedHandleAnalyticsEvent({
+        payload: {
+          action: props.action,
+          actionSubject: props.actionSubject,
+          attributes: {
+            count: renderCount,
+            propsDifference: propsDifference
+          },
+          eventType: _analytics.EVENT_TYPE.OPERATIONAL
+        }
+      });
+    },
+    propsDiffingOptions: {
+      enabled: true,
+      props: props.componentProps,
+      propsToIgnore: props.propsToIgnore,
+      useShallow: props.useShallow
+    },
+    zeroBasedCount: true
+  });
+  return null;
+}

package/dist/cjs/utils/prosemirror/autojoin.js

@@ -0,0 +1,83 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.autoJoinTr = autoJoinTr;
+
+var _prosemirrorTransform = require("prosemirror-transform");
+
+/**
+ * Checks whether two adjacent nodes can be joined. If so, the document
+ * will be updated to join those nodes. If not, the original transaction
+ * remains untouched.
+ *
+ * Nodes are considered joinable if the `isJoinable` predicate returns true or,
+ * if an array of strings was passed, if their node type name is in that array.
+ *
+ * Adapted from https://github.com/ProseMirror/prosemirror-commands/blob/master/src/commands.js#L597-L610
+ */
+function autoJoinTr(tr, isJoinable) {
+  if (Array.isArray(isJoinable)) {
+    var types = isJoinable;
+
+    isJoinable = function isJoinable(node) {
+      return types.indexOf(node.type.name) > -1;
+    };
+  }
+
+  var ranges = [];
+
+  for (var i = 0; i < tr.mapping.maps.length; i++) {
+    var map = tr.mapping.maps[i];
+
+    for (var j = 0; j < ranges.length; j++) {
+      ranges[j] = map.map(ranges[j]);
+    }
+
+    map.forEach(function (_s, _e, from, to) {
+      return ranges.push(from, to);
+    });
+  } // Figure out which joinable points exist inside those ranges,
+  // by checking all node boundaries in their parent nodes.
+
+
+  var joinable = [];
+
+  for (var _i = 0; _i < ranges.length; _i += 2) {
+    var from = ranges[_i];
+    var to = ranges[_i + 1];
+    var $from = tr.doc.resolve(from);
+    var depth = $from.sharedDepth(to);
+    var parent = $from.node(depth);
+
+    for (var index = $from.indexAfter(depth), pos = $from.after(depth + 1); pos <= to; ++index) {
+      var _after = parent.maybeChild(index);
+
+      if (!_after) {
+        break;
+      }
+
+      if (index && joinable.indexOf(pos) === -1) {
+        var _before = parent.child(index - 1);
+
+        if (_before.type === _after.type && isJoinable(_before, _after)) {
+          joinable.push(pos);
+        }
+      }
+
+      pos += _after.nodeSize;
+    }
+  } // Join the joinable points
+
+
+  joinable.sort(function (a, b) {
+    return a - b;
+  });
+
+  for (var _i2 = joinable.length - 1; _i2 >= 0; _i2--) {
+    if ((0, _prosemirrorTransform.canJoin)(tr.doc, joinable[_i2])) {
+      tr.join(joinable[_i2]);
+    }
+  }
+}

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "162.0.2";
+var version = "164.0.1";
 exports.version = version;
 
 var nextMajorVersion = function nextMajorVersion() {

package/dist/cjs/version.json

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

package/dist/es2019/create-editor/ErrorBoundary.js

@@ -4,7 +4,7 @@ import uuid from 'uuid';
 import memoizeOne from 'memoize-one';
 import { sniffUserBrowserExtensions } from '@atlaskit/editor-common/utils';
 import { ExperienceStore } from '@atlaskit/editor-common/ufo';
-import { IntlNextErrorBoundary } from '@atlaskit/editor-common/ui';
+import { IntlErrorBoundary } from '@atlaskit/editor-common/ui';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../plugins/analytics';
 import { editorAnalyticsChannel } from '../plugins/analytics/consts';
 import { getFeatureFlags } from '../plugins/feature-flags-context';
@@ -151,7 +151,7 @@ export class ErrorBoundaryWithEditorView extends React.Component {
   }
 
   render() {
-    return /*#__PURE__*/React.createElement(IntlNextErrorBoundary, null, this.props.children);
+    return /*#__PURE__*/React.createElement(IntlErrorBoundary, null, this.props.children);
   }
 
 }

package/dist/es2019/create-editor/ReactEditorView.js

@@ -9,7 +9,7 @@ import { ExperienceStore, EditorExperience, RELIABILITY_INTERVAL } from '@atlask
 import { createDispatch, EventDispatcher } from '../event-dispatcher';
 import { processRawValue } from '../utils';
 import { freezeUnsafeTransactionProperties } from '../utils/performance/safer-transactions';
-import { RenderTracking } from '../utils/react-hooks/use-component-renderer-tracking';
+import { RenderTracking } from '../utils/performance/components/RenderTracking';
 import { findChangedNodesFromTransaction, validateNodes, validNode } from '../utils/nodes';
 import createPluginList from './create-plugins-list';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent, FULL_WIDTH_MODE, getAnalyticsEventsFromTransaction, PLATFORMS } from '../plugins/analytics';

package/dist/es2019/editor.js

@@ -1,13 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
+
+/** @jsx jsx */
+import React, { Fragment } from 'react';
+import { css, jsx } from '@emotion/react';
 import PropTypes from 'prop-types';
-import styled from 'styled-components';
 import memoizeOne from 'memoize-one';
 import uuid from 'uuid/v4';
 import { name, version } from './version-wrapper';
 import { combineExtensionProviders } from '@atlaskit/editor-common/extensions';
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
-import { BaseTheme, WithCreateAnalyticsEvent, WidthProvider, LegacyToNextIntlProvider, IntlLegacyFallbackProvider } from '@atlaskit/editor-common/ui';
+import { BaseTheme, WithCreateAnalyticsEvent, WidthProvider } from '@atlaskit/editor-common/ui';
 import { getAnalyticsAppearance, startMeasure, stopMeasure, clearMeasure, measureTTI, getTTISeverity } from '@atlaskit/editor-common/utils';
 import { EditorExperience, ExperienceStore } from '@atlaskit/editor-common/ufo';
 import { akEditorFullPageDefaultFontSize } from '@atlaskit/editor-shared-styles';
@@ -24,8 +26,8 @@ import { combineQuickInsertProviders, extensionProviderToQuickInsertProvider } f
 import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from './plugins/analytics';
 import ErrorBoundary from './create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from './plugins/feature-flags-context/feature-flags-from-props';
-import { RenderTracking } from './utils/react-hooks/use-component-renderer-tracking';
-const WidthProviderFullHeight = styled(WidthProvider)`
+import { RenderTracking } from './utils/performance/components/RenderTracking';
+const fullHeight = css`
   height: 100%;
 `;
 export default class Editor extends React.Component {
@@ -421,7 +423,7 @@ export default class Editor extends React.Component {
     const renderTracking = (_this$props$performan3 = this.props.performanceTracking) === null || _this$props$performan3 === void 0 ? void 0 : (_this$props$performan4 = _this$props$performan3.renderTracking) === null || _this$props$performan4 === void 0 ? void 0 : _this$props$performan4.editor;
     const renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
     const useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
-    const editor = /*#__PURE__*/React.createElement(FabricEditorAnalyticsContext, {
+    return jsx(FabricEditorAnalyticsContext, {
       data: {
         packageName: name,
         packageVersion: version,
@@ -429,23 +431,25 @@ export default class Editor extends React.Component {
         appearance: getAnalyticsAppearance(this.props.appearance),
         editorSessionId: this.editorSessionId
       }
-    }, /*#__PURE__*/React.createElement(WithCreateAnalyticsEvent, {
-      render: createAnalyticsEvent => (this.createAnalyticsEvent = createAnalyticsEvent) && /*#__PURE__*/React.createElement(React.Fragment, null, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
+    }, jsx(WithCreateAnalyticsEvent, {
+      render: createAnalyticsEvent => (this.createAnalyticsEvent = createAnalyticsEvent) && jsx(Fragment, null, renderTrackingEnabled && jsx(RenderTracking, {
         componentProps: this.props,
         action: ACTION.RE_RENDERED,
         actionSubject: ACTION_SUBJECT.EDITOR,
         handleAnalyticsEvent: this.handleAnalyticsEvent,
         propsToIgnore: ['defaultValue'],
         useShallow: useShallow
-      }), /*#__PURE__*/React.createElement(ErrorBoundary, {
+      }), jsx(ErrorBoundary, {
         createAnalyticsEvent: createAnalyticsEvent,
         contextIdentifierProvider: this.props.contextIdentifierProvider
-      }, /*#__PURE__*/React.createElement(WidthProviderFullHeight, null, /*#__PURE__*/React.createElement(EditorContext, {
+      }, jsx(WidthProvider, {
+        css: fullHeight
+      }, jsx(EditorContext, {
         editorActions: this.editorActions
-      }, /*#__PURE__*/React.createElement(ContextAdapter, null, /*#__PURE__*/React.createElement(PortalProvider, {
+      }, jsx(ContextAdapter, null, jsx(PortalProvider, {
         onAnalyticsEvent: this.handleAnalyticsEvent,
         useAnalyticsContext: this.props.UNSAFE_useAnalyticsContext,
-        render: portalProviderAPI => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ReactEditorView, {
+        render: portalProviderAPI => jsx(Fragment, null, jsx(ReactEditorView, {
           editorProps: overriddenEditorProps,
           createAnalyticsEvent: createAnalyticsEvent,
           portalProviderAPI: portalProviderAPI,
@@ -463,10 +467,10 @@ export default class Editor extends React.Component {
           }) => {
             var _this$props$featureFl5, _this$props$featureFl6;
 
-            return /*#__PURE__*/React.createElement(BaseTheme, {
+            return jsx(BaseTheme, {
               dynamicTextSizing: this.props.allowDynamicTextSizing && this.props.appearance !== 'full-width',
               baseFontSize: this.getBaseFontSize()
-            }, /*#__PURE__*/React.createElement(Component, {
+            }, jsx(Component, {
               appearance: this.props.appearance,
               disabled: this.props.disabled,
               editorActions: this.editorActions,
@@ -491,19 +495,17 @@ export default class Editor extends React.Component {
               customSecondaryToolbarComponents: this.props.secondaryToolbarComponents,
               contextPanel: this.props.contextPanel,
               collabEdit: this.props.collabEdit,
-              allowAnnotation: !!this.props.annotationProviders,
               persistScrollGutter: this.props.persistScrollGutter,
               enableToolbarMinWidth: ((_this$props$featureFl5 = this.props.featureFlags) === null || _this$props$featureFl5 === void 0 ? void 0 : _this$props$featureFl5.toolbarMinWidthOverflow) != null ? !!((_this$props$featureFl6 = this.props.featureFlags) !== null && _this$props$featureFl6 !== void 0 && _this$props$featureFl6.toolbarMinWidthOverflow) : this.props.UNSAFE_allowUndoRedoButtons,
               useStickyToolbar: this.props.useStickyToolbar,
               featureFlags: featureFlags
             }));
           }
-        }), /*#__PURE__*/React.createElement(PortalRenderer, {
+        }), jsx(PortalRenderer, {
           portalProviderAPI: portalProviderAPI
         }))
       }))))))
     }));
-    return /*#__PURE__*/React.createElement(LegacyToNextIntlProvider, null, /*#__PURE__*/React.createElement(IntlLegacyFallbackProvider, null, editor));
   }
 
 }

package/dist/es2019/i18n/cs.js

@@ -209,7 +209,7 @@ export default {
   'fabric.editor.notePanel': 'Panel poznámek',
   'fabric.editor.notePanel.description': 'Přidat poznámku do barevného panelu',
   'fabric.editor.numberedColumn': 'Číslovaný sloupec',
-  'fabric.editor.off': '{formattingType} vypnuto',
+  'fabric.editor.off': 'Formátování {formattingType} vypnuto',
   'fabric.editor.on': '{formattingType} zapnuto',
   'fabric.editor.orderedList': 'Číslovaný seznam',
   'fabric.editor.orderedList.description': 'Vytvořit seřazený seznam',

package/dist/es2019/i18n/de.js

@@ -9,12 +9,12 @@ export default {
   'fabric.editor.action': 'Aufgabe',
   'fabric.editor.action.description': 'Aufgaben erstellen und zuweisen',
   'fabric.editor.addAltText': 'Alternativtext',
-  'fabric.editor.alignCenter': 'None',
+  'fabric.editor.alignCenter': 'Mittig ausrichten',
   'fabric.editor.alignImageCenter': 'Mittig ausrichten',
   'fabric.editor.alignImageLeft': 'Links ausrichten',
   'fabric.editor.alignImageRight': 'Rechts ausrichten',
   'fabric.editor.alignLeft': 'Links ausrichten',
-  'fabric.editor.alignRight': 'None',
+  'fabric.editor.alignRight': 'Rechts ausrichten',
   'fabric.editor.alignment': 'Textausrichtung',
   'fabric.editor.altText': 'Alternativer Text',
   'fabric.editor.alttext.validation': 'Bitte entfernen Sie jegliche Sonderzeichen in alternativem Text.',
@@ -277,7 +277,7 @@ export default {
   'fabric.editor.tooltip.nestedExpand': 'eine verschachtelte Erweiterung',
   'fabric.editor.tooltip.taskList': 'eine Aufgabe',
   'fabric.editor.twoColumns': 'Zwei Spalten',
-  'fabric.editor.typeAheadResultLabel': 'TypeAhead-Ergebnisse',
+  'fabric.editor.typeAheadResultLabel': 'Vorschlagsfunktion-Ergebnisse',
   'fabric.editor.unableToOpenLink': 'Dieser Link konnte nicht geöffnet werden.',
   'fabric.editor.underline': 'Unterstrichen',
   'fabric.editor.undo': 'Rückgängig',