@atlaskit/editor-plugin-media 10.0.10 → 10.1.0

package/dist/es2019/ui/toolbar/linking.js

@@ -76,12 +76,16 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
               displayUrl: link,
               providerFactory: providerFactory,
               intl: intl,
-              editing: editing,
+              editing: editing
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              ,
               onUnlink: setFocus => {
                 var _pluginInjectionApi$a;
                 unlink(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.actions)(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
-              },
+              }
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              ,
               onBack: (href, meta, setFocus) => {
                 if (href.trim() && meta.inputMethod) {
                   var _pluginInjectionApi$a2;
@@ -89,7 +93,9 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
                 }
                 hideLinkingToolbar(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(setFocus);
-              },
+              }
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              ,
               onCancel: () => {
                 var _pluginInjectionApi$f3, _pluginInjectionApi$f4;
                 hideLinkingToolbar(view.state, view.dispatch, view, true);
@@ -105,13 +111,17 @@ export const getLinkingToolbar = (toolbarBaseConfig, mediaLinkingState, state, i
                 const selector = areToolbarFlagsEnabled(Boolean(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : pluginInjectionApi.toolbar)) ? FORCE_FOCUS_SELECTOR_EDITOR_CONTROLS : FORCE_FOCUS_SELECTOR;
                 pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$f3 = pluginInjectionApi.floatingToolbar) === null || _pluginInjectionApi$f3 === void 0 ? void 0 : (_pluginInjectionApi$f4 = _pluginInjectionApi$f3.actions) === null || _pluginInjectionApi$f4 === void 0 ? void 0 : _pluginInjectionApi$f4.forceFocusSelector(selector)(tr);
                 dispatch(tr);
-              },
+              }
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              ,
               onSubmit: (href, meta) => {
                 var _pluginInjectionApi$a3;
                 setUrlToMedia(href, meta.inputMethod, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions)(view.state, view.dispatch, view);
                 hideLinkingToolbar(view.state, view.dispatch, view);
                 setFocusOnFloatingToolbar(true);
-              },
+              }
+              // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+              ,
               onBlur: () => {
                 hideLinkingToolbar(view.state, view.dispatch, view);
               },

package/dist/es2019/ui/toolbar/mediaInline.js

@@ -194,11 +194,15 @@ const getMediaInlineImageToolbar = (state, intl, mediaPluginState, hoverDecorati
           state
         } = editorView;
         const borderMark = currentMediaOrInlineNodeBorderMark(state);
-        return /*#__PURE__*/React.createElement(ImageBorderItem, {
+        return /*#__PURE__*/React.createElement(ImageBorderItem
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        , {
           toggleBorder: () => {
             var _pluginInjectionApi$a2;
             toggleBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(state, dispatch);
-          },
+          }
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           setBorder: attrs => {
             var _pluginInjectionApi$a3;
             setBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a3 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a3 === void 0 ? void 0 : _pluginInjectionApi$a3.actions)(attrs)(state, dispatch);

package/dist/esm/mediaPlugin.js

@@ -72,7 +72,8 @@ var mediaViewerStateSelector = function mediaViewerStateSelector(states) {
 };
 var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_ref2) {
   var api = _ref2.api,
-    editorView = _ref2.editorView;
+    editorView = _ref2.editorView,
+    mediaViewerExtensions = _ref2.mediaViewerExtensions;
   // Only traverse document once when media viewer is visible, media viewer items will not update
   // when document changes are made while media viewer is open
   var _useSharedPluginState2 = useSharedPluginStateWithSelector(api, ['media'], mediaViewerStateSelector),
@@ -99,7 +100,8 @@ var MediaViewerFunctionalComponent = function MediaViewerFunctionalComponent(_re
     mediaClientConfig: mediaClientConfig,
     onClose: handleOnClose,
     selectedNodeAttrs: mediaViewerSelectedMedia,
-    items: mediaItems
+    items: mediaItems,
+    extensions: mediaViewerExtensions
   });
 };
 export var mediaPlugin = function mediaPlugin(_ref3) {
@@ -333,7 +335,8 @@ export var mediaPlugin = function mediaPlugin(_ref3) {
       }
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MediaViewerFunctionalComponent, {
         api: api,
-        editorView: editorView
+        editorView: editorView,
+        mediaViewerExtensions: options === null || options === void 0 ? void 0 : options.mediaViewerExtensions
       }), /*#__PURE__*/React.createElement(MediaPickerFunctionalComponent, {
         editorDomElement: editorView.dom,
         appearance: appearance,

package/dist/esm/nodeviews/mediaGroup.js

@@ -46,9 +46,13 @@ var MediaGroupNodeView = /*#__PURE__*/function (_ReactNodeView) {
         mediaOptions = props.mediaOptions,
         pluginInjectionApi = props.pluginInjectionApi;
       var getPos = this.getPos;
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['contextIdentifierProvider'],
-        providerFactory: providerFactory,
+        providerFactory: providerFactory
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         renderNode: function renderNode(_ref2) {
           var contextIdentifierProvider = _ref2.contextIdentifierProvider;
           var renderFn = function renderFn(_ref3) {

package/dist/esm/nodeviews/mediaGroupNext.js

@@ -239,6 +239,7 @@ export var MediaGroupNext = injectIntl( /*#__PURE__*/React.memo(function (props)
     setViewMediaClientConfig(mediaClientConfig);
   }, [mediaClientConfig]);
   useEffect(function () {
+    // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
     mediaNodesWithOffsets.forEach(function (_ref5) {
       var node = _ref5.node,
         offset = _ref5.offset;

package/dist/esm/nodeviews/mediaInline.js

@@ -196,7 +196,9 @@ export var MediaInline = function MediaInline(props) {
       isSelected: props.isSelected,
       alt: alt,
       width: width,
-      height: height,
+      height: height
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
       border: {
         borderSize: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         borderColor: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.color
@@ -304,11 +306,15 @@ export var MediaInlineNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
         api = props.api;
       var view = this.view;
       var getPos = this.getPos;
-      return jsx(WithProviders, {
+      return jsx(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['contextIdentifierProvider'],
-        providerFactory: providerFactory,
+        providerFactory: providerFactory
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         renderNode: function renderNode(_ref4) {
-          var mediaProvider = _ref4.mediaProvider,
+          var _mediaProvider = _ref4.mediaProvider,
             contextIdentifierProvider = _ref4.contextIdentifierProvider;
           return jsx(MediaInlineSharedState, {
             identifier: _this.node.attrs.id,

package/dist/esm/nodeviews/mediaNodeView/index.js

@@ -274,7 +274,9 @@ var MediaNodeView = /*#__PURE__*/function (_SelectionBasedNodeVi) {
     key: "render",
     value: function render() {
       var providerFactory = this.reactComponentProps.providerFactory;
-      return /*#__PURE__*/React.createElement(WithProviders, {
+      return /*#__PURE__*/React.createElement(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['contextIdentifierProvider'],
         providerFactory: providerFactory,
         renderNode: this.renderMediaNodeWithProviders

package/dist/esm/nodeviews/mediaNodeView/media.js

@@ -358,7 +358,9 @@ export var MediaNode = /*#__PURE__*/function (_Component) {
         onContextMenu: this.selectMediaSingle,
         borderWidth: borderMark === null || borderMark === void 0 ? void 0 : borderMark.attrs.size,
         selected: selected
-      }, /*#__PURE__*/React.createElement(AnalyticsContext, {
+      }, /*#__PURE__*/React.createElement(AnalyticsContext
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         data: _defineProperty({}, MEDIA_CONTEXT, {
           border: !!borderMark
         })

package/dist/esm/nodeviews/mediaSingle.js

@@ -249,9 +249,13 @@ var MediaSingleNodeView = /*#__PURE__*/function (_ReactNodeView) {
 
       // getPos is a boolean for marks, since this is a node we know it must be a function
       var getPos = this.getPos;
-      return jsx(WithProviders, {
+      return jsx(WithProviders
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      , {
         providers: ['contextIdentifierProvider'],
-        providerFactory: providerFactory,
+        providerFactory: providerFactory
+        // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+        ,
         renderNode: function renderNode(_ref2) {
           var contextIdentifierProvider = _ref2.contextIdentifierProvider;
           return jsx(MediaSingleNodeWrapper, {

package/dist/esm/pm-plugins/pixel-resizing/ui/index.js

@@ -75,14 +75,18 @@ export var PixelEntry = function PixelEntry(_ref) {
     mediaWidth: mediaWidth || DEFAULT_IMAGE_WIDTH,
     mediaHeight: mediaHeight || DEFAULT_IMAGE_HEIGHT,
     minWidth: minWidth,
-    maxWidth: maxWidth,
+    maxWidth: maxWidth
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onChange: function onChange(valid) {
       if (valid) {
         hoverDecoration === null || hoverDecoration === void 0 || hoverDecoration(mediaSingle, true, 'warning')(editorView.state, dispatch, editorView);
       } else {
         hoverDecoration === null || hoverDecoration === void 0 || hoverDecoration(mediaSingle, false)(editorView.state, dispatch, editorView);
       }
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onSubmit: function onSubmit(_ref2) {
       var width = _ref2.width,
         validation = _ref2.validation;
@@ -90,7 +94,9 @@ export var PixelEntry = function PixelEntry(_ref) {
       if (tr) {
         dispatch(tr);
       }
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMigrate: function onMigrate() {
       var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
         width: pixelWidthFromElement,
@@ -103,7 +109,9 @@ export var PixelEntry = function PixelEntry(_ref) {
         tr = newTr !== undefined ? newTr : tr;
       }
       dispatch(tr);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onCloseAndSave: function onCloseAndSave(_ref3, setFocus) {
       var width = _ref3.width,
         validation = _ref3.validation;

package/dist/esm/pm-plugins/pixel-resizing/ui/pixel-entry.js

@@ -13,8 +13,7 @@ import { IconButton } from '@atlaskit/button/new';
 import { pixelEntryMessages as messages } from '@atlaskit/editor-common/media';
 import Form, { Field } from '@atlaskit/form';
 import CrossIcon from '@atlaskit/icon/core/cross';
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives
-// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
+// eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives, @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Inline, Box, Text, xcss } from '@atlaskit/primitives';
 import Textfield from '@atlaskit/textfield';
 import Tooltip from '@atlaskit/tooltip';
@@ -198,7 +197,7 @@ export var PixelEntryComponent = function PixelEntryComponent(_ref) {
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , _extends({}, fieldProps, {
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
             css: [pixelSizingWidthInput, pixelSizingInput],
             appearance: "none",
             isCompact: true,
@@ -225,7 +224,7 @@ export var PixelEntryComponent = function PixelEntryComponent(_ref) {
           // Ignored via go/ees005
           // eslint-disable-next-line react/jsx-props-no-spreading
           , _extends({}, fieldProps, {
-            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides -- Ignored via go/DSP-18766
+            // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/no-unsafe-style-overrides, @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
             css: [pixelSizingHeightInput, pixelSizingInput],
             appearance: "none",
             isCompact: true,
@@ -300,73 +299,80 @@ export var PixelEntryComponentNext = function PixelEntryComponentNext(_ref5) {
       }, shouldSetFocus);
     }
   }, [computedWidth, computedHeight, handleCloseAndSave]);
-  return jsx(Box, {
-    xcss: [pixelEntryWrapperStyles, isViewMode && pixelEntryWrapperViewModeStyles]
-  }, jsx(Inline, {
-    alignBlock: "center",
-    spread: "space-between"
-  }, jsx(Box, {
-    paddingInlineStart: "space.100"
-  }, jsx(Text, {
-    color: "color.text.subtlest"
-  }, formatMessage(messages.inputWidthLabel))), jsx("div", {
-    css: fieldStyles
-  }, jsx(Tooltip, {
-    hideTooltipOnMouseDown: true,
-    hideTooltipOnClick: true,
-    position: "top",
-    content: formatMessage(messages.inputWidthTooltip, {
-      maxWidth: maxWidth
-    })
-  }, jsx(Textfield, {
-    name: "inputWidth",
-    value: computedWidth,
-    ref: widthInputRef,
-    height: "var(--ds-space-250, 20px)",
-    appearance: "none",
-    pattern: "\\d*",
-    "aria-label": formatMessage(messages.inputWidthAriaLabel, {
-      maxWidth: maxWidth
-    }),
-    onChange: handleFieldChange('inputWidth'),
-    onKeyDown: handleKeyDown
-  }))), jsx(Box, {
-    paddingInlineStart: "space.100"
-  }, jsx(Text, {
-    color: "color.text.subtlest"
-  }, formatMessage(messages.inputHeightTooltip))), jsx("div", {
-    css: fieldStyles
-  }, jsx(Tooltip, {
-    hideTooltipOnMouseDown: true,
-    hideTooltipOnClick: true,
-    content: formatMessage(messages.inputHeightTooltip),
-    position: "top"
-  }, jsx(Textfield, {
-    name: "inputHeight",
-    value: computedHeight,
-    height: "var(--ds-space-250, 20px)",
-    appearance: "none",
-    pattern: "\\d*",
-    "aria-label": formatMessage(messages.inputHeightAriaLabel),
-    onChange: handleFieldChange('inputHeight'),
-    onKeyDown: handleKeyDown
-  }))), !isViewMode && jsx(Fragment, null, jsx(Box, {
-    xcss: dividerStyles
-  }), jsx(IconButton, {
-    icon: function icon() {
-      return jsx(CrossIcon, {
-        label: "",
-        color: "var(--ds-icon-subtlest, #6B6E76)"
-      });
-    },
-    label: formatMessage(messages.closePixelEntry),
-    appearance: "subtle",
-    onClick: function onClick() {
-      handleCloseAndSave({
-        inputWidth: computedWidth,
-        inputHeight: computedHeight
-      });
-    },
-    onKeyDown: handleCloseButtonKeyDown
-  }))));
+  return (
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    jsx(Box, {
+      xcss: [pixelEntryWrapperStyles, isViewMode && pixelEntryWrapperViewModeStyles]
+    }, jsx(Inline, {
+      alignBlock: "center",
+      spread: "space-between"
+    }, jsx(Box, {
+      paddingInlineStart: "space.100"
+    }, jsx(Text, {
+      color: "color.text.subtlest"
+    }, formatMessage(messages.inputWidthLabel))), jsx("div", {
+      css: fieldStyles
+    }, jsx(Tooltip, {
+      hideTooltipOnMouseDown: true,
+      hideTooltipOnClick: true,
+      position: "top",
+      content: formatMessage(messages.inputWidthTooltip, {
+        maxWidth: maxWidth
+      })
+    }, jsx(Textfield, {
+      name: "inputWidth",
+      value: computedWidth,
+      ref: widthInputRef,
+      height: "var(--ds-space-250, 20px)",
+      appearance: "none",
+      pattern: "\\d*",
+      "aria-label": formatMessage(messages.inputWidthAriaLabel, {
+        maxWidth: maxWidth
+      }),
+      onChange: handleFieldChange('inputWidth'),
+      onKeyDown: handleKeyDown
+    }))), jsx(Box, {
+      paddingInlineStart: "space.100"
+    }, jsx(Text, {
+      color: "color.text.subtlest"
+    }, formatMessage(messages.inputHeightTooltip))), jsx("div", {
+      css: fieldStyles
+    }, jsx(Tooltip, {
+      hideTooltipOnMouseDown: true,
+      hideTooltipOnClick: true,
+      content: formatMessage(messages.inputHeightTooltip),
+      position: "top"
+    }, jsx(Textfield, {
+      name: "inputHeight",
+      value: computedHeight,
+      height: "var(--ds-space-250, 20px)",
+      appearance: "none",
+      pattern: "\\d*",
+      "aria-label": formatMessage(messages.inputHeightAriaLabel),
+      onChange: handleFieldChange('inputHeight'),
+      onKeyDown: handleKeyDown
+    }))), !isViewMode && jsx(Fragment, null, jsx(Box, {
+      xcss: dividerStyles
+    }), jsx(IconButton
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    , {
+      icon: function icon() {
+        return jsx(CrossIcon, {
+          label: "",
+          color: "var(--ds-icon-subtlest, #6B6E76)"
+        });
+      },
+      label: formatMessage(messages.closePixelEntry),
+      appearance: "subtle"
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+      ,
+      onClick: function onClick() {
+        handleCloseAndSave({
+          inputWidth: computedWidth,
+          inputHeight: computedHeight
+        });
+      },
+      onKeyDown: handleCloseButtonKeyDown
+    }))))
+  );
 };

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

@@ -58,10 +58,14 @@ export var CommentBadgeWrapper = function CommentBadgeWrapper(_ref) {
   return /*#__PURE__*/React.createElement(CommentBadgeNext, {
     onClick: onClick,
     mediaSingleElement: mediaSingleElement,
-    status: entered ? 'entered' : status,
+    status: entered ? 'entered' : status
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseEnter: function onMouseEnter() {
       return setEntered(true);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMouseLeave: function onMouseLeave() {
       return setEntered(false);
     }