@atlaskit/editor-core 197.11.1 → 197.13.0

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

@@ -1,6 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import PropTypes from 'prop-types';
+import { fg } from '@atlaskit/platform-feature-flags';
 import EditorActions from '../../actions';
 import { PresetContextProvider } from '../../presets/context';
 const EditorContext = /*#__PURE__*/React.createContext({});
@@ -16,9 +17,15 @@ export default class LegacyEditorContext extends React.Component {
     };
   }
   render() {
-    return /*#__PURE__*/React.createElement(EditorContext.Provider, {
-      value: this.getChildContext()
-    }, /*#__PURE__*/React.createElement(PresetContextProvider, null, this.props.children));
+    if (fg('platform_editor_remove_use_preset_context')) {
+      return /*#__PURE__*/React.createElement(EditorContext.Provider, {
+        value: this.getChildContext()
+      }, this.props.children);
+    } else {
+      return /*#__PURE__*/React.createElement(EditorContext.Provider, {
+        value: this.getChildContext()
+      }, /*#__PURE__*/React.createElement(PresetContextProvider, null, this.props.children));
+    }
   }
 }
 _defineProperty(LegacyEditorContext, "childContextTypes", {

package/dist/es2019/ui/Toolbar/toolbar-size.js

@@ -1,5 +1,22 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types';
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './types';
+const toolbarSizesFullPageNext = [{
+  width: ToolbarWidthsFullPageNext.XXL,
+  size: ToolbarSize.XXL
+}, {
+  width: ToolbarWidthsFullPageNext.XL,
+  size: ToolbarSize.XL
+}, {
+  width: ToolbarWidthsFullPageNext.L,
+  size: ToolbarSize.L
+}, {
+  width: ToolbarWidthsFullPageNext.M,
+  size: ToolbarSize.M
+}, {
+  width: ToolbarWidthsFullPageNext.S,
+  size: ToolbarSize.S
+}];
 
 // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 const toolbarSizesFullPage = [{
@@ -34,7 +51,7 @@ const toolbarSizes = [{
   width: ToolbarWidths.S,
   size: ToolbarSize.S
 }];
-const toolbarSizesForAppearance = appearance => isFullPage(appearance) ? toolbarSizesFullPage : toolbarSizes;
+const toolbarSizesForAppearance = appearance => isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
 export const toolbarSizeToWidth = (toolbarSize, appearance) => {
   return (toolbarSizesForAppearance(appearance).find(({
     size

package/dist/es2019/ui/Toolbar/types.js

@@ -1 +1 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';

package/dist/es2019/version-wrapper.js

@@ -1,2 +1,2 @@
 export const name = "@atlaskit/editor-core";
-export const version = "197.11.1";
+export const version = "197.13.0";

package/dist/esm/composable-editor/editor-internal.js

@@ -7,17 +7,18 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
  * @jsxRuntime classic
  * @jsx jsx
  */
-import { Fragment, memo, useCallback } from 'react';
+import { Fragment, memo, useCallback, useState } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
 import { ACTION, ACTION_SUBJECT } from '@atlaskit/editor-common/analytics';
 import { usePortalProvider } from '@atlaskit/editor-common/portal';
+import { fg } from '@atlaskit/platform-feature-flags';
 import ErrorBoundary from '../create-editor/ErrorBoundary';
 import { createFeatureFlagsFromProps } from '../create-editor/feature-flags-from-props';
 import ReactEditorView from '../create-editor/ReactEditorView';
 import { ContextAdapter } from '../nodeviews/context-adapter';
-import { useSetPresetContext } from '../presets/context';
+import { usePresetContext, useSetPresetContext } from '../presets/context';
 import EditorContext from '../ui/EditorContext';
 import { IntlProviderIfMissingWrapper } from '../ui/IntlProviderIfMissingWrapper/IntlProviderIfMissingWrapper';
 import { RenderTracking } from '../utils/performance/components/RenderTracking';
@@ -138,7 +139,15 @@ export var EditorInternal = /*#__PURE__*/memo(function (_ref) {
 });
 function ReactEditorViewContextWrapper(props) {
   var _props$editorProps$me, _props$editorProps$li;
+  // deprecated, unable to be FF due to hook usage
   var setInternalEditorAPI = useSetPresetContext();
+  var presetContextEditorAPI = usePresetContext();
+
+  // new way of storing the editorApi when FF platform_editor_remove_use_preset_context is enabled
+  var _useState = useState(undefined),
+    _useState2 = _slicedToArray(_useState, 2),
+    editorAPI = _useState2[0],
+    setEditorAPI = _useState2[1];
 
   /**
    * We use the context to retrieve the editorAPI
@@ -148,16 +157,21 @@ function ReactEditorViewContextWrapper(props) {
    * so we should also set the value for the `EditorContext` that is used in
    * `EditorInternal`.
    */
-  var setEditorAPI = useCallback(
+  var setPresetContextEditorAPI = useCallback(
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   function (api) {
-    setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
-  }, [setInternalEditorAPI]);
+    if (fg('platform_editor_remove_use_preset_context')) {
+      setEditorAPI(api);
+    } else {
+      setInternalEditorAPI === null || setInternalEditorAPI === void 0 || setInternalEditorAPI(api);
+    }
+  }, [setInternalEditorAPI, setEditorAPI]);
 
   // TODO: Remove these when we deprecate these props from editor-props - smartLinks is unfortunately still used in some places, we can sidestep this problem if we move everyone across to ComposableEditor and deprecate Editor
   var UNSAFE_cards = props.editorProps.UNSAFE_cards;
   var smartLinks = props.editorProps.smartLinks;
   useProviders({
+    editorApi: fg('platform_editor_remove_use_preset_context') ? editorAPI : presetContextEditorAPI,
     contextIdentifierProvider: props.editorProps.contextIdentifierProvider,
     mediaProvider: (_props$editorProps$me = props.editorProps.media) === null || _props$editorProps$me === void 0 ? void 0 : _props$editorProps$me.provider,
     cardProvider: ((_props$editorProps$li = props.editorProps.linking) === null || _props$editorProps$li === void 0 || (_props$editorProps$li = _props$editorProps$li.smartLinks) === null || _props$editorProps$li === void 0 ? void 0 : _props$editorProps$li.provider) || smartLinks && smartLinks.provider || UNSAFE_cards && UNSAFE_cards.provider,
@@ -165,6 +179,7 @@ function ReactEditorViewContextWrapper(props) {
     autoformattingProvider: props.editorProps.autoformattingProvider
   });
   return jsx(ReactEditorView, _extends({}, props, {
-    setEditorApi: setEditorAPI
+    editorAPI: editorAPI,
+    setEditorApi: setPresetContextEditorAPI
   }));
 }

package/dist/esm/composable-editor/hooks/useProviders.js

@@ -2,7 +2,6 @@ import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { useEffect } from 'react';
 import { fg } from '@atlaskit/platform-feature-flags';
-import { usePresetContext } from '../../presets/context';
 /**
  * This hook is used to replace the old approach of using the `providerFactory`.
  *
@@ -12,12 +11,12 @@ import { usePresetContext } from '../../presets/context';
  * In the future ideally consumers implement this behaviour themselves.
  */
 export var useProviders = function useProviders(_ref) {
-  var contextIdentifierProvider = _ref.contextIdentifierProvider,
+  var editorApi = _ref.editorApi,
+    contextIdentifierProvider = _ref.contextIdentifierProvider,
     mediaProvider = _ref.mediaProvider,
     cardProvider = _ref.cardProvider,
     emojiProvider = _ref.emojiProvider,
     autoformattingProvider = _ref.autoformattingProvider;
-  var editorApi = usePresetContext();
   useEffect(function () {
     function setProvider() {
       return _setProvider.apply(this, arguments);

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

@@ -762,6 +762,31 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
       var renderTracking = (_this$props$editorPro10 = this.props.editorProps.performanceTracking) === null || _this$props$editorPro10 === void 0 || (_this$props$editorPro10 = _this$props$editorPro10.renderTracking) === null || _this$props$editorPro10 === void 0 ? void 0 : _this$props$editorPro10.reactEditorView;
       var renderTrackingEnabled = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.enabled;
       var useShallow = renderTracking === null || renderTracking === void 0 ? void 0 : renderTracking.useShallow;
+      if (fg('platform_editor_remove_use_preset_context')) {
+        var _this$props$render, _this$props$render2, _this$props;
+        return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
+          value: {
+            editorRef: this.editorRef,
+            editorView: this.view,
+            popupsMountPoint: this.props.editorProps.popupsMountPoint
+          }
+        }, renderTrackingEnabled && /*#__PURE__*/React.createElement(RenderTracking, {
+          componentProps: this.props,
+          action: ACTION.RE_RENDERED,
+          actionSubject: ACTION_SUBJECT.REACT_EDITOR_VIEW,
+          handleAnalyticsEvent: this.handleAnalyticsEvent,
+          useShallow: useShallow
+        }), this.props.render ? (_this$props$render = (_this$props$render2 = (_this$props = this.props).render) === null || _this$props$render2 === void 0 ? void 0 : _this$props$render2.call(_this$props, {
+          editor: this.editor,
+          view: this.view,
+          config: this.config,
+          eventDispatcher: this.eventDispatcher,
+          transformer: this.contentTransformer,
+          dispatchAnalyticsEvent: this.dispatchAnalyticsEvent,
+          editorRef: this.editorRef,
+          editorAPI: this.props.editorAPI
+        })) !== null && _this$props$render !== void 0 ? _this$props$render : this.editor : this.editor);
+      }
       return /*#__PURE__*/React.createElement(ReactEditorViewContext.Provider, {
         value: {
           editorRef: this.editorRef,

package/dist/esm/editor-appearances/FullPageEditor.js

@@ -13,8 +13,9 @@ import FullPage from '../ui/Appearance/FullPage';
  * @returns Editor component
  */
 export function FullPageEditor(props) {
+  var _props$appearance;
   return /*#__PURE__*/React.createElement(CoreEditor, _extends({}, props, {
-    appearance: "full-page",
+    appearance: (_props$appearance = props.appearance) !== null && _props$appearance !== void 0 ? _props$appearance : 'full-page',
     AppearanceComponent: FullPage
   }));
 }

package/dist/esm/editor-appearances/FullWidthEditor.js

@@ -11,6 +11,7 @@ import FullPage from '../ui/Appearance/FullPage';
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 export function FullWidthEditor(props) {
   return /*#__PURE__*/React.createElement(CoreEditor, _extends({}, props, {

package/dist/esm/presets/universal.js

@@ -216,10 +216,7 @@ export default function createUniversalPresetInternal(_ref) {
     tableSelectorSupported: (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.tableSelector) && isFullPage,
     nativeStatusSupported: !statusMenuDisabled,
     showElementBrowserLink: props.elementBrowser && props.elementBrowser.showModal || false,
-    // @ts-ignore
-    // For platform_editor_element_level_templates experiment only
-    // clean up ticket ED-24873
-    UNSAFE_editorAppearance: appearance
+    appearance: appearance
   }]).maybeAdd([beforePrimaryToolbarPlugin, {
     beforePrimaryToolbarComponents: // @ts-expect-error 2339: Property 'before' does not exist on type 'PrimaryToolbarComponents'.
     (_props$primaryToolbar = props.primaryToolbarComponents) === null || _props$primaryToolbar === void 0 ? void 0 : _props$primaryToolbar.before

package/dist/esm/ui/Appearance/Chromeless.js

@@ -17,6 +17,7 @@ import React, { Fragment } from 'react';
 import { css, jsx } from '@emotion/react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
 import { scrollbarStyles } from '@atlaskit/editor-shared-styles/scrollbar';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { createEditorContentStyle } from '../ContentStyles';
 import PluginSlot from '../PluginSlot';
 import WithFlash from '../WithFlash';
@@ -78,6 +79,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
         pluginHooks = _this$props.pluginHooks,
         featureFlags = _this$props.featureFlags;
       var maxContentSizeReached = Boolean(maxContentSize === null || maxContentSize === void 0 ? void 0 : maxContentSize.maxContentSizeReached);
+      var _useSharedPluginState = useSharedPluginState(_this.props.editorAPI, ['editorViewMode']),
+        editorViewModeState = _useSharedPluginState.editorViewModeState;
       return jsx(WithFlash, {
         animate: maxContentSizeReached
       }, jsx("div", {
@@ -100,7 +103,8 @@ var Editor = /*#__PURE__*/function (_React$Component) {
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       , {
         className: "ak-editor-content-area",
-        featureFlags: featureFlags
+        featureFlags: featureFlags,
+        viewMode: fg('platform_editor_remove_use_preset_context') ? editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode : undefined
       }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, jsx(PluginSlot, {
         editorView: editorView,
         editorActions: editorActions,
@@ -136,8 +140,8 @@ export { Editor as default };
 function RenderWithPluginState(_ref3) {
   var renderChrome = _ref3.renderChrome,
     editorAPI = _ref3.editorAPI;
-  var _useSharedPluginState = useSharedPluginState(editorAPI, ['maxContentSize']),
-    maxContentSizeState = _useSharedPluginState.maxContentSizeState;
+  var _useSharedPluginState2 = useSharedPluginState(editorAPI, ['maxContentSize']),
+    maxContentSizeState = _useSharedPluginState2.maxContentSizeState;
   return jsx(Fragment, null, renderChrome({
     maxContentSize: maxContentSizeState
   }));

package/dist/esm/ui/Appearance/Comment/Comment.js

@@ -74,10 +74,11 @@ var secondaryToolbarStyles = css({
 var appearance = 'comment';
 export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
   var editorAPI = props.editorAPI;
-  var _useSharedPluginState = useSharedPluginState(editorAPI, ['media', 'maxContentSize', 'primaryToolbar']),
+  var _useSharedPluginState = useSharedPluginState(editorAPI, ['media', 'maxContentSize', 'primaryToolbar', 'editorViewMode']),
     mediaState = _useSharedPluginState.mediaState,
     maxContentSizeState = _useSharedPluginState.maxContentSizeState,
-    primaryToolbarState = _useSharedPluginState.primaryToolbarState;
+    primaryToolbarState = _useSharedPluginState.primaryToolbarState,
+    editorViewModeState = _useSharedPluginState.editorViewModeState;
   var intl = useIntl();
   var editorDOMElement = props.editorDOMElement,
     editorView = props.editorView,
@@ -207,7 +208,8 @@ export var CommentEditorWithIntl = function CommentEditorWithIntl(props) {
       className: classnames('ak-editor-content-area', {
         'less-margin': width < akEditorMobileBreakoutPoint
       }),
-      featureFlags: featureFlags
+      featureFlags: featureFlags,
+      viewMode: fg('platform_editor_remove_use_preset_context') ? editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode : undefined
     }, customContentComponents && 'before' in customContentComponents ? customContentComponents.before : customContentComponents, jsx(PluginSlot, {
       editorView: editorView,
       editorActions: editorActions,

package/dist/esm/ui/Appearance/FullPage/FullPage.js

@@ -107,6 +107,7 @@ export var FullPageEditor = function FullPageEditor(props) {
     wrapperElement: (_wrapperElementRef$cu = wrapperElementRef === null || wrapperElementRef === void 0 ? void 0 : wrapperElementRef.current) !== null && _wrapperElementRef$cu !== void 0 ? _wrapperElementRef$cu : null,
     pluginHooks: props.pluginHooks,
     featureFlags: props.featureFlags,
-    isEditorToolbarHidden: isEditorToolbarHidden
+    isEditorToolbarHidden: isEditorToolbarHidden,
+    viewMode: editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
   })));
 };

package/dist/esm/ui/Appearance/FullPage/FullPageContentArea.js

@@ -50,7 +50,8 @@ var Content = /*#__PURE__*/React.forwardRef(function (props, ref) {
   , {
     className: "fabric-editor-popup-scroll-parent",
     featureFlags: props.featureFlags,
-    ref: scrollContainerRef
+    ref: scrollContainerRef,
+    viewMode: fg('platform_editor_remove_use_preset_context') ? props === null || props === void 0 ? void 0 : props.viewMode : undefined
   }, jsx(ClickAreaBlock, {
     editorView: props.editorView,
     editorDisabled: props.disabled

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

@@ -93,15 +93,14 @@ export var createEditorContentStyle = function createEditorContentStyle(styles)
     var editorAPI = usePresetContext();
     var _useSharedPluginState = useSharedPluginState(editorAPI, ['editorViewMode']),
       editorViewModeState = _useSharedPluginState.editorViewModeState;
-    var viewMode = editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode;
     var memoizedStyle = useMemo(function () {
       return contentStyles({
         theme: theme,
         colorMode: colorMode,
         featureFlags: featureFlags,
-        viewMode: viewMode
+        viewMode: fg('platform_editor_remove_use_preset_context') ? props.viewMode : editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode
       });
-    }, [theme, colorMode, featureFlags, viewMode]);
+    }, [theme, colorMode, featureFlags, editorViewModeState === null || editorViewModeState === void 0 ? void 0 : editorViewModeState.mode, props.viewMode]);
     return (
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
       jsx("div", {

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

@@ -8,6 +8,7 @@ function _createSuper(t) { var r = _isNativeReflectConstruct(); return function
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React from 'react';
 import PropTypes from 'prop-types';
+import { fg } from '@atlaskit/platform-feature-flags';
 import EditorActions from '../../actions';
 import { PresetContextProvider } from '../../presets/context';
 var EditorContext = /*#__PURE__*/React.createContext({});
@@ -34,9 +35,15 @@ var LegacyEditorContext = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(EditorContext.Provider, {
-        value: this.getChildContext()
-      }, /*#__PURE__*/React.createElement(PresetContextProvider, null, this.props.children));
+      if (fg('platform_editor_remove_use_preset_context')) {
+        return /*#__PURE__*/React.createElement(EditorContext.Provider, {
+          value: this.getChildContext()
+        }, this.props.children);
+      } else {
+        return /*#__PURE__*/React.createElement(EditorContext.Provider, {
+          value: this.getChildContext()
+        }, /*#__PURE__*/React.createElement(PresetContextProvider, null, this.props.children));
+      }
     }
   }]);
   return LegacyEditorContext;

package/dist/esm/ui/Toolbar/toolbar-size.js

@@ -1,5 +1,22 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import { isFullPage } from '../../utils/is-full-page';
-import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from './types';
+import { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from './types';
+var toolbarSizesFullPageNext = [{
+  width: ToolbarWidthsFullPageNext.XXL,
+  size: ToolbarSize.XXL
+}, {
+  width: ToolbarWidthsFullPageNext.XL,
+  size: ToolbarSize.XL
+}, {
+  width: ToolbarWidthsFullPageNext.L,
+  size: ToolbarSize.L
+}, {
+  width: ToolbarWidthsFullPageNext.M,
+  size: ToolbarSize.M
+}, {
+  width: ToolbarWidthsFullPageNext.S,
+  size: ToolbarSize.S
+}];
 
 // Toolbar sizes for full page editor a little bit different, because it has more buttons e.g. actions button...
 var toolbarSizesFullPage = [{
@@ -35,7 +52,7 @@ var toolbarSizes = [{
   size: ToolbarSize.S
 }];
 var toolbarSizesForAppearance = function toolbarSizesForAppearance(appearance) {
-  return isFullPage(appearance) ? toolbarSizesFullPage : toolbarSizes;
+  return isFullPage(appearance) ? fg('platform_editor_toolbar_responsive_fixes') ? toolbarSizesFullPageNext : toolbarSizesFullPage : toolbarSizes;
 };
 export var toolbarSizeToWidth = function toolbarSizeToWidth(toolbarSize, appearance) {
   return (toolbarSizesForAppearance(appearance).find(function (_ref) {

package/dist/esm/ui/Toolbar/types.js

@@ -1 +1 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext } from '@atlaskit/editor-common/types';

package/dist/esm/version-wrapper.js

@@ -1,2 +1,2 @@
 export var name = "@atlaskit/editor-core";
-export var version = "197.11.1";
+export var version = "197.13.0";

package/dist/types/composable-editor/hooks/useProviders.d.ts

@@ -1,6 +1,19 @@
 import type { AutoformattingProvider, CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { CardPlugin } from '@atlaskit/editor-plugins/card';
+import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugins/context-identifier';
+import { type CustomAutoformatPlugin } from '@atlaskit/editor-plugins/custom-autoformat';
+import { type EmojiPlugin } from '@atlaskit/editor-plugins/emoji';
+import type { MediaPlugin } from '@atlaskit/editor-plugins/media';
 import { type EmojiProvider } from '@atlaskit/emoji';
 interface UseProvidersProps {
+    editorApi: PublicPluginAPI<[
+        OptionalPlugin<ContextIdentifierPlugin>,
+        OptionalPlugin<MediaPlugin>,
+        OptionalPlugin<CardPlugin>,
+        OptionalPlugin<EmojiPlugin>,
+        OptionalPlugin<CustomAutoformatPlugin>
+    ]> | undefined;
     contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
     mediaProvider: Promise<MediaProvider> | undefined;
     cardProvider: Promise<CardProvider> | undefined;
@@ -15,5 +28,5 @@ interface UseProvidersProps {
  *
  * In the future ideally consumers implement this behaviour themselves.
  */
-export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, }: UseProvidersProps) => void;
+export declare const useProviders: ({ editorApi, contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, }: UseProvidersProps) => void;
 export {};

package/dist/types/create-editor/ReactEditorView.d.ts

@@ -30,6 +30,7 @@ export interface EditorViewProps {
     portalProviderAPI: PortalProviderAPI;
     disabled?: boolean;
     experienceStore?: ExperienceStore;
+    editorAPI: PublicPluginAPI<any> | undefined;
     setEditorApi?: SetEditorAPI;
     render?: (props: {
         editor: JSX.Element;

package/dist/types/editor-appearances/FullPageEditor.d.ts

@@ -3,6 +3,7 @@ import { type EditorNextProps } from '../types/editor-props';
 export type FullPageEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValue' | 'disabled' | 'mentionProvider' | 'contextIdentifierProvider' | 'searchProvider' | 'annotationProviders' | 'collabEditProvider' | 'collabEdit' | 'taskDecisionProvider' | 'extensionProviders' | 'shouldFocus' | 'performanceTracking' | 'quickInsert' | 'secondaryToolbarComponents' | 'featureFlags' | 'trackValidTransactions' | 'primaryToolbarComponents' | 'contextPanel' | 'contentComponents' | 'primaryToolbarIconBefore' | 'sanitizePrivateContent'> & {
     onChange?: () => void;
     onEditorReady?: () => void;
+    appearance: 'full-page' | 'full-width';
 };
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-page".

package/dist/types/editor-appearances/FullWidthEditor.d.ts

@@ -13,5 +13,6 @@ export type FullWidthEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValu
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 export declare function FullWidthEditor(props: FullWidthEditorProps): JSX.Element;

package/dist/types/ui/Appearance/Chromeless.d.ts

@@ -5,9 +5,13 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type OptionalPlugin } from '@atlaskit/editor-common/types';
+import { type EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { EditorAppearanceComponentProps } from '../../types';
-type AppearanceProps = EditorAppearanceComponentProps<[OptionalPlugin<MaxContentSizePlugin>]>;
+type AppearanceProps = EditorAppearanceComponentProps<[
+    OptionalPlugin<MaxContentSizePlugin>,
+    OptionalPlugin<EditorViewModePlugin>
+]>;
 export default class Editor extends React.Component<AppearanceProps> {
     static displayName: string;
     private appearance;

package/dist/types/ui/Appearance/FullPage/FullPageContentArea.d.ts

@@ -9,6 +9,7 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { OptionalPlugin, PublicPluginAPI, ReactHookFactory } from '@atlaskit/editor-common/types';
 import { type ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
+import { type ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../../../actions';
 import type { EventDispatcher } from '../../../event-dispatcher';
@@ -34,6 +35,7 @@ interface FullPageEditorContentAreaProps {
     providerFactory: ProviderFactory;
     wrapperElement: HTMLElement | null;
     featureFlags?: FeatureFlags;
+    viewMode: ViewMode | undefined;
     isEditorToolbarHidden?: boolean;
 }
 export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";

package/dist/types/ui/Toolbar/types.d.ts

@@ -1,2 +1,2 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from '@atlaskit/editor-common/types';

package/dist/types-ts4.5/composable-editor/hooks/useProviders.d.ts

@@ -1,6 +1,19 @@
 import type { AutoformattingProvider, CardProvider, ContextIdentifierProvider, MediaProvider } from '@atlaskit/editor-common/provider-factory';
+import type { OptionalPlugin, PublicPluginAPI } from '@atlaskit/editor-common/types';
+import type { CardPlugin } from '@atlaskit/editor-plugins/card';
+import type { ContextIdentifierPlugin } from '@atlaskit/editor-plugins/context-identifier';
+import { type CustomAutoformatPlugin } from '@atlaskit/editor-plugins/custom-autoformat';
+import { type EmojiPlugin } from '@atlaskit/editor-plugins/emoji';
+import type { MediaPlugin } from '@atlaskit/editor-plugins/media';
 import { type EmojiProvider } from '@atlaskit/emoji';
 interface UseProvidersProps {
+    editorApi: PublicPluginAPI<[
+        OptionalPlugin<ContextIdentifierPlugin>,
+        OptionalPlugin<MediaPlugin>,
+        OptionalPlugin<CardPlugin>,
+        OptionalPlugin<EmojiPlugin>,
+        OptionalPlugin<CustomAutoformatPlugin>
+    ]> | undefined;
     contextIdentifierProvider: Promise<ContextIdentifierProvider> | undefined;
     mediaProvider: Promise<MediaProvider> | undefined;
     cardProvider: Promise<CardProvider> | undefined;
@@ -15,5 +28,5 @@ interface UseProvidersProps {
  *
  * In the future ideally consumers implement this behaviour themselves.
  */
-export declare const useProviders: ({ contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, }: UseProvidersProps) => void;
+export declare const useProviders: ({ editorApi, contextIdentifierProvider, mediaProvider, cardProvider, emojiProvider, autoformattingProvider, }: UseProvidersProps) => void;
 export {};

package/dist/types-ts4.5/create-editor/ReactEditorView.d.ts

@@ -30,6 +30,7 @@ export interface EditorViewProps {
     portalProviderAPI: PortalProviderAPI;
     disabled?: boolean;
     experienceStore?: ExperienceStore;
+    editorAPI: PublicPluginAPI<any> | undefined;
     setEditorApi?: SetEditorAPI;
     render?: (props: {
         editor: JSX.Element;

package/dist/types-ts4.5/editor-appearances/FullPageEditor.d.ts

@@ -3,6 +3,7 @@ import { type EditorNextProps } from '../types/editor-props';
 export type FullPageEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValue' | 'disabled' | 'mentionProvider' | 'contextIdentifierProvider' | 'searchProvider' | 'annotationProviders' | 'collabEditProvider' | 'collabEdit' | 'taskDecisionProvider' | 'extensionProviders' | 'shouldFocus' | 'performanceTracking' | 'quickInsert' | 'secondaryToolbarComponents' | 'featureFlags' | 'trackValidTransactions' | 'primaryToolbarComponents' | 'contextPanel' | 'contentComponents' | 'primaryToolbarIconBefore' | 'sanitizePrivateContent'> & {
     onChange?: () => void;
     onEditorReady?: () => void;
+    appearance: 'full-page' | 'full-width';
 };
 /**
  * Editor component based on `ComposableEditor` which sets the `appearance` to "full-page".

package/dist/types-ts4.5/editor-appearances/FullWidthEditor.d.ts

@@ -13,5 +13,6 @@ export type FullWidthEditorProps = Pick<EditorNextProps, 'preset' | 'defaultValu
  *
  * @param props FullWidthEditorProps
  * @returns Editor component
+ * @deprecated In favour of `FullPageEditor` with appearance "full-width"
  */
 export declare function FullWidthEditor(props: FullWidthEditorProps): JSX.Element;

package/dist/types-ts4.5/ui/Appearance/Chromeless.d.ts

@@ -5,10 +5,12 @@
 import React from 'react';
 import { jsx } from '@emotion/react';
 import { type OptionalPlugin } from '@atlaskit/editor-common/types';
+import { type EditorViewModePlugin } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { MaxContentSizePlugin } from '@atlaskit/editor-plugins/max-content-size';
 import type { EditorAppearanceComponentProps } from '../../types';
 type AppearanceProps = EditorAppearanceComponentProps<[
-    OptionalPlugin<MaxContentSizePlugin>
+    OptionalPlugin<MaxContentSizePlugin>,
+    OptionalPlugin<EditorViewModePlugin>
 ]>;
 export default class Editor extends React.Component<AppearanceProps> {
     static displayName: string;

package/dist/types-ts4.5/ui/Appearance/FullPage/FullPageContentArea.d.ts

@@ -9,6 +9,7 @@ import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
 import type { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { OptionalPlugin, PublicPluginAPI, ReactHookFactory } from '@atlaskit/editor-common/types';
 import { type ContextPanelPlugin } from '@atlaskit/editor-plugins/context-panel';
+import { type ViewMode } from '@atlaskit/editor-plugins/editor-viewmode';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type EditorActions from '../../../actions';
 import type { EventDispatcher } from '../../../event-dispatcher';
@@ -36,6 +37,7 @@ interface FullPageEditorContentAreaProps {
     providerFactory: ProviderFactory;
     wrapperElement: HTMLElement | null;
     featureFlags?: FeatureFlags;
+    viewMode: ViewMode | undefined;
     isEditorToolbarHidden?: boolean;
 }
 export declare const CONTENT_AREA_TEST_ID = "ak-editor-fp-content-area";

package/dist/types-ts4.5/ui/Toolbar/types.d.ts

@@ -1,2 +1,2 @@
-export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage } from '@atlaskit/editor-common/types';
+export { ToolbarSize, ToolbarWidths, ToolbarWidthsFullPage, ToolbarWidthsFullPageNext, } from '@atlaskit/editor-common/types';
 export type { ToolbarUiComponentFactoryParams, ToolbarUIComponentFactory, } from '@atlaskit/editor-common/types';