@atlaskit/editor-plugin-media 10.0.10 → 10.1.0

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

@@ -77,14 +77,18 @@ export const PixelEntry = ({
     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: valid => {
       if (valid) {
         hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(mediaSingle, true, 'warning')(editorView.state, dispatch, editorView);
       } else {
         hoverDecoration === null || hoverDecoration === void 0 ? 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: ({
       width,
       validation
@@ -93,7 +97,9 @@ export const PixelEntry = ({
       if (tr) {
         dispatch(tr);
       }
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onMigrate: () => {
       let tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, {
         ...selectedMediaSingleNode.node.attrs,
@@ -107,7 +113,9 @@ export const PixelEntry = ({
         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: ({
       width,
       validation

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

@@ -12,8 +12,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';
@@ -193,7 +192,7 @@ export const PixelEntryComponent = ({
         // 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,
@@ -219,7 +218,7 @@ export const PixelEntryComponent = ({
         // 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,
@@ -294,71 +293,78 @@ export const PixelEntryComponentNext = ({
       }, 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
-    })
-  }, jsx(Textfield, {
-    name: "inputWidth",
-    value: computedWidth,
-    ref: widthInputRef,
-    height: "var(--ds-space-250, 20px)",
-    appearance: "none",
-    pattern: "\\d*",
-    "aria-label": formatMessage(messages.inputWidthAriaLabel, {
-      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: () => jsx(CrossIcon, {
-      label: "",
-      color: "var(--ds-icon-subtlest, #6B6E76)"
-    }),
-    label: formatMessage(messages.closePixelEntry),
-    appearance: "subtle",
-    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
+      })
+    }, jsx(Textfield, {
+      name: "inputWidth",
+      value: computedWidth,
+      ref: widthInputRef,
+      height: "var(--ds-space-250, 20px)",
+      appearance: "none",
+      pattern: "\\d*",
+      "aria-label": formatMessage(messages.inputWidthAriaLabel, {
+        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: () => 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: () => {
+        handleCloseAndSave({
+          inputWidth: computedWidth,
+          inputHeight: computedHeight
+        });
+      },
+      onKeyDown: handleCloseButtonKeyDown
+    }))))
+  );
 };

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

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

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

@@ -79,12 +79,20 @@ const ImageBorder = ({
       ref.style.left = `-${rect.width}px`;
     }
   };
-  const handleTriggerByKeyboard = (event, callback) => {
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      callback();
-      setIsOpenedByKeyboard(true);
+  const handleTriggerByKeyboard = (event, allowedKeys, callback) => {
+    if (!allowedKeys.includes(event.key)) {
+      return;
     }
+    event.preventDefault();
+    callback();
+    setIsOpenedByKeyboard(true);
+  };
+  const handleTriggerToolbarByKeyboard = (event, callback) => {
+    handleTriggerByKeyboard(event, ['Enter', ' '], callback);
+  };
+  const handleTriggerSubmenuByKeyboard = (event, callback) => {
+    const keys = expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? ['Enter', 'ArrowRight'] : ['Enter', ' '];
+    handleTriggerByKeyboard(event, keys, callback);
   };
   useEffect(() => {
     const focusFirstOption = (submenuRef, isOpen) => {
@@ -130,7 +138,19 @@ const ImageBorder = ({
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766
       dropdownOptionButton,
       "aria-expanded": isColorSubmenuOpen,
-      onKeyDown: e => handleTriggerByKeyboard(e, () => setIsColorSubmenuOpen(!isColorSubmenuOpen))
+      onKeyDown: e => handleTriggerSubmenuByKeyboard(e, () => {
+        if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
+          setIsColorSubmenuOpen(prev => {
+            const next = !prev;
+            if (next) {
+              setIsSizeSubmenuOpen(false);
+            }
+            return next;
+          });
+        } else {
+          setIsColorSubmenuOpen(!isColorSubmenuOpen);
+        }
+      })
     }, jsx(Text, null, formatMessage(messages.borderColor)), jsx("div", {
       css: contextualMenuArrow
     })), jsx("div", {
@@ -143,20 +163,26 @@ const ImageBorder = ({
       css: contextualSubMenu(0),
       ref: handleSubMenuRef
     }, jsx(ArrowKeyNavigationProvider, {
-      type: ArrowKeyNavigationType.MENU,
+      type: ArrowKeyNavigationType.MENU
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       handleClose: e => {
         e.preventDefault();
         e.stopPropagation();
         handleColorSubmenuEsc();
       },
       disableCloseOnArrowClick: true
-    }, jsx(ColorPalette, {
+    }, jsx(ColorPalette
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    , {
       onClick: color => {
         setBorder({
           color
         });
         setIsOpen(!isOpen);
-      },
+      }
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       onKeyDown: (color, _, event) => {
         if (event.key === 'Enter' || event.key === ' ') {
           var _openDropdownButtonRe;
@@ -169,7 +195,9 @@ const ImageBorder = ({
           (_openDropdownButtonRe = openDropdownButtonRef.current) === null || _openDropdownButtonRe === void 0 ? void 0 : _openDropdownButtonRe.focus();
         }
       },
-      selectedColor: color !== null && color !== void 0 ? color : null,
+      selectedColor: color !== null && color !== void 0 ? color : null
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       paletteOptions: {
         palette: borderColorPalette,
         paletteColorTooltipMessages: borderPaletteTooltipMessages,
@@ -193,7 +221,19 @@ const ImageBorder = ({
       dropdownOptionButton,
       "aria-expanded": isSizeSubmenuOpen,
       ref: dropDownSizeOptionButton,
-      onKeyDown: e => handleTriggerByKeyboard(e, () => setIsSizeSubmenuOpen(!isSizeSubmenuOpen))
+      onKeyDown: e => handleTriggerSubmenuByKeyboard(e, () => {
+        if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
+          setIsSizeSubmenuOpen(prev => {
+            const next = !prev;
+            if (next) {
+              setIsColorSubmenuOpen(false);
+            }
+            return next;
+          });
+        } else {
+          setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
+        }
+      })
     }, jsx(Text, null, formatMessage(messages.borderSize)), jsx("div", {
       css: contextualMenuArrow
     })), jsx("div", {
@@ -201,7 +241,9 @@ const ImageBorder = ({
       className: DropdownMenuSharedCssClassName.SUBMENU,
       ref: sizeSubmenuRef
     }, isSizeSubmenuOpen && jsx(ArrowKeyNavigationProvider, {
-      type: ArrowKeyNavigationType.MENU,
+      type: ArrowKeyNavigationType.MENU
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+      ,
       handleClose: e => {
         e.preventDefault();
         handleSizeSubmenuEsc();
@@ -315,12 +357,16 @@ const ImageBorder = ({
       spacing: "spacious",
       label: "",
       size: "small"
-    }),
+    })
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onClick: () => {
       setIsOpen(!isOpen);
       setIsOpenedByKeyboard(false);
-    },
-    onKeyDown: e => handleTriggerByKeyboard(e, () => setIsOpen(!isOpen))
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
+    onKeyDown: e => handleTriggerToolbarByKeyboard(e, () => setIsOpen(!isOpen))
   }))), jsx(Popup, {
     target: popupTarget.current ? popupTarget.current : undefined,
     fitWidth: fitWidth + fitTolerance,
@@ -328,12 +374,17 @@ const ImageBorder = ({
     forcePlacement: true,
     stick: true
   }, jsx("div", {
-    /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */
+    onMouseLeave: expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true) ? undefined : () => {
+      setIsColorSubmenuOpen(false);
+      setIsSizeSubmenuOpen(false);
+    }
+    /* eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/design-system/consistent-css-prop-usage -- Ignored via go/DSP-18766 */,
     css: dropdownWrapper
   }, jsx(DropdownMenu
   //This needs be removed when the a11y is completely handled
   //Disabling key navigation now as it works only partially
   //Same with packages/editor/editor-plugin-table/src/plugins/table/ui/FloatingContextualMenu/ContextualMenu.tsx
+  // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
   , {
     arrowKeyNavigationProviderOptions: {
       type: ArrowKeyNavigationType.MENU,
@@ -345,48 +396,84 @@ const ImageBorder = ({
     } : () => {
       var _openDropdownButtonRe3;
       (_openDropdownButtonRe3 = openDropdownButtonRef.current) === null || _openDropdownButtonRe3 === void 0 ? void 0 : _openDropdownButtonRe3.focus();
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     items: [{
       items
     }],
-    isOpen: isOpen,
-    shouldFocusFirstItem: () => isOpenByKeyboard,
+    isOpen: isOpen
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
+    shouldFocusFirstItem: () => isOpenByKeyboard
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onOpenChange: () => {
       setIsOpen(false);
       setIsColorSubmenuOpen(false);
       setIsSizeSubmenuOpen(false);
       setIsOpenedByKeyboard(false);
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onItemActivated: ({
       item
     }) => {
       if (item.value.name === 'color') {
-        setIsColorSubmenuOpen(!isColorSubmenuOpen);
+        if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
+          setIsColorSubmenuOpen(prev => {
+            const next = !prev;
+            if (next) {
+              setIsSizeSubmenuOpen(false);
+            }
+            return next;
+          });
+        } else {
+          setIsColorSubmenuOpen(!isColorSubmenuOpen);
+        }
       }
       if (item.value.name === 'size') {
-        setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
+        if (expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
+          setIsSizeSubmenuOpen(prev => {
+            const next = !prev;
+            if (next) {
+              setIsColorSubmenuOpen(false);
+            }
+            return next;
+          });
+        } else {
+          setIsSizeSubmenuOpen(!isSizeSubmenuOpen);
+        }
       }
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onMouseEnter: ({
       item
     }) => {
-      if (item.value.name === 'color') {
-        setIsColorSubmenuOpen(true);
-        setIsOpenedByKeyboard(false);
-      }
-      if (item.value.name === 'size') {
-        setIsSizeSubmenuOpen(true);
-        setIsOpenedByKeyboard(false);
+      if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
+        if (item.value.name === 'color') {
+          setIsColorSubmenuOpen(true);
+          setIsOpenedByKeyboard(false);
+        }
+        if (item.value.name === 'size') {
+          setIsSizeSubmenuOpen(true);
+          setIsOpenedByKeyboard(false);
+        }
       }
-    },
+    }
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed)
+    ,
     onMouseLeave: ({
       item
     }) => {
-      if (item.value.name === 'color') {
-        setIsColorSubmenuOpen(false);
-      }
-      if (item.value.name === 'size') {
-        setIsSizeSubmenuOpen(false);
+      if (!expValEquals('platform_editor_toolbar_submenu_open_click', 'isEnabled', true)) {
+        if (item.value.name === 'color') {
+          setIsColorSubmenuOpen(false);
+        }
+        if (item.value.name === 'size') {
+          setIsSizeSubmenuOpen(false);
+        }
       }
     },
     fitWidth: fitWidth + fitTolerance,

package/dist/es2019/ui/MediaLinkingToolbar.js

@@ -121,11 +121,15 @@ class LinkAddToolbar extends React.PureComponent {
           icon: jsx(ChevronLeftLargeIcon, {
             label: formatLinkAddressText,
             size: "small"
-          }),
+          })
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onClick: () => this.handleOnBack({
             url: value,
             inputMethod: currentInputMethod
-          }),
+          })
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onKeyDown: event => {
             if (event.key === 'Enter' || event.key === ' ') {
               event.preventDefault();
@@ -142,7 +146,9 @@ class LinkAddToolbar extends React.PureComponent {
           placeholder: getPlaceholder(!!activityProvider),
           autoFocus: true,
           onCancel: this.handleCancel,
-          defaultValue: value,
+          defaultValue: value
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onSubmit: inputValue => {
             const validationErrors = this.getValidationErrors(inputValue, currentInputMethod);
             this.setState({
@@ -151,7 +157,9 @@ class LinkAddToolbar extends React.PureComponent {
             if (!validationErrors.length) {
               onSubmit();
             }
-          },
+          }
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onChange: value => {
             this.setState({
               validationErrors: []
@@ -168,8 +176,12 @@ class LinkAddToolbar extends React.PureComponent {
           title: formatUnlinkText,
           icon: jsx(EditorUnlinkIcon, {
             label: formatUnlinkText
-          }),
-          onClick: () => this.handleUnlink(),
+          })
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
+          onClick: () => this.handleUnlink()
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onKeyDown: event => {
             if (event.key === 'Enter' || event.key === ' ') {
               event.preventDefault();

package/dist/es2019/ui/MediaPicker/DropzoneWrapper.js

@@ -42,8 +42,12 @@ const DropzoneWrapperInternal = ({
     config: dropzoneConfig,
     onError: pickerFacadeInstance.handleUploadError,
     onPreviewUpdate: pickerFacadeInstance.handleUploadPreviewUpdate,
-    onEnd: pickerFacadeInstance.handleReady,
-    onDragEnter: () => handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('enter'),
+    onEnd: pickerFacadeInstance.handleReady
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
+    onDragEnter: () => handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('enter')
+    // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+    ,
     onDragLeave: () => handleDrag === null || handleDrag === void 0 ? void 0 : handleDrag('leave'),
     featureFlags: featureFlags
   }) : null;

package/dist/es2019/ui/MediaPicker/PickerFacadeProvider.js

@@ -66,6 +66,7 @@ export default function PickerFacadeProvider({
   }, [analyticsName, insertFile, mediaOptions, options === null || options === void 0 ? void 0 : options.errorReporter]);
   useEffect(() => {
     if (mediaProvider) {
+      // eslint-disable-next-line @atlassian/perf-linting/no-chain-state-updates -- Ignored via go/ees017 (to be fixed)
       handleMediaProvider('mediaProvider', Promise.resolve(mediaProvider));
     }
   }, [mediaProvider, handleMediaProvider]);

package/dist/es2019/ui/MediaViewer/MediaViewerContainer.js

@@ -21,6 +21,7 @@ export const MediaViewerContainer = ({
   isEditorViewMode = false,
   isSelected = true,
   isInline = false,
+  mediaViewerExtensions,
   children
 }) => {
   var _mediaNode$firstChild;
@@ -50,6 +51,7 @@ export const MediaViewerContainer = ({
   }, children), shouldShowViewer && jsx(RenderMediaViewer, {
     selectedNodeAttrs: selectedNodeAttrs,
     mediaClientConfig: mediaClientConfig,
-    onClose: closeMediaViewer
+    onClose: closeMediaViewer,
+    extensions: mediaViewerExtensions
   })) : children);
 };

package/dist/es2019/ui/MediaViewer/PortalWrapper.js

@@ -24,7 +24,8 @@ export const RenderMediaViewer = ({
   mediaClientConfig,
   onClose,
   selectedNodeAttrs,
-  items = []
+  items = [],
+  extensions
 }) => {
   const identifier = getIdentifier(selectedNodeAttrs);
   const collectionName = isExternalMedia(selectedNodeAttrs) ? '' : selectedNodeAttrs.collection;
@@ -36,6 +37,7 @@ export const RenderMediaViewer = ({
     ,
     mediaClientConfig: mediaClientConfig,
     selectedItem: identifier,
-    onClose: onClose
+    onClose: onClose,
+    extensions: extensions
   }), document.body);
 };

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

@@ -364,6 +364,7 @@ export default class ResizableMediaSingle extends React.Component {
       // when cursor is located below a media with caption,
       // press “Up“ key will result cursor focus on an invalid position, (on the resize handler)
       // This workaround adds an empty div inside the resize handler to prevent the issue.
+      // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
       ,
       handleComponentFunc: () => jsx("div", {
         contentEditable: false

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

@@ -298,11 +298,15 @@ const generateMediaSingleFloatingToolbar = (state, intl, options, pluginState, m
           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$a;
             toggleBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a === void 0 ? void 0 : _pluginInjectionApi$a.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$a2;
             setBorderMark(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a2 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a2 === void 0 ? void 0 : _pluginInjectionApi$a2.actions)(attrs)(state, dispatch);

package/dist/es2019/ui/toolbar/layout-group.js

@@ -43,7 +43,9 @@ export const LayoutGroup = ({
           }) : undefined,
           title: item.title,
           selected: item.selected,
-          disabled: item.disabled,
+          disabled: item.disabled
+          // eslint-disable-next-line @atlassian/perf-linting/no-unstable-inline-props -- Ignored via go/ees017 (to be fixed) 
+          ,
           onClick: () => {
             dispatchCommand(item.onClick);
             hide();