@atlaskit/editor-plugin-media 0.6.2 → 0.6.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-media
 
+## 0.6.4
+
+### Patch Changes
+
+- [#60029](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/60029) [`b9826ea49c47`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b9826ea49c47) - Update dependencies that were impacted by HOT-106483 to latest.
+
+## 0.6.3
+
+### Patch Changes
+
+- [#59409](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59409) [`e37f95e368fd`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e37f95e368fd) - Refactor code to use allowInlineImages plugin state instead of FF check
+
 ## 0.6.2
 
 ### Patch Changes

package/dist/cjs/nodeviews/mediaInline.js

@@ -24,6 +24,7 @@ var _selectionBasedNodeView = require("@atlaskit/editor-common/selection-based-n
 var _mediaCard = require("@atlaskit/media-card");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaUi = require("@atlaskit/media-ui");
+var _isType = require("../utils/is-type");
 var _mediaNodeUpdater = require("./mediaNodeUpdater");
 var _styles = require("./styles");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -183,7 +184,8 @@ var MediaInline = exports.MediaInline = function MediaInline(props) {
       isSelected: false
     });
   }
-  if ((0, _mediaInline.shouldShowInlineImage)(type)) {
+  var allowInlineImages = props.mediaPluginState.allowInlineImages;
+  if (allowInlineImages && (0, _isType.isImage)(type)) {
     return /*#__PURE__*/_react.default.createElement(_mediaInline.MediaInlineImageCard, {
       mediaClient: (0, _mediaClientReact.getMediaClient)(viewMediaClientConfig),
       identifier: identifier,

package/dist/cjs/pm-plugins/main.js

@@ -244,7 +244,7 @@ var MediaPluginStateImplementation = exports.MediaPluginStateImplementation = /*
       }
       switch ((0, _mediaInline.getMediaNodeInsertionType)(state, (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags, mediaStateWithContext.fileMimeType)) {
         case 'inline':
-          (0, _mediaFiles.insertMediaInlineNode)(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
+          (0, _mediaFiles.insertMediaInlineNode)(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.allowInlineImages, _this.getInputMethod(pickerType));
           break;
         case 'block':
           // read width state right before inserting to get up-to-date and define values

package/dist/cjs/toolbar/mediaInline.js

@@ -8,12 +8,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.getMediaInlineImageToolbar = exports.generateMediaInlineFloatingToolbar = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _card = require("@atlaskit/editor-common/card");
-var _mediaInline = require("@atlaskit/editor-common/media-inline");
 var _messages = _interopRequireWildcard(require("@atlaskit/editor-common/messages"));
 var _state = require("@atlaskit/editor-prosemirror/state");
 var _download = _interopRequireDefault(require("@atlaskit/icon/glyph/download"));
 var _remove = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/remove"));
 var _mediaUi = require("@atlaskit/media-ui");
+var _isType = require("../utils/is-type");
 var _commands = require("./commands");
 var _filePreviewItem = require("./filePreviewItem");
 var _utils = require("./utils");
@@ -25,7 +25,7 @@ var generateMediaInlineFloatingToolbar = exports.generateMediaInlineFloatingTool
   var widthPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$w = pluginInjectionApi.width) === null || _pluginInjectionApi$w === void 0 ? void 0 : _pluginInjectionApi$w.sharedState.currentState();
   var mediaInline = state.schema.nodes.mediaInline;
   var mediaType = state.selection instanceof _state.NodeSelection && state.selection.node.attrs.type;
-  if ((0, _mediaInline.shouldShowInlineImage)(mediaType)) {
+  if (mediaPluginState.allowInlineImages && (0, _isType.isImage)(mediaType)) {
     return getMediaInlineImageToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, widthPluginState);
   }
   var items = [{

package/dist/cjs/utils/is-type.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isVideo = exports.isImage = void 0;
-var isImage = exports.isImage = function isImage(fileType) {
-  return !!fileType && (fileType.indexOf('image/') > -1 || fileType.indexOf('video/') > -1);
+var isImage = exports.isImage = function isImage(type) {
+  return !!type && (type.indexOf('image/') > -1 || type.indexOf('video/') > -1 || type === 'image');
 };
 var isVideo = exports.isVideo = function isVideo(fileType) {
   return !!fileType && fileType.includes('video/');

package/dist/cjs/utils/media-files.js

@@ -10,7 +10,6 @@ var _selection = require("@atlaskit/editor-common/selection");
 var _utils = require("@atlaskit/editor-common/utils");
 var _model = require("@atlaskit/editor-prosemirror/model");
 var _utils2 = require("@atlaskit/editor-prosemirror/utils");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _isType = require("./is-type");
 var _mediaCommon = require("./media-common");
 var canInsertMediaInline = exports.canInsertMediaInline = function canInsertMediaInline(state) {
@@ -77,10 +76,11 @@ function shouldAppendParagraph(state, node) {
  * Create a new media inline to insert the new media.
  * @param view Editor view
  * @param mediaState Media file to be added to the editor
+ * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
 var insertMediaInlineNode = exports.insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
-  return function (view, mediaState, collection, inputMethod) {
+  return function (view, mediaState, collection, allowInlineImages, inputMethod) {
     var state = view.state,
       dispatch = view.dispatch;
     var schema = state.schema,
@@ -99,9 +99,7 @@ var insertMediaInlineNode = exports.insertMediaInlineNode = function insertMedia
       id: id,
       collection: collection
     };
-    if (
-    // TODO: replace it with new shouldShowInlineImage
-    (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.inline-image.base-support') && (0, _isType.isImage)(mediaState.fileMimeType)) {
+    if (allowInlineImages && (0, _isType.isImage)(mediaState.fileMimeType)) {
       var _ref = dimensions || {
           width: undefined,
           height: undefined

package/dist/es2019/nodeviews/mediaInline.js

@@ -1,11 +1,12 @@
 import React, { useEffect, useState } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { MediaInlineImageCard, shouldShowInlineImage } from '@atlaskit/editor-common/media-inline';
+import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { MediaInlineCard } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
+import { isImage } from '../utils/is-type';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 import { MediaInlineNodeSelector } from './styles';
 export const createMediaNodeUpdater = props => {
@@ -110,7 +111,10 @@ export const MediaInline = props => {
       isSelected: false
     });
   }
-  if (shouldShowInlineImage(type)) {
+  const {
+    allowInlineImages
+  } = props.mediaPluginState;
+  if (allowInlineImages && isImage(type)) {
     return /*#__PURE__*/React.createElement(MediaInlineImageCard, {
       mediaClient: getMediaClient(viewMediaClientConfig),
       identifier: identifier,

package/dist/es2019/pm-plugins/main.js

@@ -175,7 +175,7 @@ export class MediaPluginStateImplementation {
       }
       switch (getMediaNodeInsertionType(state, (_this$mediaOptions2 = this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags, mediaStateWithContext.fileMimeType)) {
         case 'inline':
-          insertMediaInlineNode(editorAnalyticsAPI)(this.view, mediaStateWithContext, collection, this.getInputMethod(pickerType));
+          insertMediaInlineNode(editorAnalyticsAPI)(this.view, mediaStateWithContext, collection, this.allowInlineImages, this.getInputMethod(pickerType));
           break;
         case 'block':
           // read width state right before inserting to get up-to-date and define values

package/dist/es2019/toolbar/mediaInline.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { IconEmbed, IconInline } from '@atlaskit/editor-common/card';
-import { shouldShowInlineImage } from '@atlaskit/editor-common/media-inline';
 import commonMessages, { cardMessages, mediaAndEmbedToolbarMessages } from '@atlaskit/editor-common/messages';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { messages } from '@atlaskit/media-ui';
+import { isImage } from '../utils/is-type';
 import { changeInlineToMediaCard, changeMediaInlineToMediaSingle, removeInlineCard } from './commands';
 import { FilePreviewItem } from './filePreviewItem';
 import { downloadMedia } from './utils';
@@ -17,7 +17,7 @@ export const generateMediaInlineFloatingToolbar = (state, intl, mediaPluginState
     mediaInline
   } = state.schema.nodes;
   const mediaType = state.selection instanceof NodeSelection && state.selection.node.attrs.type;
-  if (shouldShowInlineImage(mediaType)) {
+  if (mediaPluginState.allowInlineImages && isImage(mediaType)) {
     return getMediaInlineImageToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, widthPluginState);
   }
   const items = [{

package/dist/es2019/utils/is-type.js

@@ -1,5 +1,5 @@
-export const isImage = fileType => {
-  return !!fileType && (fileType.indexOf('image/') > -1 || fileType.indexOf('video/') > -1);
+export const isImage = type => {
+  return !!type && (type.indexOf('image/') > -1 || type.indexOf('video/') > -1 || type === 'image');
 };
 export const isVideo = fileType => {
   return !!fileType && fileType.includes('video/');

package/dist/es2019/utils/media-files.js

@@ -4,7 +4,6 @@ import { atTheBeginningOfBlock, atTheEndOfBlock, atTheEndOfDoc, endPositionOfPar
 import { findFarthestParentNode, insideTableCell, isInLayoutColumn, isInListItem, isSupportedInParent, setNodeSelection, setTextSelection } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { canInsert, hasParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { isImage } from './is-type';
 import { copyOptionalAttrsFromMediaState, isInsidePotentialEmptyParagraph, isSelectionNonMediaBlockNode, posOfMediaGroupNearby, posOfParentMediaGroup, posOfPrecedingMediaGroup } from './media-common';
 export const canInsertMediaInline = state => {
@@ -79,9 +78,10 @@ function shouldAppendParagraph(state, node) {
  * Create a new media inline to insert the new media.
  * @param view Editor view
  * @param mediaState Media file to be added to the editor
+ * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
-export const insertMediaInlineNode = editorAnalyticsAPI => (view, mediaState, collection, inputMethod) => {
+export const insertMediaInlineNode = editorAnalyticsAPI => (view, mediaState, collection, allowInlineImages, inputMethod) => {
   const {
     state,
     dispatch
@@ -107,9 +107,7 @@ export const insertMediaInlineNode = editorAnalyticsAPI => (view, mediaState, co
     id,
     collection
   };
-  if (
-  // TODO: replace it with new shouldShowInlineImage
-  getBooleanFF('platform.editor.media.inline-image.base-support') && isImage(mediaState.fileMimeType)) {
+  if (allowInlineImages && isImage(mediaState.fileMimeType)) {
     const {
       width,
       height

package/dist/esm/nodeviews/mediaInline.js

@@ -14,12 +14,13 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import React, { useEffect, useState } from 'react';
 import { useSharedPluginState } from '@atlaskit/editor-common/hooks';
-import { MediaInlineImageCard, shouldShowInlineImage } from '@atlaskit/editor-common/media-inline';
+import { MediaInlineImageCard } from '@atlaskit/editor-common/media-inline';
 import { WithProviders } from '@atlaskit/editor-common/provider-factory';
 import { SelectionBasedNodeView } from '@atlaskit/editor-common/selection-based-node-view';
 import { MediaInlineCard } from '@atlaskit/media-card';
 import { getMediaClient } from '@atlaskit/media-client-react';
 import { MediaInlineCardLoadingView } from '@atlaskit/media-ui';
+import { isImage } from '../utils/is-type';
 import { MediaNodeUpdater } from './mediaNodeUpdater';
 import { MediaInlineNodeSelector } from './styles';
 export var createMediaNodeUpdater = function createMediaNodeUpdater(props) {
@@ -173,7 +174,8 @@ export var MediaInline = function MediaInline(props) {
       isSelected: false
     });
   }
-  if (shouldShowInlineImage(type)) {
+  var allowInlineImages = props.mediaPluginState.allowInlineImages;
+  if (allowInlineImages && isImage(type)) {
     return /*#__PURE__*/React.createElement(MediaInlineImageCard, {
       mediaClient: getMediaClient(viewMediaClientConfig),
       identifier: identifier,

package/dist/esm/pm-plugins/main.js

@@ -229,7 +229,7 @@ export var MediaPluginStateImplementation = /*#__PURE__*/function () {
       }
       switch (getMediaNodeInsertionType(state, (_this$mediaOptions2 = _this.mediaOptions) === null || _this$mediaOptions2 === void 0 ? void 0 : _this$mediaOptions2.featureFlags, mediaStateWithContext.fileMimeType)) {
         case 'inline':
-          insertMediaInlineNode(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.getInputMethod(pickerType));
+          insertMediaInlineNode(editorAnalyticsAPI)(_this.view, mediaStateWithContext, collection, _this.allowInlineImages, _this.getInputMethod(pickerType));
           break;
         case 'block':
           // read width state right before inserting to get up-to-date and define values

package/dist/esm/toolbar/mediaInline.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import { IconEmbed, IconInline } from '@atlaskit/editor-common/card';
-import { shouldShowInlineImage } from '@atlaskit/editor-common/media-inline';
 import commonMessages, { cardMessages, mediaAndEmbedToolbarMessages } from '@atlaskit/editor-common/messages';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import DownloadIcon from '@atlaskit/icon/glyph/download';
 import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
 import { messages } from '@atlaskit/media-ui';
+import { isImage } from '../utils/is-type';
 import { changeInlineToMediaCard, changeMediaInlineToMediaSingle, removeInlineCard } from './commands';
 import { FilePreviewItem } from './filePreviewItem';
 import { downloadMedia } from './utils';
@@ -15,7 +15,7 @@ export var generateMediaInlineFloatingToolbar = function generateMediaInlineFloa
   var widthPluginState = pluginInjectionApi === null || pluginInjectionApi === void 0 || (_pluginInjectionApi$w = pluginInjectionApi.width) === null || _pluginInjectionApi$w === void 0 ? void 0 : _pluginInjectionApi$w.sharedState.currentState();
   var mediaInline = state.schema.nodes.mediaInline;
   var mediaType = state.selection instanceof NodeSelection && state.selection.node.attrs.type;
-  if (shouldShowInlineImage(mediaType)) {
+  if (mediaPluginState.allowInlineImages && isImage(mediaType)) {
     return getMediaInlineImageToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, widthPluginState);
   }
   var items = [{

package/dist/esm/utils/is-type.js

@@ -1,5 +1,5 @@
-export var isImage = function isImage(fileType) {
-  return !!fileType && (fileType.indexOf('image/') > -1 || fileType.indexOf('video/') > -1);
+export var isImage = function isImage(type) {
+  return !!type && (type.indexOf('image/') > -1 || type.indexOf('video/') > -1 || type === 'image');
 };
 export var isVideo = function isVideo(fileType) {
   return !!fileType && fileType.includes('video/');

package/dist/esm/utils/media-files.js

@@ -4,7 +4,6 @@ import { atTheBeginningOfBlock, atTheEndOfBlock, atTheEndOfDoc, endPositionOfPar
 import { findFarthestParentNode, insideTableCell, isInLayoutColumn, isInListItem, isSupportedInParent, setNodeSelection, setTextSelection } from '@atlaskit/editor-common/utils';
 import { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { canInsert, hasParentNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { isImage } from './is-type';
 import { copyOptionalAttrsFromMediaState, isInsidePotentialEmptyParagraph, isSelectionNonMediaBlockNode, posOfMediaGroupNearby, posOfParentMediaGroup, posOfPrecedingMediaGroup } from './media-common';
 export var canInsertMediaInline = function canInsertMediaInline(state) {
@@ -71,10 +70,11 @@ function shouldAppendParagraph(state, node) {
  * Create a new media inline to insert the new media.
  * @param view Editor view
  * @param mediaState Media file to be added to the editor
+ * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
 export var insertMediaInlineNode = function insertMediaInlineNode(editorAnalyticsAPI) {
-  return function (view, mediaState, collection, inputMethod) {
+  return function (view, mediaState, collection, allowInlineImages, inputMethod) {
     var state = view.state,
       dispatch = view.dispatch;
     var schema = state.schema,
@@ -93,9 +93,7 @@ export var insertMediaInlineNode = function insertMediaInlineNode(editorAnalytic
       id: id,
       collection: collection
     };
-    if (
-    // TODO: replace it with new shouldShowInlineImage
-    getBooleanFF('platform.editor.media.inline-image.base-support') && isImage(mediaState.fileMimeType)) {
+    if (allowInlineImages && isImage(mediaState.fileMimeType)) {
       var _ref = dimensions || {
           width: undefined,
           height: undefined

package/dist/types/pm-plugins/types.d.ts

@@ -34,6 +34,7 @@ export interface MediaPluginState {
     isResizing: boolean;
     resizingWidth: number;
     currentMaxWidth?: number;
+    allowInlineImages?: boolean;
     dispatch?: Dispatch;
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;

package/dist/types/utils/is-type.d.ts

@@ -1,2 +1,2 @@
-export declare const isImage: (fileType?: string) => boolean;
+export declare const isImage: (type?: string) => boolean;
 export declare const isVideo: (fileType?: string) => boolean;

package/dist/types/utils/media-files.d.ts

@@ -11,9 +11,10 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * Create a new media inline to insert the new media.
  * @param view Editor view
  * @param mediaState Media file to be added to the editor
+ * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, inputMethod?: InputMethodInsertMedia) => boolean;
+export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, allowInlineImages: boolean, inputMethod?: InputMethodInsertMedia) => boolean;
 /**
  * Insert a media into an existing media group
  * or create a new media group to insert the new media.

package/dist/types-ts4.5/pm-plugins/types.d.ts

@@ -34,6 +34,7 @@ export interface MediaPluginState {
     isResizing: boolean;
     resizingWidth: number;
     currentMaxWidth?: number;
+    allowInlineImages?: boolean;
     dispatch?: Dispatch;
     onContextIdentifierProvider: (_name: string, provider?: Promise<ContextIdentifierProvider>) => Promise<void>;
     setMediaProvider: (mediaProvider?: Promise<MediaProvider>) => Promise<void>;

package/dist/types-ts4.5/utils/is-type.d.ts

@@ -1,2 +1,2 @@
-export declare const isImage: (fileType?: string) => boolean;
+export declare const isImage: (type?: string) => boolean;
 export declare const isVideo: (fileType?: string) => boolean;

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

@@ -11,9 +11,10 @@ export declare const canInsertMediaInline: (state: EditorState) => boolean;
  * Create a new media inline to insert the new media.
  * @param view Editor view
  * @param mediaState Media file to be added to the editor
+ * @param allowInlineImages Configuration for allowing adding of inline images
  * @param collection Collection for the media to be added
  */
-export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, inputMethod?: InputMethodInsertMedia) => boolean;
+export declare const insertMediaInlineNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (view: EditorView, mediaState: MediaState, collection: string, allowInlineImages: boolean, inputMethod?: InputMethodInsertMedia) => boolean;
 /**
  * Insert a media into an existing media group
  * or create a new media group to insert the new media.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-media",
-  "version": "0.6.2",
+  "version": "0.6.4",
   "description": "Media plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -51,7 +51,7 @@
     "@atlaskit/editor-prosemirror": "1.1.0",
     "@atlaskit/editor-shared-styles": "^2.6.0",
     "@atlaskit/editor-tables": "^2.3.0",
-    "@atlaskit/form": "^9.0.0",
+    "@atlaskit/form": "^9.0.3",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/media-card": "^77.5.0",
     "@atlaskit/media-client": "^25.1.0",