@atlaskit/editor-core 187.31.3 → 187.31.6

package/dist/es2019/plugins/media/ui/PixelEntry/styles.js

@@ -41,4 +41,11 @@ export const pixelEntryHiddenSubmit = css`
   visibility: hidden;
   width: 0;
   height: 0;
+`;
+export const pixelSizingFullWidthLabelStyles = css`
+  min-width: ${PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH}px;
+  height: ${"var(--ds-space-300, 24px)"};
+  display: flex;
+  justify-content: center;
+  align-items: center;
 `;

package/dist/es2019/plugins/selection/gap-cursor/utils.js

@@ -1,6 +1,5 @@
-import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { TableSharedCssClassName, UnsupportedSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { Side } from './selection';
-import { UnsupportedSharedCssClassName } from '../../unsupported-content/styles';
 import { CAPTION_PLACEHOLDER_ID } from '../../media/ui/CaptionPlaceholder';
 export const isLeftCursor = side => side === Side.LEFT;
 export function getMediaNearPos(doc, $pos, schema, dir = -1) {

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

@@ -1,9 +1,8 @@
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { jsx, css, useTheme } from '@emotion/react';
-import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix } from '@atlaskit/editor-common/styles';
+import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix, unsupportedStyles } from '@atlaskit/editor-common/styles';
 import { blockNodesVerticalMargin, editorFontSize } from '@atlaskit/editor-shared-styles';
-import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
 import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
 import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';

package/dist/es2019/version-wrapper.js

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

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

@@ -34,6 +34,7 @@ import { PluginPerformanceObserver } from '../utils/performance/plugin-performan
 import { getParticipantsCount } from '../plugins/collab-edit/get-participants-count';
 import { EVENT_NAME_DISPATCH_TRANSACTION, EVENT_NAME_STATE_APPLY, EVENT_NAME_UPDATE_STATE, EVENT_NAME_VIEW_STATE_UPDATED, EVENT_NAME_ON_CHANGE, TransactionTracker } from '../utils/performance/track-transactions';
 import { countNodes as _countNodes } from '@atlaskit/editor-common/utils';
+import createPluginsList from './create-plugins-list';
 import { PROSEMIRROR_RENDERED_NORMAL_SEVERITY_THRESHOLD, PROSEMIRROR_RENDERED_DEGRADED_SEVERITY_THRESHOLD, DEFAULT_SAMPLING_RATE_VALID_TRANSACTIONS } from './consts';
 import ReactEditorViewContext from './ReactEditorViewContext';
 import { EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
@@ -753,9 +754,7 @@ export var ReactEditorView = /*#__PURE__*/function (_React$Component) {
     value:
     // Helper to allow tests to inject plugins directly
     function getPlugins(preset) {
-      var plugins = preset.build({
-        pluginInjectionAPI: this.pluginInjectionAPI
-      });
+      var plugins = createPluginsList(preset, this.props.editorProps, this.pluginInjectionAPI);
       this.editorPlugins = plugins;
       return this.editorPlugins;
     }

package/dist/esm/create-editor/create-plugins-list.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 createUniversalPreset from '../labs/next/presets/universal';
 import { GUTTER_SIZE_MOBILE_IN_PX } from '@atlaskit/editor-common/utils';
 import { isFullPage as fullPageCheck } from '../utils/is-full-page';
 import { createFeatureFlagsFromProps } from './feature-flags-from-props';
@@ -102,8 +101,7 @@ export function getDefaultPresetOptionsFromEditorProps(props, createAnalyticsEve
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export default function createPluginsList(props, prevProps) {
-  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+export default function createPluginsList(preset, props, pluginInjectionAPI) {
   var excludes = new Set();
   if (!isCodeBlockAllowed({
     allowBlockType: props.allowBlockType
@@ -111,30 +109,7 @@ export default function createPluginsList(props, prevProps) {
     excludes.add('codeBlock');
   }
   return preset.build({
+    pluginInjectionAPI: pluginInjectionAPI,
     excludePlugins: excludes
   });
-}
-function withDangerouslyAppendPlugins(preset) {
-  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
-    return plugins ? plugins.map(function (plugin) {
-      return function () {
-        return plugin;
-      };
-    }) : [];
-  }
-  return function (editorPluginsToAppend) {
-    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
-      return preset;
-    }
-    var nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
-    var presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce(function (acc, plugin) {
-      return acc.add(plugin);
-    }, preset);
-    return presetWithAppendedPlugins;
-  };
-}
-export function createPreset(props, prevProps) {
-  var _props$dangerouslyApp;
-  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
-  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
 }

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

@@ -0,0 +1,29 @@
+import createUniversalPreset from '../labs/next/presets/universal';
+import { getDefaultPresetOptionsFromEditorProps } from './create-plugins-list';
+import { createFeatureFlagsFromProps } from './feature-flags-from-props';
+// Separate file, we should not accidentally import this into the `ComposableEditor`
+// otherwise it will blow up the bundle size.
+export function createPreset(props, prevProps) {
+  var _props$dangerouslyApp;
+  var preset = createUniversalPreset(props.appearance, getDefaultPresetOptionsFromEditorProps(props), createFeatureFlagsFromProps(props), prevProps === null || prevProps === void 0 ? void 0 : prevProps.appearance);
+  return withDangerouslyAppendPlugins(preset)((_props$dangerouslyApp = props.dangerouslyAppendPlugins) === null || _props$dangerouslyApp === void 0 ? void 0 : _props$dangerouslyApp.__plugins);
+}
+function withDangerouslyAppendPlugins(preset) {
+  function createEditorNextPluginsFromDangerouslyAppended(plugins) {
+    return plugins ? plugins.map(function (plugin) {
+      return function () {
+        return plugin;
+      };
+    }) : [];
+  }
+  return function (editorPluginsToAppend) {
+    if (!editorPluginsToAppend || editorPluginsToAppend.length === 0) {
+      return preset;
+    }
+    var nextEditorPluginsToAppend = createEditorNextPluginsFromDangerouslyAppended(editorPluginsToAppend);
+    var presetWithAppendedPlugins = nextEditorPluginsToAppend.reduce(function (acc, plugin) {
+      return acc.add(plugin);
+    }, preset);
+    return presetWithAppendedPlugins;
+  };
+}

package/dist/esm/labs/next/presets/default.js

@@ -6,7 +6,7 @@ import clearMarksOnChangeToEmptyDocumentPlugin from '../../../plugins/clear-mark
 import { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
 import { textFormattingPlugin } from '@atlaskit/editor-plugin-text-formatting';
 import { widthPlugin } from '@atlaskit/editor-plugin-width';
-import unsupportedContentPlugin from '../../../plugins/unsupported-content';
+import { unsupportedContentPlugin } from '@atlaskit/editor-plugin-unsupported-content';
 import { basePlugin } from '../../../plugins/base';
 import { focusPlugin } from '@atlaskit/editor-plugin-focus';
 import { editorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';

package/dist/esm/labs/next/presets/useUniversalPreset.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useLayoutEffect, useState } from 'react';
 import { usePreviousState } from '@atlaskit/editor-common/hooks';
-import { createPreset } from '../../../create-editor/create-plugins-list';
+import { createPreset } from '../../../create-editor/create-preset';
 import { shouldRecreatePreset } from '../../../create-editor/preset-utils';
 export default function useUniversalPreset(_ref) {
   var props = _ref.props;

package/dist/esm/plugins/index.js

@@ -29,7 +29,6 @@ export { default as submitEditorPlugin } from './submit-editor';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as textColorPlugin } from './text-color';
 export { default as typeAheadPlugin } from './type-ahead';
-export { default as unsupportedContentPlugin } from './unsupported-content';
 export { default as floatingToolbarPlugin } from './floating-toolbar';
 export { default as statusPlugin } from './status';
 export { default as breakoutPlugin } from './breakout';

package/dist/esm/plugins/media/toolbar/index.js

@@ -29,7 +29,7 @@ import { MediaInlineNodeSelector, MediaSingleNodeSelector } from '../nodeviews/s
 import ImageBorderItem from '../ui/ImageBorder';
 import { currentMediaNodeBorderMark } from '../utils/current-media-node';
 import { shouldShowImageBorder } from './imageBorder';
-import { PixelEntry } from '../ui/PixelEntry';
+import { PixelEntry, FullWidthDisplay } from '../ui/PixelEntry';
 import { DEFAULT_IMAGE_WIDTH, DEFAULT_IMAGE_HEIGHT, calcMinWidth, getMaxWidthForNestedNodeNext } from '@atlaskit/editor-common/media-single';
 import { akEditorDefaultLayoutWidth, akEditorFullWidthLayoutWidth } from '@atlaskit/editor-shared-styles';
 var remove = function remove(state, dispatch) {
@@ -257,20 +257,17 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
 
     // Pixel Entry Toolbar Support
     if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing) {
+      var selectedMediaSingleNode = getSelectedMediaSingle(state);
       var sizeInput = {
         type: 'custom',
         fallback: [],
         render: function render(editorView) {
           var _widthPlugin$sharedSt2;
-          if (!editorView) {
+          if (!editorView || !selectedMediaSingleNode) {
             return null;
           }
           var state = editorView.state,
             dispatch = editorView.dispatch;
-          var selectedMediaSingleNode = getSelectedMediaSingle(state);
-          if (!selectedMediaSingleNode) {
-            return null;
-          }
           var contentWidth = (widthPlugin === null || widthPlugin === void 0 ? void 0 : (_widthPlugin$sharedSt2 = widthPlugin.sharedState.currentState()) === null || _widthPlugin$sharedSt2 === void 0 ? void 0 : _widthPlugin$sharedSt2.lineLength) || akEditorDefaultLayoutWidth;
           var selectedMediaNode = selectedMediaSingleNode.node.content.firstChild;
           if (!selectedMediaNode) {
@@ -333,7 +330,24 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         }
       };
       if (pluginState.isResizing) {
-        // If the image is resizing then only return `sizeInput` as the only toolbar item
+        // If the image is resizing
+        // then return pixel entry component or full width label as the only toolbar item
+        if (!selectedMediaSingleNode) {
+          return [];
+        }
+        var layout = selectedMediaSingleNode.node.attrs.layout;
+        if (layout === 'full-width') {
+          var fullWidthLabel = {
+            type: 'custom',
+            fallback: [],
+            render: function render() {
+              return /*#__PURE__*/React.createElement(FullWidthDisplay, {
+                intl: intl
+              });
+            }
+          };
+          return [fullWidthLabel];
+        }
         return [sizeInput];
       }
       toolbarButtons.push(sizeInput);

package/dist/esm/plugins/media/ui/PixelEntry/index.js

@@ -7,7 +7,7 @@ import Textfield from '@atlaskit/textfield';
 import Tooltip from '@atlaskit/tooltip';
 import Button from '@atlaskit/button';
 import Form, { Field } from '@atlaskit/form';
-import { pixelSizingInput, pixelSizingLabel, pixelSizingWidthInput, pixelSizingHeightInput, pixelSizingWrapper, pixelEntryForm, pixelEntryHiddenSubmit } from './styles';
+import { pixelSizingInput, pixelSizingLabel, pixelSizingWidthInput, pixelSizingHeightInput, pixelSizingWrapper, pixelEntryForm, pixelEntryHiddenSubmit, pixelSizingFullWidthLabelStyles } from './styles';
 import { messages } from './messages';
 import { PIXELENTRY_MIGRATION_BUTTON_TESTID } from './constants';
 export var PixelEntry = function PixelEntry(_ref) {
@@ -175,4 +175,10 @@ export var PixelEntry = function PixelEntry(_ref) {
       type: "submit"
     }, formatMessage(messages.submitButtonText))));
   }));
+};
+export var FullWidthDisplay = function FullWidthDisplay(_ref5) {
+  var formatMessage = _ref5.intl.formatMessage;
+  return jsx("div", {
+    css: pixelSizingFullWidthLabelStyles
+  }, jsx("span", null, formatMessage(messages.fullWidthLabel)));
 };

package/dist/esm/plugins/media/ui/PixelEntry/messages.js

@@ -30,6 +30,11 @@ export var messages = defineMessages({
     defaultMessage: 'Submit',
     description: 'The text give to the hidden submit button'
   },
+  fullWidthLabel: {
+    id: 'fabric.editor.image.fullWidthLabel',
+    defaultMessage: 'Full-width',
+    description: 'The media has reached its maximum width'
+  },
   migrationButtonText: {
     id: 'fabric.editor.media.pixelEntry.migrationButtonText',
     defaultMessage: 'Convert to pixels',

package/dist/esm/plugins/media/ui/PixelEntry/styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 import { css } from '@emotion/react';
 var PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH = 120;
 export var pixelSizingWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  grid-template-columns: 1fr 1em 1fr 0;\n  grid-template-rows: auto;\n  grid-template-areas: 'widthinput label heightinput submit';\n  width: ", "px;\n  text-align: center;\n  height: ", ";\n\n  // Atlaskit fieldset does not allow style override\n  & > * {\n    margin-top: 0 !important;\n  }\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");
@@ -8,4 +8,5 @@ export var pixelSizingInput = css(_templateObject3 || (_templateObject3 = _tagge
 export var pixelSizingLabel = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  grid-area: label;\n  line-height: ", ";\n"])), "var(--ds-space-300, 24px)");
 export var pixelSizingWidthInput = css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  grid-area: widthinput;\n"])));
 export var pixelSizingHeightInput = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  grid-area: heightinput;\n"])));
-export var pixelEntryHiddenSubmit = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  grid-area: submit;\n  visibility: hidden;\n  width: 0;\n  height: 0;\n"])));
+export var pixelEntryHiddenSubmit = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  grid-area: submit;\n  visibility: hidden;\n  width: 0;\n  height: 0;\n"])));
+export var pixelSizingFullWidthLabelStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  min-width: ", "px;\n  height: ", ";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n"])), PIXEL_SIZING_WRAPPER_MINIMUM_WIDTH, "var(--ds-space-300, 24px)");

package/dist/esm/plugins/selection/gap-cursor/utils.js

@@ -1,6 +1,5 @@
-import { TableSharedCssClassName } from '@atlaskit/editor-common/styles';
+import { TableSharedCssClassName, UnsupportedSharedCssClassName } from '@atlaskit/editor-common/styles';
 import { Side } from './selection';
-import { UnsupportedSharedCssClassName } from '../../unsupported-content/styles';
 import { CAPTION_PLACEHOLDER_ID } from '../../media/ui/CaptionPlaceholder';
 export var isLeftCursor = function isLeftCursor(side) {
   return side === Side.LEFT;

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

@@ -3,9 +3,8 @@ var _templateObject, _templateObject2, _templateObject3;
 /** @jsx jsx */
 import React, { useMemo } from 'react';
 import { jsx, css, useTheme } from '@emotion/react';
-import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix } from '@atlaskit/editor-common/styles';
+import { whitespaceSharedStyles, paragraphSharedStyles, listsSharedStyles, indentationSharedStyles, blockMarksSharedStyles, shadowSharedStyle, dateSharedStyle, tasksAndDecisionsStyles, annotationSharedStyles, smartCardSharedStyles, textColorStyles, resizerStyles, gridStyles, smartCardStyles, embedCardStyles, codeBlockInListSafariFix, unsupportedStyles } from '@atlaskit/editor-common/styles';
 import { blockNodesVerticalMargin, editorFontSize } from '@atlaskit/editor-shared-styles';
-import { unsupportedStyles } from '../../plugins/unsupported-content/styles';
 import { telepointerStyle } from '../../plugins/collab-edit/styles';
 import { gapCursorStyles } from '../../plugins/selection/gap-cursor/styles';
 import { tableStyles } from '@atlaskit/editor-plugin-table/ui/common-styles';

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.31.3";
+export var version = "187.31.6";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/create-editor/create-plugins-list.d.ts

@@ -4,7 +4,7 @@ import type { EditorPluginFeatureProps } from '../types/editor-props';
 import type { ScrollGutterPluginOptions } from '../plugins/base/pm-plugins/scroll-gutter';
 import type { DefaultPresetPluginOptions } from '../labs/next/presets/default';
 import type { EditorPresetProps } from '../labs/next/presets/types';
-import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import type { EditorPresetBuilder, EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 export declare function getScrollGutterOptions(props: EditorProps): ScrollGutterPluginOptions | undefined;
 export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): EditorPresetProps & DefaultPresetPluginOptions & EditorPluginFeatureProps;
 /**
@@ -13,5 +13,4 @@ export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProp
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export default function createPluginsList(props: EditorProps, prevProps?: EditorProps): EditorPlugin[];
-export declare function createPreset(props: EditorProps, prevProps?: EditorProps): EditorPresetBuilder<any, any>;
+export default function createPluginsList(preset: EditorPresetBuilder<any, any>, props: EditorProps, pluginInjectionAPI?: EditorPluginInjectionAPI): EditorPlugin[];

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

@@ -0,0 +1,3 @@
+import type { EditorProps } from '../types';
+import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+export declare function createPreset(props: EditorProps, prevProps?: EditorProps): EditorPresetBuilder<any, any>;

package/dist/types/plugins/base/plugin.d.ts

@@ -1,7 +1,7 @@
 import type { NextEditorPlugin } from '../../types';
 import type { ScrollGutterPluginOptions } from './pm-plugins/scroll-gutter';
 import type { InputTracking, BrowserFreezetracking } from '../../types/performance-tracking';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 export interface BasePluginOptions {
     allowScrollGutter?: ScrollGutterPluginOptions;
@@ -15,7 +15,7 @@ export type BasePluginState = {
 };
 export type BasePlugin = NextEditorPlugin<'base', {
     pluginConfiguration: BasePluginOptions | undefined;
-    dependencies: [typeof featureFlagsPlugin];
+    dependencies: [FeatureFlagsPlugin];
     sharedState: BasePluginState;
 }>;
 export declare const isChromeWithSelectionBug: any;

package/dist/types/plugins/breakout/index.d.ts

@@ -1,12 +1,12 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { BreakoutPluginState } from './types';
 interface BreakoutPluginOptions {
     allowBreakoutButton?: boolean;
 }
 declare const breakoutPlugin: NextEditorPlugin<'breakout', {
     pluginConfiguration: BreakoutPluginOptions | undefined;
-    dependencies: [typeof widthPlugin];
+    dependencies: [WidthPlugin];
     sharedState: Partial<BreakoutPluginState>;
 }>;
 export default breakoutPlugin;

package/dist/types/plugins/extension/index.d.ts

@@ -1,10 +1,10 @@
 import type { ExtensionHandlers } from '@atlaskit/editor-common/extensions';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { NextEditorPlugin, EditorAppearance, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
-import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
-import type { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { ContextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
 interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
     allowAutoSave?: boolean;
     breakoutEnabled?: boolean;
@@ -14,10 +14,10 @@ interface ExtensionPluginOptions extends LongPressSelectionPluginOptions {
 declare const extensionPlugin: NextEditorPlugin<'extension', {
     pluginConfiguration: ExtensionPluginOptions | undefined;
     dependencies: [
-        typeof featureFlagsPlugin,
-        typeof widthPlugin,
-        typeof decorationsPlugin,
-        OptionalPlugin<typeof contextPanelPlugin>
+        FeatureFlagsPlugin,
+        WidthPlugin,
+        DecorationsPlugin,
+        OptionalPlugin<ContextPanelPlugin>
     ];
 }>;
 export default extensionPlugin;

package/dist/types/plugins/extension/nodeviews/extension.d.ts

@@ -9,7 +9,7 @@ import type { ForwardRef, getPosHandler } from '../../../nodeviews';
 import ReactNodeView from '@atlaskit/editor-common/react-node-view';
 import type { PortalProviderAPI } from '@atlaskit/editor-common/portal-provider';
 import type { EventDispatcher } from '../../../event-dispatcher';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 interface ExtensionNodeViewOptions {
     appearance?: EditorAppearance;
 }
@@ -25,8 +25,8 @@ export declare class ExtensionNode extends ReactNodeView {
         providerFactory: ProviderFactory;
         extensionHandlers: ExtensionHandlers;
         extensionNodeViewOptions?: ExtensionNodeViewOptions;
-        pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
+        pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
     }, forwardRef: ForwardRef): JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

package/dist/types/plugins/extension/ui/Extension/Extension/index.d.ts

@@ -4,7 +4,7 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ExtensionProvider, ReferenceEntity } from '@atlaskit/editor-common/extensions';
 import type { ProsemirrorGetPosHandler } from '../../../../../nodeviews';
 import type { EditorAppearance } from '../../../../../types/editor-appearance';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 export interface Props {
     node: PmNode;
@@ -16,7 +16,7 @@ export interface Props {
     references?: ReferenceEntity[];
     hideFrame?: boolean;
     editorAppearance?: EditorAppearance;
-    pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
+    pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
 }
 /**
  * End workaround

package/dist/types/plugins/extension/ui/Extension/ExtensionComponent.d.ts

@@ -5,7 +5,7 @@ import { getNodeRenderer, getExtensionModuleNodePrivateProps } from '@atlaskit/e
 import type { ExtensionHandlers, ExtensionProvider, ReferenceEntity } from '@atlaskit/editor-common/extensions';
 import type { ProsemirrorGetPosHandler } from '../../../../nodeviews';
 import type { EditorAppearance } from '../../../../types/editor-appearance';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 export interface Props {
     editorView: EditorView;
@@ -16,7 +16,7 @@ export interface Props {
     extensionProvider?: Promise<ExtensionProvider>;
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
-    pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
+    pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
 }
 export interface State {
     extensionProvider?: ExtensionProvider;

package/dist/types/plugins/extension/ui/Extension/index.d.ts

@@ -5,7 +5,7 @@ import type { ExtensionHandlers, ReferenceEntity } from '@atlaskit/editor-common
 import { ProviderFactory } from '@atlaskit/editor-common/provider-factory';
 import type { ProsemirrorGetPosHandler } from '../../../../nodeviews/types';
 import type { EditorAppearance } from '../../../../types/editor-appearance';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
+import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
 import type { PluginInjectionAPIWithDependency } from '@atlaskit/editor-common/types';
 export interface Props {
     editorView: EditorView;
@@ -16,7 +16,7 @@ export interface Props {
     extensionHandlers: ExtensionHandlers;
     references?: ReferenceEntity[];
     editorAppearance?: EditorAppearance;
-    pluginInjectionApi: PluginInjectionAPIWithDependency<typeof widthPlugin> | undefined;
+    pluginInjectionApi: PluginInjectionAPIWithDependency<WidthPlugin> | undefined;
 }
 export default class Extension extends Component<Props, any> {
     static displayName: string;

package/dist/types/plugins/index.d.ts

@@ -30,7 +30,6 @@ export { default as submitEditorPlugin } from './submit-editor';
 export { default as tasksAndDecisionsPlugin } from './tasks-and-decisions';
 export { default as textColorPlugin } from './text-color';
 export { default as typeAheadPlugin } from './type-ahead';
-export { default as unsupportedContentPlugin } from './unsupported-content';
 export { default as floatingToolbarPlugin } from './floating-toolbar';
 export { default as statusPlugin } from './status';
 export { default as breakoutPlugin } from './breakout';

package/dist/types/plugins/media/next-plugin-type.d.ts

@@ -1,9 +1,9 @@
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import type { guidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import type { gridPlugin } from '@atlaskit/editor-plugin-grid';
-import type { widthPlugin } from '@atlaskit/editor-plugin-width';
-import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
+import type { GridPlugin } from '@atlaskit/editor-plugin-grid';
+import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { MediaPluginState } from './pm-plugins/types';
 import type { FloatingToolbarPlugin } from '@atlaskit/editor-plugin-floating-toolbar';
 import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
@@ -13,12 +13,12 @@ import type { MediaOptions } from './types';
 export type MediaNextEditorPluginType = NextEditorPlugin<'media', {
     pluginConfiguration: MediaOptions | undefined;
     dependencies: [
-        typeof featureFlagsPlugin,
-        OptionalPlugin<typeof analyticsPlugin>,
-        typeof guidelinePlugin,
-        typeof gridPlugin,
-        typeof widthPlugin,
-        typeof decorationsPlugin,
+        FeatureFlagsPlugin,
+        OptionalPlugin<AnalyticsPlugin>,
+        GuidelinePlugin,
+        GridPlugin,
+        WidthPlugin,
+        DecorationsPlugin,
         FloatingToolbarPlugin,
         EditorDisabledPlugin,
         FocusPlugin

package/dist/types/plugins/media/ui/PixelEntry/index.d.ts

@@ -1,4 +1,9 @@
+/// <reference types="react" />
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
+import type { IntlShape } from 'react-intl-next';
 import type { PixelEntryProps } from './types';
 export declare const PixelEntry: ({ width, mediaWidth, mediaHeight, onSubmit, validate, minWidth, maxWidth, intl: { formatMessage }, showMigration, onMigrate, }: PixelEntryProps) => jsx.JSX.Element;
+export declare const FullWidthDisplay: React.FC<{
+    intl: IntlShape;
+}>;

package/dist/types/plugins/media/ui/PixelEntry/messages.d.ts

@@ -29,6 +29,11 @@ export declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    fullWidthLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     migrationButtonText: {
         id: string;
         defaultMessage: string;

package/dist/types/plugins/media/ui/PixelEntry/styles.d.ts

@@ -5,3 +5,4 @@ export declare const pixelSizingLabel: import("@emotion/react").SerializedStyles
 export declare const pixelSizingWidthInput: import("@emotion/react").SerializedStyles;
 export declare const pixelSizingHeightInput: import("@emotion/react").SerializedStyles;
 export declare const pixelEntryHiddenSubmit: import("@emotion/react").SerializedStyles;
+export declare const pixelSizingFullWidthLabelStyles: import("@emotion/react").SerializedStyles;

package/dist/types/plugins/toolbar-lists-indentation/index.d.ts

@@ -1,6 +1,6 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
-import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { ListPlugin } from '@atlaskit/editor-plugin-list';
 import type { IndentationButtons } from './pm-plugins/indentation-buttons';
 type Config = {
@@ -10,9 +10,9 @@ type Config = {
 declare const toolbarListsIndentationPlugin: NextEditorPlugin<'toolbarListsIndentation', {
     pluginConfiguration: Config;
     dependencies: [
-        typeof featureFlagsPlugin,
+        FeatureFlagsPlugin,
         ListPlugin,
-        OptionalPlugin<typeof analyticsPlugin>
+        OptionalPlugin<AnalyticsPlugin>
     ];
     sharedState: IndentationButtons | undefined;
 }>;

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

@@ -4,7 +4,7 @@ import type { EditorPluginFeatureProps } from '../types/editor-props';
 import type { ScrollGutterPluginOptions } from '../plugins/base/pm-plugins/scroll-gutter';
 import type { DefaultPresetPluginOptions } from '../labs/next/presets/default';
 import type { EditorPresetProps } from '../labs/next/presets/types';
-import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+import type { EditorPresetBuilder, EditorPluginInjectionAPI } from '@atlaskit/editor-common/preset';
 export declare function getScrollGutterOptions(props: EditorProps): ScrollGutterPluginOptions | undefined;
 export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProps, createAnalyticsEvent?: CreateUIAnalyticsEvent): EditorPresetProps & DefaultPresetPluginOptions & EditorPluginFeatureProps;
 /**
@@ -13,5 +13,4 @@ export declare function getDefaultPresetOptionsFromEditorProps(props: EditorProp
  * Note: The order that presets are added determines
  * their placement in the editor toolbar
  */
-export default function createPluginsList(props: EditorProps, prevProps?: EditorProps): EditorPlugin[];
-export declare function createPreset(props: EditorProps, prevProps?: EditorProps): EditorPresetBuilder<any, any>;
+export default function createPluginsList(preset: EditorPresetBuilder<any, any>, props: EditorProps, pluginInjectionAPI?: EditorPluginInjectionAPI): EditorPlugin[];

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

@@ -0,0 +1,3 @@
+import type { EditorProps } from '../types';
+import type { EditorPresetBuilder } from '@atlaskit/editor-common/preset';
+export declare function createPreset(props: EditorProps, prevProps?: EditorProps): EditorPresetBuilder<any, any>;

package/dist/types-ts4.5/plugins/base/plugin.d.ts

@@ -1,7 +1,7 @@
 import type { NextEditorPlugin } from '../../types';
 import type { ScrollGutterPluginOptions } from './pm-plugins/scroll-gutter';
 import type { InputTracking, BrowserFreezetracking } from '../../types/performance-tracking';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { ContextIdentifierProvider } from '@atlaskit/editor-common/provider-factory';
 export interface BasePluginOptions {
     allowScrollGutter?: ScrollGutterPluginOptions;
@@ -16,7 +16,7 @@ export type BasePluginState = {
 export type BasePlugin = NextEditorPlugin<'base', {
     pluginConfiguration: BasePluginOptions | undefined;
     dependencies: [
-        typeof featureFlagsPlugin
+        FeatureFlagsPlugin
     ];
     sharedState: BasePluginState;
 }>;