@atlaskit/editor-core 180.0.0 → 181.0.0

package/dist/esm/ui/ConfigPanel/ConfigPanel.js

@@ -17,7 +17,7 @@ import Form from '@atlaskit/form';
 import { isTabGroup } from '@atlaskit/editor-common/extensions';
 import _isEqual from 'lodash/isEqual';
 import _mergeRecursive from 'lodash/merge';
-import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from '../../plugins/analytics';
+import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from '@atlaskit/editor-common/analytics';
 import LoadingState from './LoadingState';
 import Header from './Header';
 import ErrorMessage from './ErrorMessage';

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -29,6 +29,7 @@ function Expand(_ref) {
     expanded = _useState2[0],
     setExpanded = _useState2[1];
   return jsx("div", {
+    "data-testid": "expand-config-field",
     css: expandContainer
   }, jsx("div", {
     css: expandControl

package/dist/esm/ui/ConfigPanel/utils.js

@@ -1,27 +1,16 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { ValidationError } from './types';
 export var validate = function validate(field, value) {
   return validateRequired(field, value);
 };
-export var fromEntries = function fromEntries(iterable) {
-  return _toConsumableArray(iterable).reduce(function (obj, _ref) {
-    var _ref2 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      val = _ref2[1];
-    obj[key] = val;
-    return obj;
-  }, {});
-};
 var isEmptyString = function isEmptyString(value) {
   return typeof value === 'string' && value === '';
 };
 var isEmptyArray = function isEmptyArray(value) {
   return Array.isArray(value) && value.length === 0;
 };
-export var validateRequired = function validateRequired(_ref3, value) {
-  var isRequired = _ref3.isRequired,
-    isMultiple = _ref3.isMultiple;
+export var validateRequired = function validateRequired(_ref, value) {
+  var isRequired = _ref.isRequired,
+    isMultiple = _ref.isMultiple;
   if (isRequired) {
     var isUndefined = typeof value === 'undefined';
     var isEmpty = isEmptyString(value) || isMultiple && isEmptyArray(value) || false;

package/dist/esm/ui/ContentStyles/index.js

@@ -38,7 +38,7 @@ import { InlineNodeViewSharedStyles } from '../../nodeviews/getInlineNodeViewPro
 var contentStyles = function contentStyles(props) {
   return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ProseMirror {\n    outline: none;\n    font-size: ", "px;\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  }\n\n  .ProseMirror[contenteditable='false'] .taskItemView-content-wrap {\n    pointer-events: none;\n    opacity: 0.7;\n  }\n\n  .ProseMirror-hideselection *::selection {\n    background: transparent;\n  }\n\n  .ProseMirror-hideselection *::-moz-selection {\n    background: transparent;\n  }\n\n  .ProseMirror-selectednode {\n    outline: none;\n  }\n\n  .ProseMirror-selectednode:empty {\n    outline: 2px solid ", ";\n  }\n\n  ", "\n  ", "\n  ", "\n\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n\n  .panelView-content-wrap {\n    box-sizing: border-box;\n  }\n\n  .mediaGroupView-content-wrap ul {\n    padding: 0;\n  }\n\n  /** Needed to override any cleared floats, e.g. image wrapping */\n\n  div.fabric-editor-block-mark[class^='fabric-editor-align'] {\n    clear: none !important;\n  }\n\n  .fabric-editor-align-end {\n    text-align: right;\n  }\n\n  .fabric-editor-align-start {\n    text-align: left;\n  }\n\n  .fabric-editor-align-center {\n    text-align: center;\n  }\n\n  .pm-table-header-content-wrap :not(.fabric-editor-alignment),\n  .pm-table-header-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark,\n  .pm-table-cell-content-wrap\n    :not(p, .fabric-editor-block-mark)\n    + div.fabric-editor-block-mark {\n    p:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  .hyperlink-floating-toolbar,\n  .", " {\n    padding: 0;\n  }\n\n  /* Link icon in the Atlaskit package\n     is bigger than the others\n  */\n  .hyperlink-open-link {\n    svg {\n      max-width: 18px;\n    }\n    &[href] {\n      padding: 0 4px;\n    }\n  }\n"])), editorFontSize({
     theme: props.theme
-  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles, telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
+  }), whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, shadowSharedStyle, InlineNodeViewSharedStyles, "var(--ds-border-focused, #8cf)", placeholderTextStyles, placeholderStyles, codeBlockStyles(props), blocktypeStyles(props), textFormattingStyles(props), textColorStyles, listsStyles, ruleStyles(props), mediaStyles, layoutStyles(props), telepointerStyle, gapCursorStyles, tableStyles(props), panelStyles(props), fakeCursorStyles, mentionsStyles, emojiStyles, tasksAndDecisionsStyles, gridStyles, linkStyles, blockMarksSharedStyles, dateSharedStyle, extensionStyles, expandStyles(props), findReplaceStyles, taskDecisionStyles, statusStyles, annotationSharedStyles(props), smartCardStyles, smartCardSharedStyles, dateStyles, embedCardStyles, unsupportedStyles, ClassNames.FLOATING_TOOLBAR_COMPONENT);
 };
 export var createEditorContentStyle = function createEditorContentStyle(styles) {
   return /*#__PURE__*/React.forwardRef(function (props, ref) {

package/dist/esm/ui/ContextPanel/context.js

@@ -24,14 +24,12 @@ import React from 'react';
 // able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
 // panel
 
-var _React$createContext = /*#__PURE__*/React.createContext({
-    width: 0,
-    positionedOverEditor: false,
-    broadcastWidth: function broadcastWidth() {},
-    broadcastPosition: function broadcastPosition() {}
-  }),
-  Provider = _React$createContext.Provider,
-  Consumer = _React$createContext.Consumer;
+export var ContextPanel = /*#__PURE__*/React.createContext({
+  width: 0,
+  positionedOverEditor: false,
+  broadcastWidth: function broadcastWidth() {},
+  broadcastPosition: function broadcastPosition() {}
+});
 export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component) {
   _inherits(ContextPanelWidthProvider, _React$Component);
   var _super = _createSuper(ContextPanelWidthProvider);
@@ -77,4 +75,6 @@ export var ContextPanelWidthProvider = /*#__PURE__*/function (_React$Component)
   }]);
   return ContextPanelWidthProvider;
 }(React.Component);
+var Provider = ContextPanel.Provider,
+  Consumer = ContextPanel.Consumer;
 export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

package/dist/esm/ui/Dropdown/index.js

@@ -1,16 +1,21 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { Dropdown as DropdownComponent } from '@atlaskit/editor-common/ui-menu';
 import React, { useContext } from 'react';
 import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
 var Dropdown = /*#__PURE__*/React.memo(function (_ref) {
   var props = _extends({}, _ref);
-  var keydownHandlerContext = useContext(KeyDownHandlerContext);
+  var keyDownHandlerContext = useContext(KeyDownHandlerContext);
   return (
     /*#__PURE__*/
     //This context is to handle the tab, Arrow Right/Left key events for dropdown.
     //Default context has the void callbacks for above key events
     React.createElement(DropdownComponent, _extends({
-      keyDownHandlerContext: keydownHandlerContext
+      arrowKeyNavigationProviderOptions: _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
+        keyDownHandlerContext: keyDownHandlerContext
+      })
     }, props))
   );
 });

package/dist/esm/ui/DropdownMenu/index.js

@@ -1,14 +1,19 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _extends from "@babel/runtime/helpers/extends";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import { DropdownMenu as DropdownComponent } from '@atlaskit/editor-common/ui-menu';
 import React, { useContext } from 'react';
 import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
 var DropdownMenu = /*#__PURE__*/React.memo(function (_ref) {
   var props = _extends({}, _ref);
-  var keydownHandlerContext = useContext(KeyDownHandlerContext);
+  var keyDownHandlerContext = useContext(KeyDownHandlerContext);
   //This context is to handle the tab, Arrow Right/Left key events for dropdown.
   //Default context has the void callbacks for above key events
   return /*#__PURE__*/React.createElement(DropdownComponent, _extends({
-    keyDownHandlerContext: keydownHandlerContext
+    arrowKeyNavigationProviderOptions: _objectSpread(_objectSpread({}, props.arrowKeyNavigationProviderOptions), {}, {
+      keyDownHandlerContext: keyDownHandlerContext
+    })
   }, props));
 });
 export default DropdownMenu;

package/dist/esm/ui/ElementBrowser/ModalElementBrowser.js

@@ -114,7 +114,7 @@ var Footer = function Footer(_ref) {
 var HelpLink = function HelpLink(url, helpText) {
   return jsx(Button, {
     iconBefore: jsx(QuestionCircleIcon, {
-      label: "help",
+      label: "",
       size: "medium"
     }),
     appearance: "subtle-link",

package/dist/esm/ui/ElementBrowser/components/CategoryList.js

@@ -16,7 +16,7 @@ import Button from '@atlaskit/button/custom-theme-button';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
 import { DEVICE_BREAKPOINT_NUMBERS, GRID_SIZE } from '../constants';
 import useFocus from '../hooks/use-focus';
-import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, ACTION } from '../../../plugins/analytics';
+import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION_SUBJECT_ID, ACTION } from '@atlaskit/editor-common/analytics';
 function CategoryList(_ref) {
   var _ref$categories = _ref.categories,
     categories = _ref$categories === void 0 ? [] : _ref$categories,

package/dist/esm/ui/ElementBrowser/components/ElementList/ElementList.js

@@ -14,7 +14,7 @@ import { B100, N200 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { relativeFontSizeToBase16 } from '@atlaskit/editor-shared-styles';
 import { withAnalyticsContext } from '@atlaskit/analytics-next';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '../../../../plugins/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import IconFallback from '../../../../plugins/quick-insert/assets/fallback';
 import { itemIcon } from '../../../../plugins/type-ahead/ui/TypeAheadListItem';
 import { shortcutStyle } from '../../../styles';

package/dist/esm/ui/ElementBrowser/components/StatelessElementBrowser.js

@@ -7,7 +7,7 @@ import React, { memo, useState, useCallback, useEffect } from 'react';
 import { css, jsx } from '@emotion/react';
 import { FormattedMessage } from 'react-intl-next';
 import { withAnalyticsContext, withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from '../../../plugins/analytics';
+import { fireAnalyticsEvent, EVENT_TYPE, ACTION_SUBJECT, ACTION } from '@atlaskit/editor-common/analytics';
 import ElementList from './ElementList/ElementList';
 import CategoryList from './CategoryList';
 import ElementSearch from './ElementSearch';

package/dist/esm/ui/ElementBrowser/constants.js

@@ -14,7 +14,6 @@ export var SIDEBAR_WIDTH = "".concat(GRID_SIZE * 25, "px");
 export var SIDEBAR_HEADING_WRAPPER_HEIGHT = "".concat(GRID_SIZE * 6, "px");
 export var SIDEBAR_HEADING_PADDING_LEFT = '12px';
 export var INLINE_SIDEBAR_HEIGHT = '54px';
-export var SEARCH_ITEM_MARGIN = '12px';
 export var SEARCH_ITEM_HEIGHT_WIDTH = '20px';
 export var SCROLLBAR_WIDTH = 15;
 export var ELEMENT_LIST_PADDING = 2;

package/dist/esm/ui/PanelTextInput/index.js

@@ -86,11 +86,11 @@ var PanelTextInput = /*#__PURE__*/function (_PureComponent) {
     return _this;
   }
   _createClass(PanelTextInput, [{
-    key: "UNSAFE_componentWillReceiveProps",
-    value: function UNSAFE_componentWillReceiveProps(nextProps) {
-      if (nextProps.defaultValue !== this.props.defaultValue) {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.defaultValue !== this.props.defaultValue) {
         this.setState({
-          value: nextProps.defaultValue
+          value: this.props.defaultValue
         });
       }
     }

package/dist/esm/ui/PortalProvider/index.js

@@ -14,7 +14,7 @@ import { createPortal, unstable_renderSubtreeIntoContainer, unmountComponentAtNo
 import PropTypes from 'prop-types';
 import { default as AnalyticsReactContext } from '@atlaskit/analytics-next-stable-react-context';
 import { EventDispatcher } from '../../event-dispatcher';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics/types/enums';
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 import { useIntl, RawIntlProvider, injectIntl } from 'react-intl-next';
 import { useGlobalTheme } from '@atlaskit/theme/components';
 import { PortalProviderThemeProviders } from './PortalProviderThemesProvider';

package/dist/esm/ui/Resizer/utils.js

@@ -6,7 +6,6 @@ export var snapTo = function snapTo(target, points) {
   });
 };
 export var handleSides = ['left', 'right'];
-export var alignmentLayouts = ['align-start', 'align-end'];
 export var imageAlignmentMap = {
   left: 'start',
   right: 'end'

package/dist/esm/ui/WidthEmitter/index.js

@@ -1,41 +1,32 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from 'react';
+import React, { useEffect, useContext, useState } from 'react';
 import { pluginKey as widthPluginKey } from '../../plugins/width';
-import { WidthConsumer } from '@atlaskit/editor-common/ui';
-import { ContextPanelConsumer } from '../ContextPanel/context';
-function useCreateWidthCallbacks(_ref) {
-  var setContextPanelWidth = _ref.setContextPanelWidth,
-    setContainerWidth = _ref.setContainerWidth;
-  var contextPanelWidthCallback = React.useCallback(function (_ref2) {
-    var width = _ref2.width;
-    setContextPanelWidth(width);
-    return null;
-  }, [setContextPanelWidth]);
-  var containerWidthCallback = React.useCallback(function (_ref3) {
-    var width = _ref3.width;
-    setContainerWidth(width);
-    return null;
-  }, [setContainerWidth]);
-  return [contextPanelWidthCallback, containerWidthCallback];
-}
-var WidthEmitter = function WidthEmitter(_ref4) {
-  var editorView = _ref4.editorView;
-  var _React$useState = React.useState(0),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    contextPanelWidth = _React$useState2[0],
-    setContextPanelWidth = _React$useState2[1];
-  var _React$useState3 = React.useState(0),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    containerWidth = _React$useState4[0],
-    setContainerWidth = _React$useState4[1];
-  var _useCreateWidthCallba = useCreateWidthCallbacks({
-      setContextPanelWidth: setContextPanelWidth,
-      setContainerWidth: setContainerWidth
-    }),
-    _useCreateWidthCallba2 = _slicedToArray(_useCreateWidthCallba, 2),
-    contextPanelWidthCallback = _useCreateWidthCallba2[0],
-    containerWidthCallback = _useCreateWidthCallba2[1];
-  React.useEffect(function () {
+import { WidthContext } from '@atlaskit/editor-common/ui';
+import { ContextPanel } from '../ContextPanel/context';
+// Why do we need this? Why not just use the width from the context directly rather than this?
+// Well my friend - some of the VR tests break, seemingly due to the fact that existing behaviour
+// assumes the initial value is 0, the width from context may not start from 0 however.
+// We should investigate further if we can remove this entirely but for now we'll do this
+// awkward workaround to keep the behaviour consistent.
+var useListener = function useListener(contextValue) {
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
+  useEffect(function () {
+    setValue(contextValue);
+  }, [contextValue]);
+  return value;
+};
+var WidthEmitter = function WidthEmitter(_ref) {
+  var editorView = _ref.editorView;
+  var _useContext = useContext(ContextPanel),
+    contextPanelWidthContext = _useContext.width;
+  var _useContext2 = useContext(WidthContext),
+    containerWidthContext = _useContext2.width;
+  var containerWidth = useListener(containerWidthContext);
+  var contextPanelWidth = useListener(contextPanelWidthContext);
+  useEffect(function () {
     var width = containerWidth - contextPanelWidth;
     if (width <= 0 || isNaN(width) || !editorView) {
       return;
@@ -51,6 +42,6 @@ var WidthEmitter = function WidthEmitter(_ref4) {
     dispatch(tr);
     return function () {};
   }, [editorView, contextPanelWidth, containerWidth]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ContextPanelConsumer, null, contextPanelWidthCallback), /*#__PURE__*/React.createElement(WidthConsumer, null, containerWidthCallback));
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
 };
 export default WidthEmitter;

package/dist/esm/ui/styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 import { css } from '@emotion/react';
 import { N30 } from '@atlaskit/theme/colors';
 export { shortcutStyle } from '@atlaskit/editor-shared-styles/shortcut';
@@ -12,7 +12,4 @@ export var expandIconWrapperStyle = css(_templateObject5 || (_templateObject5 =
 export var triggerWrapperStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
 export var buttonContentStyle = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\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"])));
 export var buttonContentReducedSpacingStyle = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  padding: 8px;\n"])));
-
-// Taken from the style of inline dialog components
-export var dropShadow = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  box-shadow: ", ";\n"])), "var(--ds-shadow-overlay, ".concat("0 0 1px rgba(9, 30, 66, 0.31),\n    0 4px 8px -2px rgba(9, 30, 66, 0.25)", ")"));
-export var clickSelectWrapperStyle = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));
+export var clickSelectWrapperStyle = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  user-select: all;\n"])));

package/dist/esm/utils/document.js

@@ -1,5 +1,5 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import { Node } from 'prosemirror-model';
+import { Node, Fragment } from 'prosemirror-model';
 import { transformMediaLinkMarks, transformTextLinkCodeMarks, transformDedupeMarks, transformNodesMissingContent, transformIndentationMarks, transformInvalidMediaContent } from '@atlaskit/adf-utils/transforms';
 import { sanitizeNodeForPrivacy } from '../utils/filter/privacy-filter';
 import { validateADFEntity, findAndTrackUnsupportedContentNodes } from '@atlaskit/editor-common/utils';
@@ -107,6 +107,20 @@ export function bracketTyped(state) {
   }
   return false;
 }
+export function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
+  if (!value) {
+    return;
+  }
+  var adfEntities = value.map(function (item) {
+    return processRawValue(schema, item, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent);
+  }).filter(function (item) {
+    return Boolean(item);
+  });
+  if (adfEntities.length === 0) {
+    return;
+  }
+  return Fragment.from(adfEntities);
+}
 export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
   if (!value) {
     return;

package/dist/esm/utils/extensions.js

@@ -4,9 +4,7 @@ import React from 'react';
 import Loadable from 'react-loadable';
 import { getQuickInsertItemsFromModule, resolveImport } from '@atlaskit/editor-common/extensions';
 import { combineProviders } from '@atlaskit/editor-common/provider-helpers';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD } from '../plugins/analytics/types/enums';
-import { fireAnalyticsEvent } from '../plugins/analytics';
-
+import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE, INPUT_METHOD, fireAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 /**
  * Utils to send analytics event when a extension is inserted using quickInsert
  */

package/dist/esm/utils/get-editor-plugins.js

@@ -0,0 +1,23 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import createPluginsList from '../create-editor/create-plugins-list';
+
+/**
+ *
+ * Retrieve the editor props using createPluginList default behaviour.
+ *
+ * @param GetEditorPlugins props used to initialise the plugins
+ * @returns list of editor plugins
+ */
+var getEditorPlugins = function getEditorPlugins(_ref) {
+  var _props$dangerouslyApp, _props$dangerouslyApp2;
+  var props = _ref.props,
+    prevAppearance = _ref.prevAppearance,
+    createAnalyticsEvent = _ref.createAnalyticsEvent,
+    insertNodeAPI = _ref.insertNodeAPI,
+    editorAnalyticsAPI = _ref.editorAnalyticsAPI;
+  var dangerouslyAppendedPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : [];
+  return [].concat(_toConsumableArray(createPluginsList(props, {
+    appearance: prevAppearance
+  }, createAnalyticsEvent)), _toConsumableArray(dangerouslyAppendedPlugins));
+};
+export default getEditorPlugins;