@atlaskit/editor-core 187.35.1 → 187.35.3

package/CHANGELOG.md

@@ -1,5 +1,29 @@
 # @atlaskit/editor-core
 
+## 187.35.3
+
+### Patch Changes
+
+- [`1a4a64498ae`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1a4a64498ae) - fix media floating toolbar cut off issue on align right and wrap right
+
+## 187.35.2
+
+### Patch Changes
+
+- [`6acf9830b36`](https://bitbucket.org/atlassian/atlassian-frontend/commits/6acf9830b36) - Update feature flags plugin
+  (@atlaskit/editor-plugin-feature-flags) to use a named export
+  rather than default export to match other plugins.
+
+  ```ts
+  // Before
+  import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+
+  // After
+  import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
+  ```
+
+- Updated dependencies
+
 ## 187.35.1
 
 ### Patch Changes

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

@@ -19,7 +19,7 @@ var _editorPluginEditorDisabled = require("@atlaskit/editor-plugin-editor-disabl
 var _typeAhead = _interopRequireDefault(require("../../../plugins/type-ahead"));
 var _submitEditor = _interopRequireDefault(require("../../../plugins/submit-editor"));
 var _fakeTextCursor = _interopRequireDefault(require("../../../plugins/fake-text-cursor"));
-var _editorPluginFeatureFlags = _interopRequireDefault(require("@atlaskit/editor-plugin-feature-flags"));
+var _editorPluginFeatureFlags = require("@atlaskit/editor-plugin-feature-flags");
 var _floatingToolbar = _interopRequireDefault(require("../../../plugins/floating-toolbar"));
 var _clipboard = _interopRequireDefault(require("../../../plugins/clipboard"));
 var _plugins = require("../../../plugins");
@@ -42,7 +42,7 @@ var _preset = require("@atlaskit/editor-common/preset");
  * their placement in the editor toolbar
  */
 function createDefaultPreset(options) {
-  var preset = new _preset.EditorPresetBuilder().add([_editorPluginFeatureFlags.default, options.featureFlags || {}]).maybeAdd(_editorPluginAnalytics.analyticsPlugin, function (plugin, builder) {
+  var preset = new _preset.EditorPresetBuilder().add([_editorPluginFeatureFlags.featureFlagsPlugin, options.featureFlags || {}]).maybeAdd(_editorPluginAnalytics.analyticsPlugin, function (plugin, builder) {
     if (options.allowAnalyticsGASV3) {
       var performanceTracking = options.performanceTracking,
         createAnalyticsEvent = options.createAnalyticsEvent;

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

@@ -449,6 +449,7 @@ var floatingToolbar = function floatingToolbar(state, intl) {
     allowAltTextOnImages = options.allowAltTextOnImages,
     providerFactory = options.providerFactory,
     allowMediaInline = options.allowMediaInline,
+    allowResizing = options.allowResizing,
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var mediaPluginState = _pluginKey.stateKey.getState(state);
   var mediaLinkingState = (0, _linking2.getMediaLinkingState)(state);
@@ -512,9 +513,15 @@ var floatingToolbar = function floatingToolbar(state, intl) {
     };
     items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags);
   }
-  return _objectSpread(_objectSpread({}, baseToolbar), {}, {
+  var toolbarConfig = _objectSpread(_objectSpread({}, baseToolbar), {}, {
     items: items,
     scrollable: true
   });
+  if ((0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.extended-resize-experience') && allowResizing) {
+    return _objectSpread(_objectSpread({}, toolbarConfig), {}, {
+      width: mediaPluginState.isResizing ? undefined : (0, _utils2.getMaxToolbarWidth)()
+    });
+  }
+  return toolbarConfig;
 };
 exports.floatingToolbar = floatingToolbar;

package/dist/cjs/plugins/media/toolbar/utils.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.removeMediaGroupNode = exports.getSelectedMediaSingle = exports.getSelectedMediaContainerNodeAttrs = exports.getPixelWidthOfElement = exports.downloadMedia = exports.calcNewLayout = void 0;
+exports.removeMediaGroupNode = exports.getSelectedMediaSingle = exports.getSelectedMediaContainerNodeAttrs = exports.getPixelWidthOfElement = exports.getMaxToolbarWidth = exports.downloadMedia = exports.calcNewLayout = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _mediaClient = require("@atlaskit/media-client");
@@ -101,4 +101,17 @@ var calcNewLayout = function calcNewLayout(width, layout, contentWidth) {
   }
   return isWrappedLayout && width !== contentWidth ? layout : 'center';
 };
-exports.calcNewLayout = calcNewLayout;
+exports.calcNewLayout = calcNewLayout;
+var maxToolbarFitWidth = 0;
+var getMaxToolbarWidth = function getMaxToolbarWidth() {
+  var toolbar = document.querySelector("div[aria-label=\"Media floating controls\"]");
+  var toolbarWidth = toolbar === null || toolbar === void 0 ? void 0 : toolbar.getBoundingClientRect().width;
+  if (!toolbar) {
+    maxToolbarFitWidth = 0;
+  }
+  if (toolbarWidth && toolbarWidth > maxToolbarFitWidth) {
+    maxToolbarFitWidth = toolbarWidth;
+  }
+  return maxToolbarFitWidth;
+};
+exports.getMaxToolbarWidth = getMaxToolbarWidth;

package/dist/cjs/version-wrapper.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.version = exports.nextMajorVersion = exports.name = void 0;
 var name = "@atlaskit/editor-core";
 exports.name = name;
-var version = "187.35.1";
+var version = "187.35.3";
 exports.version = version;
 var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');

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

@@ -13,7 +13,7 @@ import { editorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import typeAheadPlugin from '../../../plugins/type-ahead';
 import submitEditorPlugin from '../../../plugins/submit-editor';
 import fakeTextCursorPlugin from '../../../plugins/fake-text-cursor';
-import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import floatingToolbarPlugin from '../../../plugins/floating-toolbar';
 import clipboardPlugin from '../../../plugins/clipboard';
 import { analyticsPlugin as deprecatedAnalyticsPlugin } from '../../../plugins';

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

@@ -18,7 +18,7 @@ import { messages } from '@atlaskit/media-ui';
 import { cardMessages } from '@atlaskit/editor-common/messages';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { FilePreviewItem } from './filePreviewItem';
-import { downloadMedia, getSelectedMediaSingle, removeMediaGroupNode, getPixelWidthOfElement, calcNewLayout } from './utils';
+import { downloadMedia, getSelectedMediaSingle, removeMediaGroupNode, getPixelWidthOfElement, calcNewLayout, getMaxToolbarWidth } from './utils';
 import { isVideo } from '../utils/media-single';
 import { changeInlineToMediaCard, changeMediaCardToInline, removeInlineCard, setBorderMark, toggleBorderMark } from './commands';
 import { MediaInlineNodeSelector, MediaSingleNodeSelector } from '../nodeviews/styles';
@@ -466,6 +466,7 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
     allowAltTextOnImages,
     providerFactory,
     allowMediaInline,
+    allowResizing,
     getEditorFeatureFlags
   } = options;
   const mediaPluginState = stateKey.getState(state);
@@ -529,9 +530,16 @@ export const floatingToolbar = (state, intl, options = {}, pluginInjectionApi) =
     };
     items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags);
   }
-  return {
+  const toolbarConfig = {
     ...baseToolbar,
     items,
     scrollable: true
   };
+  if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing) {
+    return {
+      ...toolbarConfig,
+      width: mediaPluginState.isResizing ? undefined : getMaxToolbarWidth()
+    };
+  }
+  return toolbarConfig;
 };

package/dist/es2019/plugins/media/toolbar/utils.js

@@ -71,4 +71,16 @@ export const calcNewLayout = (width, layout, contentWidth, fullWidthMode = false
     return 'wide';
   }
   return isWrappedLayout && width !== contentWidth ? layout : 'center';
+};
+let maxToolbarFitWidth = 0;
+export const getMaxToolbarWidth = () => {
+  const toolbar = document.querySelector(`div[aria-label="Media floating controls"]`);
+  const toolbarWidth = toolbar === null || toolbar === void 0 ? void 0 : toolbar.getBoundingClientRect().width;
+  if (!toolbar) {
+    maxToolbarFitWidth = 0;
+  }
+  if (toolbarWidth && toolbarWidth > maxToolbarFitWidth) {
+    maxToolbarFitWidth = toolbarWidth;
+  }
+  return maxToolbarFitWidth;
 };

package/dist/es2019/version-wrapper.js

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

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

@@ -13,7 +13,7 @@ import { editorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
 import typeAheadPlugin from '../../../plugins/type-ahead';
 import submitEditorPlugin from '../../../plugins/submit-editor';
 import fakeTextCursorPlugin from '../../../plugins/fake-text-cursor';
-import featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import { featureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import floatingToolbarPlugin from '../../../plugins/floating-toolbar';
 import clipboardPlugin from '../../../plugins/clipboard';
 import { analyticsPlugin as deprecatedAnalyticsPlugin } from '../../../plugins';

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

@@ -22,7 +22,7 @@ import { messages } from '@atlaskit/media-ui';
 import { cardMessages } from '@atlaskit/editor-common/messages';
 import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { FilePreviewItem } from './filePreviewItem';
-import { downloadMedia, getSelectedMediaSingle, removeMediaGroupNode, getPixelWidthOfElement, calcNewLayout } from './utils';
+import { downloadMedia, getSelectedMediaSingle, removeMediaGroupNode, getPixelWidthOfElement, calcNewLayout, getMaxToolbarWidth } from './utils';
 import { isVideo } from '../utils/media-single';
 import { changeInlineToMediaCard, changeMediaCardToInline, removeInlineCard, setBorderMark, toggleBorderMark } from './commands';
 import { MediaInlineNodeSelector, MediaSingleNodeSelector } from '../nodeviews/styles';
@@ -442,6 +442,7 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     allowAltTextOnImages = options.allowAltTextOnImages,
     providerFactory = options.providerFactory,
     allowMediaInline = options.allowMediaInline,
+    allowResizing = options.allowResizing,
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var mediaPluginState = stateKey.getState(state);
   var mediaLinkingState = getMediaLinkingState(state);
@@ -505,8 +506,14 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     };
     items = generateMediaSingleFloatingToolbar(state, intl, options, mediaPluginState, mediaLinkingState, pluginInjectionApi, getEditorFeatureFlags);
   }
-  return _objectSpread(_objectSpread({}, baseToolbar), {}, {
+  var toolbarConfig = _objectSpread(_objectSpread({}, baseToolbar), {}, {
     items: items,
     scrollable: true
   });
+  if (getBooleanFF('platform.editor.media.extended-resize-experience') && allowResizing) {
+    return _objectSpread(_objectSpread({}, toolbarConfig), {}, {
+      width: mediaPluginState.isResizing ? undefined : getMaxToolbarWidth()
+    });
+  }
+  return toolbarConfig;
 };

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

@@ -88,4 +88,16 @@ export var calcNewLayout = function calcNewLayout(width, layout, contentWidth) {
     return 'wide';
   }
   return isWrappedLayout && width !== contentWidth ? layout : 'center';
+};
+var maxToolbarFitWidth = 0;
+export var getMaxToolbarWidth = function getMaxToolbarWidth() {
+  var toolbar = document.querySelector("div[aria-label=\"Media floating controls\"]");
+  var toolbarWidth = toolbar === null || toolbar === void 0 ? void 0 : toolbar.getBoundingClientRect().width;
+  if (!toolbar) {
+    maxToolbarFitWidth = 0;
+  }
+  if (toolbarWidth && toolbarWidth > maxToolbarFitWidth) {
+    maxToolbarFitWidth = toolbarWidth;
+  }
+  return maxToolbarFitWidth;
 };

package/dist/esm/version-wrapper.js

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

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

@@ -1,7 +1,7 @@
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsEventPayload } from './types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { PerformanceTracking } from '../../types/performance-tracking';
 import type { analyticsPlugin as newAnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 interface AnalyticsPluginOptions {
@@ -16,7 +16,7 @@ interface AnalyticsPluginOptions {
  */
 declare const analyticsPlugin: NextEditorPlugin<'deprecatedAnalytics', {
     pluginConfiguration: AnalyticsPluginOptions;
-    dependencies: [typeof featureFlagsPlugin, typeof newAnalyticsPlugin];
+    dependencies: [FeatureFlagsPlugin, typeof newAnalyticsPlugin];
 }>;
 export declare function extendPayload({ payload, duration, distortedDuration, }: {
     payload: AnalyticsEventPayload;

package/dist/types/plugins/avatar-group/index.d.ts

@@ -1,12 +1,12 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 type Config = {
     collabEdit?: CollabEditOptions;
     takeFullWidth: boolean;
 };
 declare const avatarGroup: NextEditorPlugin<'avatarGroup', {
     pluginConfiguration: Config;
-    dependencies: [typeof featureFlagsPlugin];
+    dependencies: [FeatureFlagsPlugin];
 }>;
 export default avatarGroup;

package/dist/types/plugins/collab-edit/index.d.ts

@@ -1,14 +1,11 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import { pluginKey } from './plugin';
 import type { PrivateCollabEditOptions } from './types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 export { pluginKey };
 declare const collabEditPlugin: NextEditorPlugin<'collabEdit', {
     pluginConfiguration: PrivateCollabEditOptions;
-    dependencies: [
-        typeof featureFlagsPlugin,
-        OptionalPlugin<typeof analyticsPlugin>
-    ];
+    dependencies: [FeatureFlagsPlugin, OptionalPlugin<typeof analyticsPlugin>];
 }>;
 export default collabEditPlugin;

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

@@ -1,6 +1,6 @@
 import type { NextEditorPlugin, EditorProps } from '../../types';
 import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
     allowInsertion?: boolean;
@@ -8,7 +8,7 @@ interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
 }
 declare const expandPlugin: NextEditorPlugin<'expand', {
     pluginConfiguration: ExpandPluginOptions | undefined;
-    dependencies: [typeof featureFlagsPlugin, typeof decorationsPlugin];
+    dependencies: [FeatureFlagsPlugin, typeof decorationsPlugin];
 }>;
 interface ExpandEditorProps {
     allowExpand?: EditorProps['allowExpand'];

package/dist/types/plugins/find-replace/index.d.ts

@@ -1,11 +1,11 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 type Config = {
     takeFullWidth: boolean;
     twoLineEditorToolbar: boolean;
 };
 export declare const findReplacePlugin: NextEditorPlugin<'findReplace', {
     pluginConfiguration: Config;
-    dependencies: [typeof featureFlagsPlugin];
+    dependencies: [FeatureFlagsPlugin];
 }>;
 export default findReplacePlugin;

package/dist/types/plugins/insert-block/types.d.ts

@@ -4,7 +4,7 @@ import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import type datePlugin from '../date';
 import type { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type mentionsPlugin from '../mentions';
 import type quickInsertPlugin from '../quick-insert';
@@ -12,7 +12,7 @@ import type blockTypePlugin from '../block-type';
 import type codeBlockPlugin from '../code-block';
 import type panelPlugin from '../panel';
 export type InsertBlockPluginDependencies = [
-    typeof featureFlagsPlugin,
+    FeatureFlagsPlugin,
     OptionalPlugin<typeof tablesPlugin>,
     OptionalPlugin<typeof hyperlinkPlugin>,
     OptionalPlugin<typeof datePlugin>,

package/dist/types/plugins/media/toolbar/utils.d.ts

@@ -8,3 +8,4 @@ export declare const removeMediaGroupNode: (state: EditorState) => import("prose
 export declare const getSelectedMediaSingle: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;
 export declare const getPixelWidthOfElement: (editorView: EditorView, pos: number, mediaWidth: number) => number;
 export declare const calcNewLayout: (width: number, layout: RichMediaLayout, contentWidth: number, fullWidthMode?: boolean) => RichMediaLayout;
+export declare const getMaxToolbarWidth: () => number;

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

@@ -1,6 +1,6 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { CardOptions } from '@atlaskit/editor-common/card';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { cardPlugin } from '@atlaskit/editor-plugin-card';
 import type betterTypeHistoryPlugin from '../better-type-history';
 import type { listPlugin } from '@atlaskit/editor-plugin-list';
@@ -12,7 +12,7 @@ export type PastePluginOptions = {
 declare const pastePlugin: NextEditorPlugin<'paste', {
     pluginConfiguration: PastePluginOptions;
     dependencies: [
-        typeof featureFlagsPlugin,
+        FeatureFlagsPlugin,
         OptionalPlugin<typeof listPlugin>,
         typeof betterTypeHistoryPlugin,
         OptionalPlugin<typeof cardPlugin>,

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

@@ -1,7 +1,7 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 declare const rulePlugin: NextEditorPlugin<'rule', {
     pluginConfiguration: undefined;
-    dependencies: [typeof featureFlagsPlugin];
+    dependencies: [FeatureFlagsPlugin];
 }>;
 export default rulePlugin;

package/dist/types/plugins/text-color/index.d.ts

@@ -1,11 +1,11 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { TextColorPluginConfig, TextColorPluginState } from './pm-plugins/main';
 import { pluginKey as textColorPluginKey } from './pm-plugins/main';
 type Config = TextColorPluginConfig | boolean;
 declare const textColorPlugin: NextEditorPlugin<'textColor', {
     pluginConfiguration: Config | undefined;
-    dependencies: [typeof featureFlagsPlugin];
+    dependencies: [FeatureFlagsPlugin];
 }>;
 export { textColorPluginKey };
 export type { TextColorPluginState };

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

@@ -1,7 +1,7 @@
 import type { CreateUIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsEventPayload } from './types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { PerformanceTracking } from '../../types/performance-tracking';
 import type { analyticsPlugin as newAnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 interface AnalyticsPluginOptions {
@@ -17,7 +17,7 @@ interface AnalyticsPluginOptions {
 declare const analyticsPlugin: NextEditorPlugin<'deprecatedAnalytics', {
     pluginConfiguration: AnalyticsPluginOptions;
     dependencies: [
-        typeof featureFlagsPlugin,
+        FeatureFlagsPlugin,
         typeof newAnalyticsPlugin
     ];
 }>;

package/dist/types-ts4.5/plugins/avatar-group/index.d.ts

@@ -1,6 +1,6 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
 import type { CollabEditOptions } from '@atlaskit/editor-common/collab';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 type Config = {
     collabEdit?: CollabEditOptions;
     takeFullWidth: boolean;
@@ -8,7 +8,7 @@ type Config = {
 declare const avatarGroup: NextEditorPlugin<'avatarGroup', {
     pluginConfiguration: Config;
     dependencies: [
-        typeof featureFlagsPlugin
+        FeatureFlagsPlugin
     ];
 }>;
 export default avatarGroup;

package/dist/types-ts4.5/plugins/collab-edit/index.d.ts

@@ -1,13 +1,13 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import { pluginKey } from './plugin';
 import type { PrivateCollabEditOptions } from './types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 export { pluginKey };
 declare const collabEditPlugin: NextEditorPlugin<'collabEdit', {
     pluginConfiguration: PrivateCollabEditOptions;
     dependencies: [
-        typeof featureFlagsPlugin,
+        FeatureFlagsPlugin,
         OptionalPlugin<typeof analyticsPlugin>
     ];
 }>;

package/dist/types-ts4.5/plugins/expand/index.d.ts

@@ -1,6 +1,6 @@
 import type { NextEditorPlugin, EditorProps } from '../../types';
 import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
     allowInsertion?: boolean;
@@ -9,7 +9,7 @@ interface ExpandPluginOptions extends LongPressSelectionPluginOptions {
 declare const expandPlugin: NextEditorPlugin<'expand', {
     pluginConfiguration: ExpandPluginOptions | undefined;
     dependencies: [
-        typeof featureFlagsPlugin,
+        FeatureFlagsPlugin,
         typeof decorationsPlugin
     ];
 }>;

package/dist/types-ts4.5/plugins/find-replace/index.d.ts

@@ -1,5 +1,5 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 type Config = {
     takeFullWidth: boolean;
     twoLineEditorToolbar: boolean;
@@ -7,7 +7,7 @@ type Config = {
 export declare const findReplacePlugin: NextEditorPlugin<'findReplace', {
     pluginConfiguration: Config;
     dependencies: [
-        typeof featureFlagsPlugin
+        FeatureFlagsPlugin
     ];
 }>;
 export default findReplacePlugin;

package/dist/types-ts4.5/plugins/insert-block/types.d.ts

@@ -4,7 +4,7 @@ import type { EmojiPlugin } from '@atlaskit/editor-plugin-emoji';
 import type datePlugin from '../date';
 import type { tablesPlugin } from '@atlaskit/editor-plugin-table';
 import type { hyperlinkPlugin } from '@atlaskit/editor-plugin-hyperlink';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { analyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type mentionsPlugin from '../mentions';
 import type quickInsertPlugin from '../quick-insert';
@@ -12,7 +12,7 @@ import type blockTypePlugin from '../block-type';
 import type codeBlockPlugin from '../code-block';
 import type panelPlugin from '../panel';
 export type InsertBlockPluginDependencies = [
-    typeof featureFlagsPlugin,
+    FeatureFlagsPlugin,
     OptionalPlugin<typeof tablesPlugin>,
     OptionalPlugin<typeof hyperlinkPlugin>,
     OptionalPlugin<typeof datePlugin>,

package/dist/types-ts4.5/plugins/media/toolbar/utils.d.ts

@@ -8,3 +8,4 @@ export declare const removeMediaGroupNode: (state: EditorState) => import("prose
 export declare const getSelectedMediaSingle: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;
 export declare const getPixelWidthOfElement: (editorView: EditorView, pos: number, mediaWidth: number) => number;
 export declare const calcNewLayout: (width: number, layout: RichMediaLayout, contentWidth: number, fullWidthMode?: boolean) => RichMediaLayout;
+export declare const getMaxToolbarWidth: () => number;

package/dist/types-ts4.5/plugins/paste/index.d.ts

@@ -1,6 +1,6 @@
 import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { CardOptions } from '@atlaskit/editor-common/card';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { cardPlugin } from '@atlaskit/editor-plugin-card';
 import type betterTypeHistoryPlugin from '../better-type-history';
 import type { listPlugin } from '@atlaskit/editor-plugin-list';
@@ -12,7 +12,7 @@ export type PastePluginOptions = {
 declare const pastePlugin: NextEditorPlugin<'paste', {
     pluginConfiguration: PastePluginOptions;
     dependencies: [
-        typeof featureFlagsPlugin,
+        FeatureFlagsPlugin,
         OptionalPlugin<typeof listPlugin>,
         typeof betterTypeHistoryPlugin,
         OptionalPlugin<typeof cardPlugin>,

package/dist/types-ts4.5/plugins/rule/index.d.ts

@@ -1,9 +1,9 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 declare const rulePlugin: NextEditorPlugin<'rule', {
     pluginConfiguration: undefined;
     dependencies: [
-        typeof featureFlagsPlugin
+        FeatureFlagsPlugin
     ];
 }>;
 export default rulePlugin;

package/dist/types-ts4.5/plugins/text-color/index.d.ts

@@ -1,12 +1,12 @@
 import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
-import type featureFlagsPlugin from '@atlaskit/editor-plugin-feature-flags';
+import type { FeatureFlagsPlugin } from '@atlaskit/editor-plugin-feature-flags';
 import type { TextColorPluginConfig, TextColorPluginState } from './pm-plugins/main';
 import { pluginKey as textColorPluginKey } from './pm-plugins/main';
 type Config = TextColorPluginConfig | boolean;
 declare const textColorPlugin: NextEditorPlugin<'textColor', {
     pluginConfiguration: Config | undefined;
     dependencies: [
-        typeof featureFlagsPlugin
+        FeatureFlagsPlugin
     ];
 }>;
 export { textColorPluginKey };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.35.1",
+  "version": "187.35.3",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -67,7 +67,7 @@
     "@atlaskit/editor-plugin-decorations": "^0.2.0",
     "@atlaskit/editor-plugin-editor-disabled": "^0.2.0",
     "@atlaskit/editor-plugin-emoji": "^0.3.0",
-    "@atlaskit/editor-plugin-feature-flags": "^0.2.0",
+    "@atlaskit/editor-plugin-feature-flags": "^1.0.0",
     "@atlaskit/editor-plugin-floating-toolbar": "^0.4.0",
     "@atlaskit/editor-plugin-focus": "^0.2.0",
     "@atlaskit/editor-plugin-grid": "^0.2.0",