@atlaskit/editor-core 151.2.1 → 153.0.0

package/dist/esm/plugins/avatar-group/ui/AvatarGroupPluginWrapper.js

@@ -6,7 +6,9 @@ import React, { useEffect } from 'react';
 import AvatarsWithPluginState from '../../collab-edit/ui/avatars-with-plugin-state';
 import styled from 'styled-components';
 import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../../analytics';
-var ToolbarButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: 1;\n  justify-content: flex-end;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])));
+var ToolbarButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-grow: ", ";\n  justify-content: flex-end;\n  align-items: center;\n  & > div {\n    margin-right: 0;\n  }\n"])), function (props) {
+  return props.takeFullWidth ? 1 : 0;
+});
 export var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   var dispatchAnalyticsEvent = props.dispatchAnalyticsEvent;
   useEffect(function () {
@@ -23,7 +25,8 @@ export var AvatarGroupPluginWrapper = function AvatarGroupPluginWrapper(props) {
   }, [dispatchAnalyticsEvent]);
   return /*#__PURE__*/React.createElement(ToolbarButtonWrapper, {
     "aria-label": "Editors",
-    "data-testid": 'avatar-group-in-plugin'
+    "data-testid": 'avatar-group-in-plugin',
+    takeFullWidth: props.takeFullWidth
   }, /*#__PURE__*/React.createElement(AvatarsWithPluginState, {
     editorView: props.editorView,
     eventDispatcher: props.eventDispatcher,

package/dist/esm/plugins/before-primaryToolbar/index.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { BeforePrimaryToolbarWrapper } from './ui/BeforePrimaryToolbarWrapper';
+
+var beforePrimaryToolbar = function beforePrimaryToolbar(props) {
+  return {
+    name: 'beforePrimaryToolbar',
+    primaryToolbarComponent: function primaryToolbarComponent() {
+      return /*#__PURE__*/React.createElement(BeforePrimaryToolbarWrapper, {
+        beforePrimaryToolbarComponents: props.beforePrimaryToolbarComponents
+      });
+    }
+  };
+};
+
+export default beforePrimaryToolbar;

package/dist/esm/plugins/before-primaryToolbar/ui/BeforePrimaryToolbarWrapper.js

@@ -0,0 +1,12 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject;
+
+import React from 'react';
+import styled from 'styled-components';
+export var BeforePrimaryToolbarPluginWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  margin-right: 8px;\n  flex-grow: 1;\n  justify-content: flex-end;\n  align-items: center;\n"])));
+export var BeforePrimaryToolbarWrapper = function BeforePrimaryToolbarWrapper(props) {
+  return /*#__PURE__*/React.createElement(BeforePrimaryToolbarPluginWrapper, {
+    "data-testid": 'before-primary-toolbar-components-plugin'
+  }, props.beforePrimaryToolbarComponents);
+};

package/dist/esm/plugins/block-type/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   normal: {
     id: 'fabric.editor.normal',

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/blocktype-button.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { FormattedMessage, defineMessages } from 'react-intl';
+import { FormattedMessage, defineMessages } from 'react-intl-next';
 import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 import TextStyleIcon from '@atlaskit/icon/glyph/editor/text-style';
 import ToolbarButton from '../../../../ui/ToolbarButton';

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/index.js

@@ -12,7 +12,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { akEditorMenuZIndex } from '@atlaskit/editor-shared-styles';
 import DropdownMenu from '../../../../ui/DropdownMenu';
 import { Separator, Wrapper, MenuWrapper } from '../../../../ui/styles';

package/dist/esm/plugins/block-type/ui/ToolbarBlockType/toolbar-messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var toolbarMessages = defineMessages({
   textStyles: {
     id: 'fabric.editor.textStyles',

package/dist/esm/plugins/breakout/ui/LayoutButton.js

@@ -15,7 +15,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 import React from 'react';
 import * as colors from '@atlaskit/theme/colors';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { findParentDomRefOfType, findDomRefAtPos } from 'prosemirror-utils';
 import { Popup } from '@atlaskit/editor-common';
 import CollapseIcon from '@atlaskit/icon/glyph/editor/collapse';

package/dist/esm/plugins/caption/nodeviews/index.js

@@ -77,6 +77,7 @@ export var CaptionNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
 }(SelectionBasedNodeView);
 export default function captionNodeView(portalProviderAPI, eventDispatcher) {
   return function (node, view, getPos) {
-    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}).init();
+    var hasIntlContext = true;
+    return new CaptionNodeView(node, view, getPos, portalProviderAPI, eventDispatcher, {}, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

package/dist/esm/plugins/card/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   url: {
     id: 'fabric.editor.url',

package/dist/esm/plugins/card/nodeviews/embedCard.js

@@ -228,7 +228,9 @@ export var EmbedCardComponent = /*#__PURE__*/function (_React$PureComponent) {
       // since `heightAlone` is defined only when just height is available.
 
       var heightAlone = liveHeight !== null && liveHeight !== void 0 ? liveHeight : !originalWidth && originalHeight || undefined;
-      var aspectRatio = !heightAlone && (initialAspectRatio || originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
+      var aspectRatio = !heightAlone && ( // No need getting aspectRatio if heightAlone defined already
+      initialAspectRatio || // If we have initialAspectRatio (coming from iframely) we should go with that
+      originalHeight && originalWidth && originalWidth / originalHeight) || // If ADF contains both width and height we get ratio from that
       undefined;
       var cardProps = {
         layout: layout,

package/dist/esm/plugins/card/pm-plugins/main.js

@@ -103,13 +103,15 @@ export var createPlugin = function createPlugin(options) {
               useAlternativePreloader: useAlternativePreloader,
               useInlineWrapper: platform === 'mobile'
             };
-            return new InlineCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true).init();
+            var hasIntlContext = true;
+            return new InlineCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           },
           blockCard: function blockCard(node, view, getPos) {
             var reactComponentProps = {
               platform: platform
             };
-            return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true).init();
+            var hasIntlContext = true;
+            return new BlockCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           },
           embedCard: function embedCard(node, view, getPos) {
             var reactComponentProps = {
@@ -119,7 +121,8 @@ export var createPlugin = function createPlugin(options) {
               fullWidthMode: fullWidthMode,
               dispatchAnalyticsEvent: dispatchAnalyticsEvent
             };
-            return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true).init();
+            var hasIntlContext = true;
+            return new EmbedCard(node, view, getPos, portalProviderAPI, eventDispatcher, reactComponentProps, undefined, true, undefined, hasIntlContext).init();
           }
         }
       },

package/dist/esm/plugins/code-bidi-warning/pm-plugins/main.js

@@ -4,9 +4,9 @@ import { codeBidiWarningPluginKey } from '../plugin-key';
 import { createBidiWarningsDecorationSetFromDoc, createPluginState, getPluginState } from './plugin-factory';
 export var createPlugin = function createPlugin(_ref, _ref2) {
   var dispatch = _ref.dispatch,
-      reactContext = _ref.reactContext;
+      getIntl = _ref.getIntl;
   var appearance = _ref2.appearance;
-  var intl = reactContext().intl;
+  var intl = getIntl();
   var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     key: codeBidiWarningPluginKey,

package/dist/esm/plugins/code-block/index.js

@@ -22,10 +22,10 @@ var codeBlockPlugin = function codeBlockPlugin(options) {
       return [{
         name: 'codeBlock',
         plugin: function plugin(_ref) {
-          var reactContext = _ref.reactContext;
+          var getIntl = _ref.getIntl;
           return createPlugin({
             useLongPressSelection: options.useLongPressSelection,
-            reactContext: reactContext,
+            getIntl: getIntl,
             appearance: options.appearance
           });
         }

package/dist/esm/plugins/code-block/pm-plugins/main.js

@@ -17,9 +17,9 @@ import { getFeatureFlags } from '../../feature-flags-context';
 export var createPlugin = function createPlugin(_ref) {
   var _ref$useLongPressSele = _ref.useLongPressSelection,
       useLongPressSelection = _ref$useLongPressSele === void 0 ? false : _ref$useLongPressSele,
-      reactContext = _ref.reactContext,
+      getIntl = _ref.getIntl,
       appearance = _ref.appearance;
-  var intl = reactContext().intl;
+  var intl = getIntl();
   var codeBidiWarningLabel = intl.formatMessage(codeBidiWarningMessages.label);
   return new Plugin({
     state: {

package/dist/esm/plugins/code-block/toolbar.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import CopyIcon from '@atlaskit/icon/glyph/copy';
 import { findDomRefAtPos } from 'prosemirror-utils';

package/dist/esm/plugins/collab-edit/ui/avatars-with-plugin-state.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import WithPluginState from '../../../ui/WithPluginState';
 import { pluginKey as collabEditPluginKey } from '../plugin';
 import messages from '../../../messages';

package/dist/esm/plugins/date/nodeviews/date.js

@@ -11,7 +11,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import { timestampToString, timestampToTaskContext, isPastDate, DateSharedCssClassName } from '@atlaskit/editor-common';
 import { Date } from '@atlaskit/date';
 import { setDatePickerAt } from '../actions';

package/dist/esm/plugins/date/nodeviews/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   editText: {
     id: 'fabric.editor.editDateText',

package/dist/esm/plugins/date/pm-plugins/main.js

@@ -22,12 +22,13 @@ var createPlugin = function createPlugin(_ref) {
     isDateEmpty: false,
     focusDateInput: false
   };
+  var hasIntlContext = true;
   return new Plugin({
     state: createPluginState(dispatch, newPluginState),
     key: pluginKey,
     props: {
       nodeViews: {
-        date: ReactNodeView.fromComponent(DateNodeView, portalProviderAPI, eventDispatcher)
+        date: ReactNodeView.fromComponent(DateNodeView, portalProviderAPI, eventDispatcher, undefined, undefined, hasIntlContext)
       }
     }
   });

package/dist/esm/plugins/date/ui/DatePicker/date-picker-input.js

@@ -14,7 +14,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
 import React from 'react';
-import { defineMessages, injectIntl } from 'react-intl';
+import { defineMessages, injectIntl } from 'react-intl-next';
 import styled from 'styled-components';
 import { findDateSegmentByPosition, adjustDate, isDatePossiblyValid } from '../../utils/internal';
 import { parseDateType, formatDateType } from '../../utils/formatParse';

package/dist/esm/plugins/date/ui/DatePicker/index.js

@@ -24,7 +24,7 @@ import withOuterListeners from '../../../../ui/with-outer-listeners';
 import styled from 'styled-components';
 var PopupWithListeners = withOuterListeners(Popup);
 import { INPUT_METHOD } from '../../../analytics/types/enums';
-import { injectIntl } from 'react-intl';
+import { injectIntl } from 'react-intl-next';
 import DatePickerInput from './date-picker-input';
 var PopupContentWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 2px;\n  border-radius: ", "px;\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  background-color: ", ";\n"])), borderRadius(), N60A, N60A, N0);
 

package/dist/esm/plugins/expand/index.js

@@ -27,8 +27,8 @@ var expandPlugin = function expandPlugin() {
         name: 'expand',
         plugin: function plugin(_ref) {
           var dispatch = _ref.dispatch,
-              reactContext = _ref.reactContext;
-          return createPlugin(dispatch, reactContext, options.useLongPressSelection);
+              getIntl = _ref.getIntl;
+          return createPlugin(dispatch, getIntl, options.useLongPressSelection);
         }
       }, {
         name: 'expandKeymap',

package/dist/esm/plugins/expand/nodeviews/index.js

@@ -55,7 +55,7 @@ var toDOM = function toDOM(node, intl) {
 };
 
 export var ExpandNodeView = /*#__PURE__*/function () {
-  function ExpandNodeView(node, view, getPos, reactContext) {
+  function ExpandNodeView(node, view, getPos, getIntl) {
     var _this = this;
 
     _classCallCheck(this, ExpandNodeView);
@@ -345,9 +345,9 @@ export var ExpandNodeView = /*#__PURE__*/function () {
       }
     });
 
-    this.reactContext = reactContext() || {};
+    this.intl = getIntl();
 
-    var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOM(node, this.reactContext.intl)),
+    var _DOMSerializer$render = DOMSerializer.renderSpec(document, toDOM(node, this.intl)),
         dom = _DOMSerializer$render.dom,
         contentDOM = _DOMSerializer$render.contentDOM;
 
@@ -361,7 +361,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
     this.input = this.dom.querySelector(".".concat(expandClassNames.titleInput));
     this.titleContainer = this.dom.querySelector(".".concat(expandClassNames.titleContainer));
     this.content = this.dom.querySelector(".".concat(expandClassNames.content));
-    this.renderIcon(this.reactContext.intl);
+    this.renderIcon(this.intl);
     this.initHandlers();
   }
 
@@ -398,6 +398,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           __expanded = _ref.__expanded;
 
       ReactDOM.render( /*#__PURE__*/React.createElement(ExpandIconButton, {
+        intl: intl,
         allowInteractiveExpand: this.isAllowInteractiveExpandEnabled(),
         expanded: __expanded
       }), this.icon);
@@ -428,7 +429,7 @@ export var ExpandNodeView = /*#__PURE__*/function () {
           // we toggle a class name to hide the content and animate the chevron.
           if (this.dom) {
             this.dom.classList.toggle(expandClassNames.expanded);
-            this.renderIcon(this.reactContext && this.reactContext.intl, node);
+            this.renderIcon(this && this.intl, node);
           }
 
           if (this.content) {
@@ -483,8 +484,8 @@ export var ExpandNodeView = /*#__PURE__*/function () {
 
   return ExpandNodeView;
 }();
-export default function (reactContext) {
+export default function (getIntl) {
   return function (node, view, getPos) {
-    return new ExpandNodeView(node, view, getPos, reactContext);
+    return new ExpandNodeView(node, view, getPos, getIntl);
   };
 }

package/dist/esm/plugins/expand/pm-plugins/main.js

@@ -11,7 +11,7 @@ function containsClass(element, className) {
   return !!element && element.classList.contains(className);
 }
 
-export var createPlugin = function createPlugin(dispatch, reactContext) {
+export var createPlugin = function createPlugin(dispatch, getIntl) {
   var useLongPressSelection = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   var state = createPluginState(dispatch, {});
   return new Plugin({
@@ -19,8 +19,8 @@ export var createPlugin = function createPlugin(dispatch, reactContext) {
     key: pluginKey,
     props: {
       nodeViews: {
-        expand: ExpandNodeView(reactContext),
-        nestedExpand: ExpandNodeView(reactContext)
+        expand: ExpandNodeView(getIntl),
+        nestedExpand: ExpandNodeView(getIntl)
       },
       handleKeyDown: function handleKeyDown(_view, event) {
         return containsClass(event.target, expandClassNames.titleContainer);

package/dist/esm/plugins/extension/extension-api.js

@@ -1,5 +1,6 @@
 import _typeof from "@babel/runtime/helpers/typeof";
 import { Fragment, Mark } from 'prosemirror-model';
+import { NodeSelection } from 'prosemirror-state';
 import { insertMacroFromMacroBrowser } from '../macro';
 import { pluginKey as macroPluginKey } from '../macro/plugin-key';
 import { setEditingContextToContextPanel } from './commands';
@@ -43,7 +44,7 @@ var extensionAPICallPayload = function extensionAPICallPayload(functionName) {
 
 export var createExtensionAPI = function createExtensionAPI(options) {
   var doc = {
-    insertAfter: function insertAfter(localId, adf) {
+    insertAfter: function insertAfter(localId, adf, opt) {
       var editorView = options.editorView;
       var dispatch = editorView.dispatch; // Be extra cautious since 3rd party devs can use regular JS without type safety
 
@@ -82,7 +83,8 @@ export var createExtensionAPI = function createExtensionAPI(options) {
         throw new Error('insertAfter(): Could not create a node for given ADFEntity.');
       }
 
-      tr.insert(nodePos.pos + nodePos.node.nodeSize, newNode); // Validate if the document is valid at this point
+      var insertPosition = nodePos.pos + nodePos.node.nodeSize;
+      tr.insert(insertPosition, newNode); // Validate if the document is valid at this point
 
       try {
         tr.doc.check();
@@ -126,6 +128,11 @@ export var createExtensionAPI = function createExtensionAPI(options) {
         };
         addAnalytics(state, tr, payload);
       });
+
+      if (opt && opt.allowSelectionToNewNode) {
+        tr.setSelection(new NodeSelection(tr.doc.resolve(insertPosition)));
+      }
+
       dispatch(tr);
     },
     scrollTo: function scrollTo(localId) {

package/dist/esm/plugins/extension/nodeviews/extension.js

@@ -67,10 +67,11 @@ export var ExtensionNode = /*#__PURE__*/function (_ReactNodeView) {
 }(ReactNodeView);
 export default function ExtensionNodeView(portalProviderAPI, eventDispatcher, providerFactory, extensionHandlers, extensionNodeViewOptions) {
   return function (node, view, getPos) {
+    var hasIntlContext = true;
     return new ExtensionNode(node, view, getPos, portalProviderAPI, eventDispatcher, {
       providerFactory: providerFactory,
       extensionHandlers: extensionHandlers,
       extensionNodeViewOptions: extensionNodeViewOptions
-    }).init();
+    }, undefined, undefined, undefined, hasIntlContext).init();
   };
 }

package/dist/esm/plugins/extension/toolbar.js

@@ -1,5 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 import { hasParentNodeOfType } from 'prosemirror-utils';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import EditIcon from '@atlaskit/icon/glyph/editor/edit';
@@ -37,7 +37,7 @@ var isLayoutSupported = function isLayoutSupported(state, selectedExtNode) {
   return !!((selectedExtNode.node.type === bodiedExtension || selectedExtNode.node.type === extension && !hasParentNodeOfType([bodiedExtension, table, expand].filter(Boolean))(selection)) && !hasParentNodeOfType([layoutSection])(selection));
 };
 
-var breakoutOptions = function breakoutOptions(state, formatMessage, breakoutEnabled) {
+var breakoutOptions = function breakoutOptions(state, formatMessage, extensionState, breakoutEnabled) {
   var nodeWithPos = getSelectedExtension(state, true); // we should only return breakout options when breakouts are enabled and the node supports them
 
   if (nodeWithPos && breakoutEnabled && isLayoutSupported(state, nodeWithPos)) {
@@ -99,7 +99,7 @@ export var getToolbarConfig = function getToolbarConfig() {
     if (extensionState && !extensionState.showContextPanel && extensionState.element) {
       var nodeType = [state.schema.nodes.extension, state.schema.nodes.inlineExtension, state.schema.nodes.bodiedExtension];
       var editButtonArray = editButton(formatMessage, extensionState);
-      var breakoutButtonArray = breakoutOptions(state, formatMessage, breakoutEnabled);
+      var breakoutButtonArray = breakoutOptions(state, formatMessage, extensionState, breakoutEnabled);
       return {
         title: 'Extension floating controls',
         getDomRef: function getDomRef() {

package/dist/esm/plugins/extension/ui/SaveIndicator/SaveIndicator.js

@@ -7,7 +7,7 @@ import React, { useCallback, useEffect, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { G300, N0 } from '@atlaskit/theme/colors';
 import CheckCircleIcon from '@atlaskit/icon/glyph/check-circle';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import { messages } from './messages';
 
 var noop = function noop() {};

package/dist/esm/plugins/extension/ui/SaveIndicator/messages.js

@@ -1,4 +1,4 @@
-import { defineMessages } from 'react-intl';
+import { defineMessages } from 'react-intl-next';
 export var messages = defineMessages({
   saveIndicator: {
     id: 'fabric.editor.extensions.config-panel.save-indicator',

package/dist/esm/plugins/extension/ui/styles.js

@@ -4,4 +4,4 @@ var _templateObject;
 
 import { css } from 'styled-components';
 import { blockNodesVerticalMargin, akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground, SelectionStyle, getSelectionStyles, akEditorSelectedNodeClassName } from '@atlaskit/editor-shared-styles';
-export var extensionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .extensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n"])), blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground);
+export var extensionStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .extensionView-content-wrap,\n  .bodiedExtensionView-content-wrap {\n    margin: ", " 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n\n    &:last-of-type {\n      margin-bottom: 0;\n    }\n\n    &:not(.danger).", " {\n      & > span > .extension-container {\n        ", "\n      }\n    }\n\n    &.danger > span > .extension-container {\n      box-shadow: 0 0 0 ", "px ", ";\n      background-color: ", ";\n    }\n\n    &.inline {\n      word-wrap: break-all;\n    }\n  }\n\n  .extensionView-content-wrap .extension-container {\n    overflow: hidden;\n  }\n\n  .bodiedExtensionView-content-wrap\n    .extensionView-content-wrap\n    .extension-container {\n    width: 100%;\n  }\n"])), blockNodesVerticalMargin, akEditorSelectedNodeClassName, getSelectionStyles([SelectionStyle.BoxShadow]), akEditorSelectedBorderSize, akEditorDeleteBorder, akEditorDeleteBackground);

package/dist/esm/plugins/feature-flags-context/feature-flags-from-props.js

@@ -13,7 +13,7 @@ import { browser } from '@atlaskit/editor-common';
  */
 
 export function createFeatureFlagsFromProps(props) {
-  var _props$allowTextColor, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29;
+  var _props$allowTextColor, _props$allowLayouts, _props$performanceTra, _props$performanceTra2, _props$featureFlags, _props$featureFlags2, _props$featureFlags3, _props$allowTables, _props$featureFlags4, _props$featureFlags5, _props$allowTables2, _props$featureFlags6, _props$featureFlags7, _props$allowTables3, _props$featureFlags8, _props$featureFlags9, _props$allowTables4, _props$featureFlags10, _props$featureFlags11, _props$allowTables5, _props$allowExtension, _props$featureFlags12, _props$featureFlags13, _props$featureFlags14, _props$featureFlags15, _props$featureFlags16, _props$featureFlags17, _props$featureFlags18, _props$featureFlags19, _props$featureFlags20, _props$featureFlags21, _props$featureFlags22, _props$featureFlags23, _props$featureFlags24, _props$featureFlags25, _props$featureFlags26, _props$featureFlags27, _props$featureFlags28, _props$featureFlags29, _props$featureFlags30, _props$featureFlags31;
 
   var normalizedFeatureFlags = normalizeFeatureFlags(props.featureFlags);
   return _objectSpread(_objectSpread({}, normalizedFeatureFlags), {}, {
@@ -26,6 +26,7 @@ export function createFeatureFlagsFromProps(props) {
     findReplaceMatchCase: _typeof(props.allowFindReplace) === 'object' && Boolean(props.allowFindReplace.allowMatchCase),
     keyboardAccessibleDatepicker: typeof props.allowKeyboardAccessibleDatepicker === 'boolean' ? props.allowKeyboardAccessibleDatepicker : false,
     addColumnWithCustomStep: !props.allowTables || typeof props.allowTables === 'boolean' ? false : Boolean(props.allowTables.allowAddColumnWithCustomStep),
+    singleLayout: _typeof(props.allowLayouts) === 'object' && !!((_props$allowLayouts = props.allowLayouts) !== null && _props$allowLayouts !== void 0 && _props$allowLayouts.UNSAFE_allowSingleColumnLayout),
     undoRedoButtons: props.UNSAFE_allowUndoRedoButtons,
     catchAllTracking: (_props$performanceTra = props.performanceTracking) === null || _props$performanceTra === void 0 ? void 0 : (_props$performanceTra2 = _props$performanceTra.catchAllTracking) === null || _props$performanceTra2 === void 0 ? void 0 : _props$performanceTra2.enabled,
     nextEmojiNodeView: ((_props$featureFlags = props.featureFlags) === null || _props$featureFlags === void 0 ? void 0 : _props$featureFlags.nextEmojiNodeView) === true,
@@ -44,6 +45,7 @@ export function createFeatureFlagsFromProps(props) {
     collabAvatarScroll: Boolean(typeof ((_props$featureFlags24 = props.featureFlags) === null || _props$featureFlags24 === void 0 ? void 0 : _props$featureFlags24.collabAvatarScroll) === 'boolean' ? !!((_props$featureFlags25 = props.featureFlags) !== null && _props$featureFlags25 !== void 0 && _props$featureFlags25.collabAvatarScroll) : false),
     ufo: Boolean(typeof ((_props$featureFlags26 = props.featureFlags) === null || _props$featureFlags26 === void 0 ? void 0 : _props$featureFlags26.ufo) === 'boolean' ? !!((_props$featureFlags27 = props.featureFlags) !== null && _props$featureFlags27 !== void 0 && _props$featureFlags27.ufo) : false),
     codeBlockSyntaxHighlighting: Boolean(typeof normalizedFeatureFlags.codeBlockSyntaxHighlighting === 'boolean' ? !!normalizedFeatureFlags.codeBlockSyntaxHighlighting && !browser.safari : false),
-    codeBidiWarnings: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.codeBidiWarnings) : true)
+    twoLineEditorToolbar: Boolean(typeof ((_props$featureFlags28 = props.featureFlags) === null || _props$featureFlags28 === void 0 ? void 0 : _props$featureFlags28.twoLineEditorToolbar) === 'boolean' ? !!((_props$featureFlags29 = props.featureFlags) !== null && _props$featureFlags29 !== void 0 && _props$featureFlags29.twoLineEditorToolbar) : false),
+    codeBidiWarnings: Boolean(typeof ((_props$featureFlags30 = props.featureFlags) === null || _props$featureFlags30 === void 0 ? void 0 : _props$featureFlags30.codeBidiWarnings) === 'boolean' ? !!((_props$featureFlags31 = props.featureFlags) !== null && _props$featureFlags31 !== void 0 && _props$featureFlags31.codeBidiWarnings) : true)
   });
 }