@atlaskit/editor-core 179.1.2 → 180.1.0

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

@@ -2,6 +2,8 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { IntlProviderIfMissingWrapper } from '@atlaskit/editor-common/ui';
 import React from 'react';
 import Editor from '../../editor';
+import EditorNext from '../../editor-next';
+import EditorMigrationComponent from '../../editor-next/editor-migration-component';
 import EditorWithActions from '../../labs/EditorWithActions';
 import ChromeCollapsed from '../ChromeCollapsed';
 export default class CollapsedEditor extends React.Component {
@@ -14,22 +16,16 @@ export default class CollapsedEditor extends React.Component {
       this.editorComponent = editorRef;
     });
   }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (!this.props.isExpanded && nextProps.isExpanded) {
-      this.shouldTriggerExpandEvent = true;
-    }
-  }
   componentDidUpdate() {
-    if (this.shouldTriggerExpandEvent && this.editorComponent) {
-      this.shouldTriggerExpandEvent = false;
-      if (this.props.onExpand) {
-        this.props.onExpand();
-      }
+    if (this.props.isExpanded && this.editorComponent && (!this.previouslyExpanded || this.previouslyExpanded === undefined)) {
+      var _this$props$onExpand, _this$props;
+      (_this$props$onExpand = (_this$props = this.props).onExpand) === null || _this$props$onExpand === void 0 ? void 0 : _this$props$onExpand.call(_this$props);
     }
+    this.previouslyExpanded = this.props.isExpanded;
   }
   render() {
     const child = React.Children.only(this.props.children);
-    if (child.type !== Editor && child.type !== EditorWithActions) {
+    if (child.type !== Editor && child.type !== EditorWithActions && child.type !== EditorNext && child.type !== EditorMigrationComponent) {
       throw new Error('Expected child to be of type `Editor`');
     }
     if (!this.props.isExpanded) {

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

@@ -2,9 +2,12 @@
 import React from 'react';
 import { css, jsx } from '@emotion/react';
 import { Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
+import { ArrowKeyNavigationProvider, ArrowKeyNavigationType } from '@atlaskit/editor-common/ui-menu';
+import { getSelectedRowAndColumnFromPalette } from '@atlaskit/editor-common/ui-color';
 import Button from '@atlaskit/button';
 import Tooltip from '@atlaskit/tooltip';
-import { N60A } from '@atlaskit/theme/colors';
+import { DN50, N0, N60A } from '@atlaskit/theme/colors';
+import { themed } from '@atlaskit/theme/components';
 import { borderRadius } from '@atlaskit/theme/constants';
 import ColorPalette from '../ColorPalette';
 import { DEFAULT_BORDER_COLOR } from '../ColorPalette/Palettes/common';
@@ -19,9 +22,12 @@ const colorPickerButtonWrapper = css`
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
-const colorPickerWrapper = css`
+const colorPickerWrapper = theme => css`
   border-radius: ${borderRadius()}px;
-  background-color: white;
+  background-color: ${themed({
+  light: `var(--ds-surface-overlay, ${N0})`,
+  dark: `var(--ds-surface-overlay, ${DN50})`
+})(theme)};
   box-shadow: 0 4px 8px -2px ${N60A}, 0 0 1px ${N60A};
   padding: 8px 0px;
 `;
@@ -31,8 +37,14 @@ const ColorPickerButton = props => {
   var _props$size, _props$size2;
   const buttonRef = React.useRef(null);
   const [isPopupOpen, setIsPopupOpen] = React.useState(false);
+  const [isPopupPositioned, setIsPopupPositioned] = React.useState(false);
+  const [isOpenedByKeyboard, setIsOpenedByKeyboard] = React.useState(false);
   const togglePopup = () => {
     setIsPopupOpen(!isPopupOpen);
+    if (!isPopupOpen) {
+      setIsOpenedByKeyboard(false);
+      setIsPopupPositioned(false);
+    }
   };
   React.useEffect(() => {
     if (props.setDisableParentScroll) {
@@ -40,9 +52,25 @@ const ColorPickerButton = props => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isPopupOpen]);
+  const focusButton = () => {
+    var _buttonRef$current;
+    (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
+  };
+  const handleEsc = React.useCallback(() => {
+    setIsOpenedByKeyboard(false);
+    setIsPopupPositioned(false);
+    setIsPopupOpen(false);
+    focusButton();
+  }, []);
+  const onPositionCalculated = React.useCallback(position => {
+    setIsPopupPositioned(true);
+    return position;
+  }, []);
   const ColorPaletteWithListeners = withOuterListeners(ColorPalette);
   const onColorSelected = (color, label) => {
+    setIsOpenedByKeyboard(false);
     setIsPopupOpen(false);
+    setIsPopupPositioned(false);
     if (props.onChange) {
       if (props.createAnalyticsEvent) {
         // fire analytics
@@ -62,11 +90,17 @@ const ColorPickerButton = props => {
       const newPalette = props.colorPalette.find(colorPalette => colorPalette.value === color);
       newPalette && props.onChange(newPalette);
     }
+    focusButton();
   };
   const renderPopup = () => {
     if (!isPopupOpen || !buttonRef.current) {
       return;
     }
+    const selectedColor = props.currentColor || null;
+    const {
+      selectedRowIndex,
+      selectedColumnIndex
+    } = getSelectedRowAndColumnFromPalette(props.colorPalette, selectedColor, props.cols);
     return jsx(Popup, {
       target: buttonRef.current,
       fitHeight: 350,
@@ -79,19 +113,31 @@ const ColorPickerButton = props => {
       // we need an index of > 500 to display over it
       ,
       zIndex: props.setDisableParentScroll ? 600 : undefined,
-      ariaLabel: "Color picker popup"
+      ariaLabel: "Color picker popup",
+      onPositionCalculated: onPositionCalculated
     }, jsx("div", {
       css: colorPickerWrapper,
       "data-test-id": "color-picker-menu"
+    }, jsx(ArrowKeyNavigationProvider, {
+      type: ArrowKeyNavigationType.COLOR,
+      selectedRowIndex: selectedRowIndex,
+      selectedColumnIndex: selectedColumnIndex,
+      closeOnTab: true,
+      handleClose: () => setIsPopupOpen(false),
+      isOpenedByKeyboard: isOpenedByKeyboard,
+      isPopupPositioned: isPopupPositioned
     }, jsx(ColorPaletteWithListeners, {
       palette: props.colorPalette,
       cols: props.cols,
-      selectedColor: props.currentColor || null,
+      selectedColor: selectedColor,
       onClick: onColorSelected,
-      handleClickOutside: togglePopup
-    })));
+      handleClickOutside: togglePopup,
+      handleEscapeKeydown: handleEsc,
+      hexToPaletteColor: props.hexToPaletteColor
+    }))));
   };
   const title = props.title || '';
+  const currentColor = props.currentColor && props.hexToPaletteColor ? props.hexToPaletteColor(props.currentColor) : props.currentColor;
   const buttonStyle = css`
     padding: 6px;
     background-color: ${"var(--ds-background-neutral, transparent)"};
@@ -103,7 +149,7 @@ const ColorPickerButton = props => {
       content: '';
       border: 1px solid ${DEFAULT_BORDER_COLOR};
       border-radius: ${borderRadius()}px;
-      background-color: ${props.currentColor || 'transparent'};
+      background-color: ${currentColor || 'transparent'};
       width: ${((_props$size = props.size) === null || _props$size === void 0 ? void 0 : _props$size.width) || 14}px;
       height: ${((_props$size2 = props.size) === null || _props$size2 === void 0 ? void 0 : _props$size2.height) || 14}px;
       padding: 0;
@@ -119,6 +165,13 @@ const ColorPickerButton = props => {
     "aria-label": title,
     spacing: "compact",
     onClick: togglePopup,
+    onKeyDown: event => {
+      if (event.key === 'Enter' || event.key === ' ') {
+        event.preventDefault();
+        togglePopup();
+        setIsOpenedByKeyboard(true);
+      }
+    },
     css: buttonStyle
   })), renderPopup());
 };

package/dist/es2019/ui/ConfigPanel/ConfigPanel.js

@@ -7,7 +7,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/es2019/ui/ContextPanel/context.js

@@ -16,10 +16,7 @@ import React from 'react';
 // able to position and add margins to handle certain elements like inline comment dialogues overlapping the context
 // panel
 
-const {
-  Provider,
-  Consumer
-} = /*#__PURE__*/React.createContext({
+export const ContextPanel = /*#__PURE__*/React.createContext({
   width: 0,
   positionedOverEditor: false,
   broadcastWidth: () => {},
@@ -62,4 +59,8 @@ export class ContextPanelWidthProvider extends React.Component {
     }, this.props.children);
   }
 }
+const {
+  Provider,
+  Consumer
+} = ContextPanel;
 export { Provider as ContextPanelProvider, Consumer as ContextPanelConsumer };

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

@@ -5,13 +5,16 @@ import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
 const Dropdown = /*#__PURE__*/React.memo(({
   ...props
 }) => {
-  const keydownHandlerContext = useContext(KeyDownHandlerContext);
+  const 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: {
+        ...props.arrowKeyNavigationProviderOptions,
+        keyDownHandlerContext
+      }
     }, props))
   );
 });

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

@@ -5,11 +5,14 @@ import { KeyDownHandlerContext } from '../ToolbarArrowKeyNavigationProvider';
 const DropdownMenu = /*#__PURE__*/React.memo(({
   ...props
 }) => {
-  const keydownHandlerContext = useContext(KeyDownHandlerContext);
+  const 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: {
+      ...props.arrowKeyNavigationProviderOptions,
+      keyDownHandlerContext
+    }
   }, props));
 });
 export default DropdownMenu;

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

@@ -7,7 +7,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({
   categories = [],
   ...props

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

@@ -9,7 +9,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/es2019/ui/ElementBrowser/components/StatelessElementBrowser.js

@@ -4,7 +4,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/es2019/ui/PanelTextInput/index.js

@@ -76,10 +76,10 @@ export default class PanelTextInput extends PureComponent {
       value: props.defaultValue || ''
     };
   }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (nextProps.defaultValue !== this.props.defaultValue) {
+  componentDidUpdate(prevProps) {
+    if (prevProps.defaultValue !== this.props.defaultValue) {
       this.setState({
-        value: nextProps.defaultValue
+        value: this.props.defaultValue
       });
     }
   }

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

@@ -5,7 +5,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/es2019/ui/WidthEmitter/index.js

@@ -1,35 +1,31 @@
-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({
-  setContextPanelWidth,
-  setContainerWidth
-}) {
-  const contextPanelWidthCallback = React.useCallback(({
-    width
-  }) => {
-    setContextPanelWidth(width);
-    return null;
-  }, [setContextPanelWidth]);
-  const containerWidthCallback = React.useCallback(({
-    width
-  }) => {
-    setContainerWidth(width);
-    return null;
-  }, [setContainerWidth]);
-  return [contextPanelWidthCallback, containerWidthCallback];
-}
+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.
+const useListener = contextValue => {
+  const [value, setValue] = useState(0);
+  useEffect(() => {
+    setValue(contextValue);
+  }, [contextValue]);
+  return value;
+};
 const WidthEmitter = ({
   editorView
 }) => {
-  const [contextPanelWidth, setContextPanelWidth] = React.useState(0);
-  const [containerWidth, setContainerWidth] = React.useState(0);
-  const [contextPanelWidthCallback, containerWidthCallback] = useCreateWidthCallbacks({
-    setContextPanelWidth,
-    setContainerWidth
-  });
-  React.useEffect(() => {
+  const {
+    width: contextPanelWidthContext
+  } = useContext(ContextPanel);
+  const {
+    width: containerWidthContext
+  } = useContext(WidthContext);
+  const containerWidth = useListener(containerWidthContext);
+  const contextPanelWidth = useListener(contextPanelWidthContext);
+  useEffect(() => {
     const width = containerWidth - contextPanelWidth;
     if (width <= 0 || isNaN(width) || !editorView) {
       return;
@@ -49,6 +45,6 @@ const WidthEmitter = ({
     dispatch(tr);
     return () => {};
   }, [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/es2019/utils/document.js

@@ -1,4 +1,4 @@
-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';
@@ -110,6 +110,16 @@ export function bracketTyped(state) {
   }
   return false;
 }
+export function processRawFragmentValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
+  if (!value) {
+    return;
+  }
+  const adfEntities = value.map(item => processRawValue(schema, item, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent)).filter(item => 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/es2019/utils/extensions.js

@@ -2,9 +2,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/es2019/utils/get-editor-plugins.js

@@ -0,0 +1,25 @@
+import { createEditorSelectionAPI } from '../selection-api/api';
+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
+ */
+const getEditorPlugins = ({
+  props,
+  prevAppearance,
+  createAnalyticsEvent,
+  insertNodeAPI,
+  editorAnalyticsAPI
+}) => {
+  var _props$dangerouslyApp, _props$dangerouslyApp2;
+  const dangerouslyAppendedPlugins = (_props$dangerouslyApp = (_props$dangerouslyApp2 = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp2 === void 0 ? void 0 : _props$dangerouslyApp2.__plugins) !== null && _props$dangerouslyApp !== void 0 ? _props$dangerouslyApp : [];
+  const selectionAPI = createEditorSelectionAPI();
+  return [...createPluginsList(props, {
+    appearance: prevAppearance
+  }, createAnalyticsEvent, insertNodeAPI, editorAnalyticsAPI, selectionAPI), ...dangerouslyAppendedPlugins];
+};
+export default getEditorPlugins;

package/dist/es2019/utils/linking-utils.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, INPUT_METHOD } from '../plugins/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID, INPUT_METHOD } from '@atlaskit/editor-common/analytics';
 export const buildEditLinkPayload = type => {
   return {
     action: ACTION.CLICKED,

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

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import debounce from 'lodash/debounce';
 import { useComponentRenderTracking } from '@atlaskit/editor-common/utils';
-import { EVENT_TYPE } from '../../../plugins/analytics';
+import { EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export function RenderTracking(props) {
   const debouncedHandleAnalyticsEvent = useMemo(() => debounce(props.handleAnalyticsEvent, 500), [props.handleAnalyticsEvent]);
   useComponentRenderTracking({

package/dist/es2019/utils/performance/safer-transactions.js

@@ -1,4 +1,4 @@
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../../plugins/analytics';
+import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
 export const UNSAFE_PROPERTY_SET_ERROR = 'Setting an unsafe property on transaction after dispatch!';
 
 // since selection uses curSelection under the hood, we guard setSelection instead

package/dist/es2019/utils/prepare-extension-provider.js

@@ -0,0 +1,13 @@
+import { combineExtensionProviders } from '@atlaskit/editor-common/extensions';
+import memoizeOne from 'memoize-one';
+function prepareExtensionProvidersInternal(editorActions, extensionProviders) {
+  if (!extensionProviders) {
+    return;
+  }
+  if (typeof extensionProviders === 'function') {
+    return combineExtensionProviders(extensionProviders(editorActions));
+  }
+  return combineExtensionProviders(extensionProviders);
+}
+const prepareExtensionProvider = getEditorActions => memoizeOne(extensionProviders => prepareExtensionProvidersInternal(getEditorActions(), extensionProviders));
+export default prepareExtensionProvider;

package/dist/es2019/version-wrapper.js

@@ -1,5 +1,5 @@
 export const name = "@atlaskit/editor-core";
-export const version = "179.1.2";
+export const version = "180.1.0";
 export const nextMajorVersion = () => {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/es2019/version.json

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

package/dist/esm/actions/index.js

@@ -7,7 +7,7 @@ import { Node } from 'prosemirror-model';
 import { TextSelection, NodeSelection } from 'prosemirror-state';
 import { findParentNode } from 'prosemirror-utils';
 import { toJSON } from '../utils';
-import { processRawValue, isEmptyDocument } from '../utils/document';
+import { processRawValue, isEmptyDocument, processRawFragmentValue } from '../utils/document';
 import { getEditorValueWithMedia, __temporaryFixForConfigPanel as _temporaryFixForConfigPanel } from '../utils/action';
 import { createDispatch } from '../event-dispatcher';
 import { safeInsert } from 'prosemirror-utils';
@@ -323,7 +323,7 @@ var EditorActions = /*#__PURE__*/function () {
         return true;
       }
       var schema = state.schema;
-      var content = processRawValue(schema, rawValue);
+      var content = Array.isArray(rawValue) ? processRawFragmentValue(schema, rawValue) : processRawValue(schema, rawValue);
       if (!content) {
         return false;
       }