@atlaskit/editor-plugin-media 1.4.1 → 1.5.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @atlaskit/editor-plugin-media
 
+## 1.5.0
+
+### Minor Changes
+
+- [#76504](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/76504) [`35deb7a5d492`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/35deb7a5d492) - [ux] Add Media preview feature for full page Editor under FF
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 1.4.1
 
 ### Patch Changes

package/dist/cjs/plugin.js

@@ -277,6 +277,7 @@ var mediaPlugin = exports.mediaPlugin = function mediaPlugin(_ref2) {
           allowLinking: options && options.allowLinking,
           allowAdvancedToolBarOptions: options && options.allowAdvancedToolBarOptions,
           allowAltTextOnImages: options && options.allowAltTextOnImages,
+          allowImagePreview: options && options.allowImagePreview,
           altTextValidator: options && options.altTextValidator,
           fullWidthEnabled: options && options.fullWidthEnabled,
           allowMediaInlineImages: options && options.allowMediaInlineImages,

package/dist/cjs/toolbar/filePreviewItem.js

@@ -31,7 +31,7 @@ var FilePreviewItem = exports.FilePreviewItem = function FilePreviewItem(_ref) {
   };
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
-      var selectedNodeAttrs = (0, _utils.getSelectedMediaContainerNodeAttrs)(mediaPluginState);
+      var selectedNodeAttrs = (0, _utils.getSelectedNearestMediaContainerNodeAttrs)(mediaPluginState);
       if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
         var id = selectedNodeAttrs.id,
           _selectedNodeAttrs$co = selectedNodeAttrs.collection,
@@ -54,7 +54,7 @@ var FilePreviewItem = exports.FilePreviewItem = function FilePreviewItem(_ref) {
   };
   var mediaViewer = renderMediaViewer();
   var tooltipContent = intl.formatMessage(_mediaUi.messages.preview);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.FloatingToolbarButton, {
     testId: "file-preview-toolbar-button",
     key: "editor.media.card.preview",
     onClick: openMediaViewer,

package/dist/cjs/toolbar/index.js

@@ -67,11 +67,8 @@ var handleRemoveMediaGroup = function handleRemoveMediaGroup(state, dispatch) {
   }
   return true;
 };
-var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, forceFocusSelector) {
-  var mediaGroup = state.schema.nodes.mediaGroup;
-  var items = [{
-    type: 'separator'
-  }, {
+var generateFilePreviewItem = function generateFilePreviewItem(mediaPluginState, intl, editorState) {
+  return {
     type: 'custom',
     fallback: [],
     render: function render() {
@@ -81,7 +78,13 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
         intl: intl
       });
     }
-  }, {
+  };
+};
+var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, forceFocusSelector) {
+  var mediaGroup = state.schema.nodes.mediaGroup;
+  var items = [{
+    type: 'separator'
+  }, generateFilePreviewItem(mediaPluginState, intl), {
     type: 'separator'
   }, {
     id: 'editor.media.card.download',
@@ -177,6 +180,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     allowAltTextOnImages = options.allowAltTextOnImages,
     allowMediaInline = options.allowMediaInline,
     allowMediaInlineImages = options.allowMediaInlineImages,
+    allowImagePreview = options.allowImagePreview,
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var editorFeatureFlags = getEditorFeatureFlags ? getEditorFeatureFlags() : undefined;
   var toolbarButtons = [];
@@ -449,6 +453,17 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         }
       });
     }
+    // Preview Support
+    if (allowImagePreview && (0, _platformFeatureFlags.getBooleanFF)('platform.editor.media.preview-in-full-page')) {
+      var _mediaNode$attrs;
+      var _selectedMediaSingleNode = (0, _utils2.getSelectedMediaSingle)(state);
+      var mediaNode = _selectedMediaSingleNode === null || _selectedMediaSingleNode === void 0 ? void 0 : _selectedMediaSingleNode.node.content.firstChild;
+      if (!(0, _mediaSingle2.isVideo)(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.__fileMimeType)) {
+        toolbarButtons.push(generateFilePreviewItem(pluginState, intl, state), {
+          type: 'separator'
+        });
+      }
+    }
   }
   if (allowAltTextOnImages) {
     var _pluginInjectionApi$a8;

package/dist/cjs/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.getSelectedLayoutIcon = exports.getPixelWidthOfElement = exports.getMaxToolbarWidth = exports.downloadMedia = exports.canShowSwitchButtons = exports.calcNewLayout = void 0;
+exports.removeMediaGroupNode = exports.getSelectedNearestMediaContainerNodeAttrs = exports.getSelectedMediaSingle = exports.getSelectedMediaContainerNodeAttrs = exports.getSelectedLayoutIcon = exports.getPixelWidthOfElement = exports.getMaxToolbarWidth = exports.downloadMedia = exports.canShowSwitchButtons = exports.calcNewLayout = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _memoizeOne = _interopRequireDefault(require("memoize-one"));
@@ -21,6 +21,21 @@ var getSelectedMediaContainerNodeAttrs = exports.getSelectedMediaContainerNodeAt
   }
   return null;
 };
+var getSelectedNearestMediaContainerNodeAttrs = exports.getSelectedNearestMediaContainerNodeAttrs = function getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) {
+  var selectedNode = mediaPluginState.selectedMediaContainerNode();
+  if (selectedNode) {
+    switch (selectedNode.type.name) {
+      case 'mediaSingle':
+        {
+          var childNode = selectedNode.firstChild;
+          return childNode === null || childNode === void 0 ? void 0 : childNode.attrs;
+        }
+      default:
+        return selectedNode.attrs;
+    }
+  }
+  return null;
+};
 var downloadMedia = exports.downloadMedia = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaPluginState) {
     var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;

package/dist/es2019/plugin.js

@@ -270,6 +270,7 @@ export const mediaPlugin = ({
         allowLinking: options && options.allowLinking,
         allowAdvancedToolBarOptions: options && options.allowAdvancedToolBarOptions,
         allowAltTextOnImages: options && options.allowAltTextOnImages,
+        allowImagePreview: options && options.allowImagePreview,
         altTextValidator: options && options.altTextValidator,
         fullWidthEnabled: options && options.fullWidthEnabled,
         allowMediaInlineImages: options && options.allowMediaInlineImages,

package/dist/es2019/toolbar/filePreviewItem.js

@@ -4,7 +4,7 @@ import { FloatingToolbarButton as ToolbarButton } from '@atlaskit/editor-common/
 import FilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
 import { messages } from '@atlaskit/media-ui';
 import { MediaViewer } from '@atlaskit/media-viewer';
-import { getSelectedMediaContainerNodeAttrs } from './utils';
+import { getSelectedNearestMediaContainerNodeAttrs } from './utils';
 export const FilePreviewItem = ({
   mediaPluginState,
   intl
@@ -18,7 +18,7 @@ export const FilePreviewItem = ({
   };
   const renderMediaViewer = () => {
     if (isMediaViewerVisible) {
-      const selectedNodeAttrs = getSelectedMediaContainerNodeAttrs(mediaPluginState);
+      const selectedNodeAttrs = getSelectedNearestMediaContainerNodeAttrs(mediaPluginState);
       if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
         const {
           id,
@@ -42,7 +42,7 @@ export const FilePreviewItem = ({
   };
   const mediaViewer = renderMediaViewer();
   const tooltipContent = intl.formatMessage(messages.preview);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ToolbarButton, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToolbarButton, {
     testId: "file-preview-toolbar-button",
     key: "editor.media.card.preview",
     onClick: openMediaViewer,

package/dist/es2019/toolbar/index.js

@@ -53,13 +53,8 @@ const handleRemoveMediaGroup = (state, dispatch) => {
   }
   return true;
 };
-const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, forceFocusSelector) => {
-  const {
-    mediaGroup
-  } = state.schema.nodes;
-  const items = [{
-    type: 'separator'
-  }, {
+const generateFilePreviewItem = (mediaPluginState, intl, editorState) => {
+  return {
     type: 'custom',
     fallback: [],
     render: () => {
@@ -69,7 +64,15 @@ const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState, hoverDe
         intl: intl
       });
     }
-  }, {
+  };
+};
+const generateMediaCardFloatingToolbar = (state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, forceFocusSelector) => {
+  const {
+    mediaGroup
+  } = state.schema.nodes;
+  const items = [{
+    type: 'separator'
+  }, generateFilePreviewItem(mediaPluginState, intl), {
     type: 'separator'
   }, {
     id: 'editor.media.card.download',
@@ -166,6 +169,7 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
     allowAltTextOnImages,
     allowMediaInline,
     allowMediaInlineImages,
+    allowImagePreview,
     getEditorFeatureFlags
   } = options;
   const editorFeatureFlags = getEditorFeatureFlags ? getEditorFeatureFlags() : undefined;
@@ -452,6 +456,17 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
         }
       });
     }
+    // Preview Support
+    if (allowImagePreview && getBooleanFF('platform.editor.media.preview-in-full-page')) {
+      var _mediaNode$attrs;
+      const selectedMediaSingleNode = getSelectedMediaSingle(state);
+      const mediaNode = selectedMediaSingleNode === null || selectedMediaSingleNode === void 0 ? void 0 : selectedMediaSingleNode.node.content.firstChild;
+      if (!isVideo(mediaNode === null || mediaNode === void 0 ? void 0 : (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.__fileMimeType)) {
+        toolbarButtons.push(generateFilePreviewItem(pluginState, intl, state), {
+          type: 'separator'
+        });
+      }
+    }
   }
   if (allowAltTextOnImages) {
     var _pluginInjectionApi$a8;

package/dist/es2019/toolbar/utils.js

@@ -12,6 +12,21 @@ export const getSelectedMediaContainerNodeAttrs = mediaPluginState => {
   }
   return null;
 };
+export const getSelectedNearestMediaContainerNodeAttrs = mediaPluginState => {
+  const selectedNode = mediaPluginState.selectedMediaContainerNode();
+  if (selectedNode) {
+    switch (selectedNode.type.name) {
+      case 'mediaSingle':
+        {
+          const childNode = selectedNode.firstChild;
+          return childNode === null || childNode === void 0 ? void 0 : childNode.attrs;
+        }
+      default:
+        return selectedNode.attrs;
+    }
+  }
+  return null;
+};
 export const downloadMedia = async mediaPluginState => {
   try {
     const selectedNodeAttrs = getSelectedMediaContainerNodeAttrs(mediaPluginState);

package/dist/esm/plugin.js

@@ -266,6 +266,7 @@ export var mediaPlugin = function mediaPlugin(_ref2) {
           allowLinking: options && options.allowLinking,
           allowAdvancedToolBarOptions: options && options.allowAdvancedToolBarOptions,
           allowAltTextOnImages: options && options.allowAltTextOnImages,
+          allowImagePreview: options && options.allowImagePreview,
           altTextValidator: options && options.altTextValidator,
           fullWidthEnabled: options && options.fullWidthEnabled,
           allowMediaInlineImages: options && options.allowMediaInlineImages,

package/dist/esm/toolbar/filePreviewItem.js

@@ -5,7 +5,7 @@ import { FloatingToolbarButton as ToolbarButton } from '@atlaskit/editor-common/
 import FilePreviewIcon from '@atlaskit/icon/glyph/editor/file-preview';
 import { messages } from '@atlaskit/media-ui';
 import { MediaViewer } from '@atlaskit/media-viewer';
-import { getSelectedMediaContainerNodeAttrs } from './utils';
+import { getSelectedNearestMediaContainerNodeAttrs } from './utils';
 export var FilePreviewItem = function FilePreviewItem(_ref) {
   var mediaPluginState = _ref.mediaPluginState,
     intl = _ref.intl;
@@ -21,7 +21,7 @@ export var FilePreviewItem = function FilePreviewItem(_ref) {
   };
   var renderMediaViewer = function renderMediaViewer() {
     if (isMediaViewerVisible) {
-      var selectedNodeAttrs = getSelectedMediaContainerNodeAttrs(mediaPluginState);
+      var selectedNodeAttrs = getSelectedNearestMediaContainerNodeAttrs(mediaPluginState);
       if (selectedNodeAttrs && mediaPluginState.mediaClientConfig) {
         var id = selectedNodeAttrs.id,
           _selectedNodeAttrs$co = selectedNodeAttrs.collection,
@@ -44,7 +44,7 @@ export var FilePreviewItem = function FilePreviewItem(_ref) {
   };
   var mediaViewer = renderMediaViewer();
   var tooltipContent = intl.formatMessage(messages.preview);
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ToolbarButton, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ToolbarButton, {
     testId: "file-preview-toolbar-button",
     key: "editor.media.card.preview",
     onClick: openMediaViewer,

package/dist/esm/toolbar/index.js

@@ -57,11 +57,8 @@ var handleRemoveMediaGroup = function handleRemoveMediaGroup(state, dispatch) {
   }
   return true;
 };
-var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, forceFocusSelector) {
-  var mediaGroup = state.schema.nodes.mediaGroup;
-  var items = [{
-    type: 'separator'
-  }, {
+var generateFilePreviewItem = function generateFilePreviewItem(mediaPluginState, intl, editorState) {
+  return {
     type: 'custom',
     fallback: [],
     render: function render() {
@@ -71,7 +68,13 @@ var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar
         intl: intl
       });
     }
-  }, {
+  };
+};
+var generateMediaCardFloatingToolbar = function generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, editorAnalyticsAPI, forceFocusSelector) {
+  var mediaGroup = state.schema.nodes.mediaGroup;
+  var items = [{
+    type: 'separator'
+  }, generateFilePreviewItem(mediaPluginState, intl), {
     type: 'separator'
   }, {
     id: 'editor.media.card.download',
@@ -167,6 +170,7 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     allowAltTextOnImages = options.allowAltTextOnImages,
     allowMediaInline = options.allowMediaInline,
     allowMediaInlineImages = options.allowMediaInlineImages,
+    allowImagePreview = options.allowImagePreview,
     getEditorFeatureFlags = options.getEditorFeatureFlags;
   var editorFeatureFlags = getEditorFeatureFlags ? getEditorFeatureFlags() : undefined;
   var toolbarButtons = [];
@@ -439,6 +443,17 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
         }
       });
     }
+    // Preview Support
+    if (allowImagePreview && getBooleanFF('platform.editor.media.preview-in-full-page')) {
+      var _mediaNode$attrs;
+      var _selectedMediaSingleNode = getSelectedMediaSingle(state);
+      var mediaNode = _selectedMediaSingleNode === null || _selectedMediaSingleNode === void 0 ? void 0 : _selectedMediaSingleNode.node.content.firstChild;
+      if (!isVideo(mediaNode === null || mediaNode === void 0 || (_mediaNode$attrs = mediaNode.attrs) === null || _mediaNode$attrs === void 0 ? void 0 : _mediaNode$attrs.__fileMimeType)) {
+        toolbarButtons.push(generateFilePreviewItem(pluginState, intl, state), {
+          type: 'separator'
+        });
+      }
+    }
   }
   if (allowAltTextOnImages) {
     var _pluginInjectionApi$a8;

package/dist/esm/toolbar/utils.js

@@ -14,6 +14,21 @@ export var getSelectedMediaContainerNodeAttrs = function getSelectedMediaContain
   }
   return null;
 };
+export var getSelectedNearestMediaContainerNodeAttrs = function getSelectedNearestMediaContainerNodeAttrs(mediaPluginState) {
+  var selectedNode = mediaPluginState.selectedMediaContainerNode();
+  if (selectedNode) {
+    switch (selectedNode.type.name) {
+      case 'mediaSingle':
+        {
+          var childNode = selectedNode.firstChild;
+          return childNode === null || childNode === void 0 ? void 0 : childNode.attrs;
+        }
+      default:
+        return selectedNode.attrs;
+    }
+  }
+  return null;
+};
 export var downloadMedia = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(mediaPluginState) {
     var selectedNodeAttrs, id, _selectedNodeAttrs$co, collection, mediaClient, fileState, fileName;

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

@@ -5,6 +5,7 @@ import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaPluginState } from '../pm-plugins/types';
 export declare const getSelectedMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
+export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;
 export declare const getSelectedMediaSingle: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;

package/dist/types/types.d.ts

@@ -35,6 +35,7 @@ export interface MediaOptions {
     allowRemoteDimensionsFetch?: boolean;
     allowDropzoneDropLine?: boolean;
     allowMarkingUploadsAsIncomplete?: boolean;
+    allowImagePreview?: boolean;
     fullWidthEnabled?: boolean;
     uploadErrorHandler?: (state: MediaState) => void;
     waitForMediaUpload?: boolean;
@@ -108,6 +109,7 @@ export type MediaFloatingToolbarOptions = {
     allowAdvancedToolBarOptions?: boolean;
     allowResizingInTables?: boolean;
     allowAltTextOnImages?: boolean;
+    allowImagePreview?: boolean;
     altTextValidator?: (value: string) => string[];
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     fullWidthEnabled?: boolean;

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

@@ -5,6 +5,7 @@ import type { EditorState } from '@atlaskit/editor-prosemirror/state';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { MediaPluginState } from '../pm-plugins/types';
 export declare const getSelectedMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
+export declare const getSelectedNearestMediaContainerNodeAttrs: (mediaPluginState: MediaPluginState) => MediaBaseAttributes | null;
 export declare const downloadMedia: (mediaPluginState: MediaPluginState) => Promise<boolean>;
 export declare const removeMediaGroupNode: (state: EditorState) => import("prosemirror-state").Transaction;
 export declare const getSelectedMediaSingle: (state: EditorState) => import("prosemirror-utils/dist/types").FindResult;

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

@@ -35,6 +35,7 @@ export interface MediaOptions {
     allowRemoteDimensionsFetch?: boolean;
     allowDropzoneDropLine?: boolean;
     allowMarkingUploadsAsIncomplete?: boolean;
+    allowImagePreview?: boolean;
     fullWidthEnabled?: boolean;
     uploadErrorHandler?: (state: MediaState) => void;
     waitForMediaUpload?: boolean;
@@ -108,6 +109,7 @@ export type MediaFloatingToolbarOptions = {
     allowAdvancedToolBarOptions?: boolean;
     allowResizingInTables?: boolean;
     allowAltTextOnImages?: boolean;
+    allowImagePreview?: boolean;
     altTextValidator?: (value: string) => string[];
     getEditorFeatureFlags?: GetEditorFeatureFlags;
     fullWidthEnabled?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-plugin-media",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "description": "Media plugin for @atlaskit/editor-core",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -59,10 +59,10 @@
     "@atlaskit/media-common": "^11.0.0",
     "@atlaskit/media-filmstrip": "^47.0.0",
     "@atlaskit/media-picker": "^66.3.0",
-    "@atlaskit/media-ui": "^25.2.0",
-    "@atlaskit/media-viewer": "^48.2.0",
+    "@atlaskit/media-ui": "^25.3.0",
+    "@atlaskit/media-viewer": "^48.3.0",
     "@atlaskit/platform-feature-flags": "^0.2.0",
-    "@atlaskit/primitives": "^3.1.0",
+    "@atlaskit/primitives": "^3.2.0",
     "@atlaskit/textfield": "^6.0.0",
     "@atlaskit/theme": "^12.6.0",
     "@atlaskit/tokens": "^1.38.0",
@@ -146,6 +146,9 @@
     },
     "platform.editor.media.autoselect-inserted-image_oumto": {
       "type": "boolean"
+    },
+    "platform.editor.media.preview-in-full-page": {
+      "type": "boolean"
     }
   },
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0",