@atlaskit/editor-core 187.41.3 → 187.41.5

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

@@ -1,8 +1,12 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+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 { Fragment } from '@atlaskit/editor-prosemirror/model';
 import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
 import { isNodeSelection, removeSelectedNode, safeInsert } from '@atlaskit/editor-prosemirror/utils';
+import { getMediaInputResizeAnalyticsEvent } from '../utils/analytics';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '@atlaskit/editor-common/analytics';
-import { removeMediaGroupNode } from './utils';
+import { removeMediaGroupNode, getSelectedMediaSingle } from './utils';
 import { currentMediaNodeWithPos } from '../utils/current-media-node';
 export var DEFAULT_BORDER_COLOR = '#091e4224';
 export var DEFAULT_BORDER_SIZE = 2;
@@ -190,4 +194,36 @@ export var setBorderMark = function setBorderMark(editorAnalyticsAPI) {
       return true;
     };
   };
+};
+export var updateMediaSingleWidth = function updateMediaSingleWidth(editorAnalyticsAPI) {
+  return function (width, validation, layout) {
+    return function (state, dispatch) {
+      var selectedMediaSingleNode = getSelectedMediaSingle(state);
+      if (!selectedMediaSingleNode) {
+        return false;
+      }
+      var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
+        width: width,
+        widthType: 'pixel',
+        layout: layout
+      }));
+      tr.setMeta('scrollIntoView', false);
+      tr.setSelection(NodeSelection.create(tr.doc, selectedMediaSingleNode.pos));
+      var $pos = state.doc.resolve(selectedMediaSingleNode.pos);
+      var parentNodeType = $pos ? $pos.parent.type.name : undefined;
+      var payload = getMediaInputResizeAnalyticsEvent('mediaSingle', {
+        width: width,
+        layout: layout,
+        validation: validation,
+        parentNode: parentNodeType
+      });
+      if (payload) {
+        editorAnalyticsAPI === null || editorAnalyticsAPI === void 0 ? void 0 : editorAnalyticsAPI.attachAnalyticsEvent(payload)(tr);
+      }
+      if (dispatch) {
+        dispatch(tr);
+      }
+      return true;
+    };
+  };
 };

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

@@ -24,7 +24,7 @@ import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { FilePreviewItem } from './filePreviewItem';
 import { downloadMedia, getSelectedMediaSingle, removeMediaGroupNode, getPixelWidthOfElement, calcNewLayout, getMaxToolbarWidth } from './utils';
 import { isVideo } from '../utils/media-single';
-import { changeInlineToMediaCard, changeMediaCardToInline, removeInlineCard, setBorderMark, toggleBorderMark } from './commands';
+import { changeInlineToMediaCard, changeMediaCardToInline, removeInlineCard, setBorderMark, toggleBorderMark, updateMediaSingleWidth } from './commands';
 import { MediaInlineNodeSelector, MediaSingleNodeSelector } from '../nodeviews/styles';
 import ImageBorderItem from '../ui/ImageBorder';
 import { currentMediaNodeBorderMark } from '../utils/current-media-node';
@@ -222,7 +222,6 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             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);
           },
-          showSomewhatSemanticTooltips: getEditorFeatureFlags === null || getEditorFeatureFlags === void 0 ? void 0 : getEditorFeatureFlags().useSomewhatSemanticTextColorNames,
           borderMark: borderMark,
           intl: intl
         });
@@ -305,15 +304,11 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
               }
             },
             onSubmit: function onSubmit(_ref2) {
-              var width = _ref2.width;
-              var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
-                width: width,
-                widthType: 'pixel',
-                layout: calcNewLayout(width, layout, contentWidth, options.fullWidthEnabled)
-              }));
-              tr.setMeta('scrollIntoView', false);
-              tr.setSelection(NodeSelection.create(tr.doc, selectedMediaSingleNode.pos));
-              dispatch(tr);
+              var _pluginInjectionApi$a4;
+              var width = _ref2.width,
+                validation = _ref2.validation;
+              var newLayout = calcNewLayout(width, layout, contentWidth, options.fullWidthEnabled);
+              updateMediaSingleWidth(pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions)(width, validation, newLayout)(state, dispatch);
             },
             onMigrate: function onMigrate() {
               var tr = state.tr.setNodeMarkup(selectedMediaSingleNode.pos, undefined, _objectSpread(_objectSpread({}, selectedMediaSingleNode.node.attrs), {}, {
@@ -368,10 +363,10 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
             };
             var openLink = function openLink() {
               if (editorView) {
-                var _pluginInjectionApi$a4;
+                var _pluginInjectionApi$a5;
                 var tr = editorView.state.tr,
                   dispatch = editorView.dispatch;
-                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a4 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a4 === void 0 ? void 0 : _pluginInjectionApi$a4.actions.attachAnalyticsEvent({
+                pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : _pluginInjectionApi$a5.actions.attachAnalyticsEvent({
                   eventType: EVENT_TYPE.TRACK,
                   action: ACTION.VISITED,
                   actionSubject: ACTION_SUBJECT.MEDIA,
@@ -397,8 +392,8 @@ var generateMediaSingleFloatingToolbar = function generateMediaSingleFloatingToo
     }
   }
   if (allowAltTextOnImages) {
-    var _pluginInjectionApi$a5;
-    toolbarButtons.push(altTextButton(intl, state, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a5 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a5 === void 0 ? void 0 : _pluginInjectionApi$a5.actions), {
+    var _pluginInjectionApi$a6;
+    toolbarButtons.push(altTextButton(intl, state, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a6 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a6 === void 0 ? void 0 : _pluginInjectionApi$a6.actions), {
       type: 'separator'
     });
   }
@@ -482,22 +477,22 @@ export var floatingToolbar = function floatingToolbar(state, intl) {
     selectedNodeType = state.selection.node.type;
   }
   if (allowMediaInline && (parentMediaGroupNode === null || parentMediaGroupNode === void 0 ? void 0 : parentMediaGroupNode.node.type) === mediaGroup) {
-    var _pluginInjectionApi$a6;
+    var _pluginInjectionApi$a7;
     var mediaOffset = state.selection.$from.parentOffset + 1;
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele;
       var selector = mediaFilmstripItemDOMSelector(mediaOffset);
       return (_mediaPluginState$ele = mediaPluginState.element) === null || _mediaPluginState$ele === void 0 ? void 0 : _mediaPluginState$ele.querySelector(selector);
     };
-    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a6 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a6 === void 0 ? void 0 : _pluginInjectionApi$a6.actions);
+    items = generateMediaCardFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a7 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a7 === void 0 ? void 0 : _pluginInjectionApi$a7.actions);
   } else if (allowMediaInline && selectedNodeType && selectedNodeType === mediaInline) {
-    var _pluginInjectionApi$a7;
+    var _pluginInjectionApi$a8;
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele2;
       var element = (_mediaPluginState$ele2 = mediaPluginState.element) === null || _mediaPluginState$ele2 === void 0 ? void 0 : _mediaPluginState$ele2.querySelector(".".concat(MediaInlineNodeSelector));
       return element || mediaPluginState.element;
     };
-    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a7 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a7 === void 0 ? void 0 : _pluginInjectionApi$a7.actions);
+    items = generateMediaInlineFloatingToolbar(state, intl, mediaPluginState, hoverDecoration, pluginInjectionApi === null || pluginInjectionApi === void 0 ? void 0 : (_pluginInjectionApi$a8 = pluginInjectionApi.analytics) === null || _pluginInjectionApi$a8 === void 0 ? void 0 : _pluginInjectionApi$a8.actions);
   } else {
     baseToolbar.getDomRef = function () {
       var _mediaPluginState$ele3;

package/dist/esm/plugins/media/ui/ImageBorder/index.js

@@ -17,7 +17,6 @@ import { messages } from './messages';
 var ImageBorder = function ImageBorder(_ref) {
   var formatMessage = _ref.intl.formatMessage,
     toggleBorder = _ref.toggleBorder,
-    showSomewhatSemanticTooltips = _ref.showSomewhatSemanticTooltips,
     borderMark = _ref.borderMark,
     setBorder = _ref.setBorder;
   var popupTarget = useRef(null);
@@ -78,8 +77,7 @@ var ImageBorder = function ImageBorder(_ref) {
       paletteOptions: {
         palette: borderColorPalette,
         paletteColorTooltipMessages: borderPaletteTooltipMessages,
-        hexToPaletteColor: hexToEditorBorderPaletteColor,
-        showSomewhatSemanticTooltips: showSomewhatSemanticTooltips
+        hexToPaletteColor: hexToEditorBorderPaletteColor
       }
     })))
   }, {

package/dist/esm/plugins/media/ui/PixelEntry/index.js

@@ -49,25 +49,26 @@ export var PixelEntry = function PixelEntry(_ref) {
     }
     if (onSubmit) {
       var widthToBeSumitted = data.inputWidth;
-      var isInvalidInput = false;
+      var validation = 'valid';
       if (data.inputWidth < minWidth) {
         widthToBeSumitted = minWidth;
-        isInvalidInput = true;
+        validation = 'less-than-min';
       }
       if (data.inputWidth > maxWidth) {
         widthToBeSumitted = maxWidth;
-        isInvalidInput = true;
+        validation = 'greater-than-max';
       }
 
       // If user keeps submitting an invalid input, node width attribute will be updated with the same value
       // and won't upadte the state in useEffect (since width is the same)
       // Thus, we set the state here to always display the correct dimension
-      if (isInvalidInput) {
+      if (validation !== 'valid') {
         setComputedWidth(widthToBeSumitted);
         setComputedHeight(Math.round(ratioWidth * widthToBeSumitted));
       }
       onSubmit({
-        width: widthToBeSumitted
+        width: widthToBeSumitted,
+        validation: validation
       });
     }
   };

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

@@ -35,7 +35,7 @@ export var getMediaInputResizeAnalyticsEvent = function getMediaInputResizeAnaly
   return {
     action: ACTION.EDITED,
     actionSubject: actionSubject,
-    actionSubjectId: ACTION_SUBJECT_ID.INPUT_RESIZED,
+    actionSubjectId: ACTION_SUBJECT_ID.RESIZED,
     attributes: {
       width: width,
       layout: layout,

package/dist/esm/plugins/paste/handlers.js

@@ -620,7 +620,8 @@ export function handleMarkdown(markdownSlice, queueCardsFromChangedTr, from, to)
     } else {
       tr.replaceSelection(markdownSlice);
     }
-    tr.setSelection(TextSelection.near(tr.doc.resolve(pastesFrom + markdownSlice.size), -1));
+    var textPosition = tr.doc.resolve(Math.min(pastesFrom + markdownSlice.size, tr.doc.content.size));
+    tr.setSelection(TextSelection.near(textPosition, -1));
     queueCardsFromChangedTr === null || queueCardsFromChangedTr === void 0 ? void 0 : queueCardsFromChangedTr(state, tr, INPUT_METHOD.CLIPBOARD);
     if (dispatch) {
       dispatch(tr.scrollIntoView());

package/dist/esm/plugins/text-color/index.js

@@ -10,10 +10,7 @@ var pluginConfig = function pluginConfig(textColorConfig) {
   return textColorConfig;
 };
 var textColorPlugin = function textColorPlugin(_ref) {
-  var _api$featureFlags;
-  var textColorConfig = _ref.config,
-    api = _ref.api;
-  var featureFlags = (api === null || api === void 0 ? void 0 : (_api$featureFlags = api.featureFlags) === null || _api$featureFlags === void 0 ? void 0 : _api$featureFlags.sharedState.currentState()) || {};
+  var textColorConfig = _ref.config;
   return {
     name: 'textColor',
     marks: function marks() {
@@ -53,8 +50,7 @@ var textColorPlugin = function textColorPlugin(_ref) {
             popupsBoundariesElement: popupsBoundariesElement,
             popupsScrollableElement: popupsScrollableElement,
             dispatchAnalyticsEvent: dispatchAnalyticsEvent,
-            disabled: disabled,
-            featureFlags: featureFlags
+            disabled: disabled
           });
         }
       });

package/dist/esm/plugins/text-color/ui/ToolbarTextColor/index.js

@@ -158,11 +158,9 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         isReducedSpacing = _this$props.isReducedSpacing,
         pluginState = _this$props.pluginState,
         formatMessage = _this$props.intl.formatMessage,
-        disabled = _this$props.disabled,
-        featureFlags = _this$props.featureFlags;
+        disabled = _this$props.disabled;
       var labelTextColor = formatMessage(messages.textColor);
       var palette = pluginState.palette;
-      var useSomewhatSemanticTextColorNames = featureFlags.useSomewhatSemanticTextColorNames;
       var fitWidth;
       if (document.body.clientWidth <= 740) {
         // This was originally hard-coded, but moved here to a const
@@ -229,8 +227,7 @@ export var ToolbarTextColor = /*#__PURE__*/function (_React$Component) {
         paletteOptions: {
           palette: palette,
           hexToPaletteColor: hexToEditorTextPaletteColor,
-          paletteColorTooltipMessages: textPaletteTooltipMessages,
-          showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames
+          paletteColorTooltipMessages: textPaletteTooltipMessages
         }
       }))), jsx("span", {
         css: separatorStyles

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

@@ -21,16 +21,16 @@ import ExpandIcon from '@atlaskit/icon/glyph/chevron-down';
 
 // helps adjusts position of popup
 var colorPickerButtonWrapper = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-var colorPickerExpandContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0px -4px;\n"])));
+var colorPickerExpandContainer = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0px ", ";\n"])), "var(--ds-space-negative-050, -4px)");
 
 // Control the size of color picker buttons and preview
 // TODO: https://product-fabric.atlassian.net/browse/DSP-4134
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var colorPickerWrapper = function colorPickerWrapper(theme) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: 8px 0px;\n"])), borderRadius(), themed({
+  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  border-radius: ", "px;\n  background-color: ", ";\n  box-shadow: 0 4px 8px -2px ", ", 0 0 1px ", ";\n  padding: ", " 0px;\n"])), borderRadius(), themed({
     light: "var(--ds-surface-overlay, ".concat(N0, ")"),
     dark: "var(--ds-surface-overlay, ".concat(DN50, ")")
-  })(theme), N60A, N60A);
+  })(theme), N60A, N60A, "var(--ds-space-100, 8px)");
 };
 /* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
 
@@ -154,7 +154,6 @@ var ColorPickerButton = function ColorPickerButton(props) {
       paletteOptions: {
         palette: props.colorPalette,
         hexToPaletteColor: props.hexToPaletteColor,
-        showSomewhatSemanticTooltips: props.showSomewhatSemanticTooltips,
         paletteColorTooltipMessages: props.paletteColorTooltipMessages
       }
     }))));

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -338,25 +338,15 @@ var ColorPicker = function ColorPicker(props) {
     onFieldChange(name, currentColor !== colorValue);
   };
   var _ref = featureFlags !== null && featureFlags !== void 0 ? featureFlags : {
-      useSomewhatSemanticTextColorNames: false,
       expandedChartColors: false
     },
-    useSomewhatSemanticTextColorNames = _ref.useSomewhatSemanticTextColorNames,
     expandedChartColors = _ref.expandedChartColors;
   return expandedChartColors ? jsx(ColorPickerButton, {
     title: title,
     currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: extendedColorPalette,
-    paletteColorTooltipMessages: chartsColorPaletteTooltipMessages
-    // We did not want to create new FF or update
-    //  useSomewhatSemanticTextColorNames name
-    //  because it is temporary and require extra work.
-    // So even though it says text color names,
-    //  we are going to use for all color pickers
-    //  such as text, background and table charts.
-    ,
-    showSomewhatSemanticTooltips: useSomewhatSemanticTextColorNames,
+    paletteColorTooltipMessages: chartsColorPaletteTooltipMessages,
     cols: EXPANDED_COLOR_PICKER_COLUMNS,
     alignX: "right",
     placement: "ConfigPanel",

package/dist/esm/ui/ConfigPanel/Fields/Expand.js

@@ -15,7 +15,7 @@ export var expandControl = css(_templateObject2 || (_templateObject2 = _taggedTe
 var chevronContainer = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  & > button {\n    width: ", ";\n    height: ", ";\n  }\n"])), "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)");
 var labelContainer = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 100%;\n  align-items: center;\n  display: flex;\n  font-weight: 500;\n"])));
 var expandContentContainer = function expandContentContainer(isHidden) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n  margin-top: calc(-1 * ", ");\n"])), isHidden ? 'none' : 'block', "var(--ds-space-100, 8px)");
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: ", ";\n  margin-top: ", ";\n"])), isHidden ? 'none' : 'block', "var(--ds-space-negative-100, -8px)");
 };
 function Expand(_ref) {
   var field = _ref.field,

package/dist/esm/version-wrapper.js

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

package/dist/types/labs/next/presets/default.d.ts

@@ -78,7 +78,28 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
         actions: {
             applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
         };
-    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+            sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
+            sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
+            actions: {
+                hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
+                removeDecoration: import("@atlaskit/editor-common/types").Command;
+            };
+        }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+            };
+        }, undefined>>];
+        actions: {
+            api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
+        };
+    }, import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
     }, undefined>];
     actions: {
@@ -233,7 +254,28 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
         actions: {
             applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
         };
-    }, undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
+    }, undefined>>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
+        pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
+        dependencies: [import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+            pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+            sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+        }, import("@atlaskit/editor-common/types").FeatureFlags>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+            sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+        }, undefined>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
+            sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
+            actions: {
+                hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
+                removeDecoration: import("@atlaskit/editor-common/types").Command;
+            };
+        }, undefined>, import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+            actions: {
+                applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+            };
+        }, undefined>>];
+        actions: {
+            api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
+        };
+    }, import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined>>, import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
         sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
     }, undefined>];
     actions: {

package/dist/types/plugins/floating-toolbar/ui/ExtensionsPlaceholder.d.ts

@@ -2,6 +2,7 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { ExtensionAPI } from '@atlaskit/editor-common/extensions';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 interface Props {
     node: PMNode;
@@ -9,6 +10,7 @@ interface Props {
     editorView: EditorView;
     separator?: 'start' | 'end' | 'both';
     applyChangeToContextPanel: ApplyChangeHandler | undefined;
+    extensionApi: ExtensionAPI | undefined;
 }
 export declare const ExtensionsPlaceholder: (props: Props) => JSX.Element | null;
 export {};

package/dist/types/plugins/floating-toolbar/ui/Toolbar.d.ts

@@ -9,6 +9,7 @@ import type { WrappedComponentProps } from 'react-intl-next';
 import type { FloatingToolbarItem, FeatureFlags, PluginInjectionAPIWithDependencies, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { decorationsPlugin } from '@atlaskit/editor-plugin-decorations';
 import type { contextPanelPlugin } from '@atlaskit/editor-plugin-context-panel';
+import type { ExtensionPlugin } from '@atlaskit/editor-plugin-extension';
 export type Item = FloatingToolbarItem<Function>;
 export interface Props {
     items: Array<Item>;
@@ -28,7 +29,8 @@ export interface Props {
     featureFlags: FeatureFlags;
     api: PluginInjectionAPIWithDependencies<[
         typeof decorationsPlugin,
-        OptionalPlugin<typeof contextPanelPlugin>
+        OptionalPlugin<typeof contextPanelPlugin>,
+        OptionalPlugin<ExtensionPlugin>
     ]> | undefined;
 }
 export declare const isSameItem: (leftItem: Item, rightItem: Item) => boolean;

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

@@ -1,5 +1,6 @@
-import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
+import type { BorderMarkAttributes, RichMediaLayout } from '@atlaskit/adf-schema';
 import type { Command } from '../../../types';
+import type { PixelEntryValidation } from '../ui/PixelEntry/types';
 import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 export declare const DEFAULT_BORDER_COLOR = "#091e4224";
 export declare const DEFAULT_BORDER_SIZE = 2;
@@ -8,3 +9,4 @@ export declare const changeMediaCardToInline: (editorAnalyticsAPI: EditorAnalyti
 export declare const removeInlineCard: Command;
 export declare const toggleBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;
 export declare const setBorderMark: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (attrs: Partial<BorderMarkAttributes>) => Command;
+export declare const updateMediaSingleWidth: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (width: number, validation: PixelEntryValidation, layout: RichMediaLayout) => Command;

package/dist/types/plugins/media/ui/ImageBorder/index.d.ts

@@ -1,13 +1,12 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { IntlShape } from 'react-intl-next';
-import { BorderMarkAttributes } from '@atlaskit/adf-schema';
+import type { IntlShape } from 'react-intl-next';
+import type { BorderMarkAttributes } from '@atlaskit/adf-schema';
 export interface ImageBorderProps {
     intl: IntlShape;
     toggleBorder: () => void;
     borderMark?: BorderMarkAttributes;
-    showSomewhatSemanticTooltips?: boolean;
     setBorder: (attrs: Partial<BorderMarkAttributes>) => void;
 }
-declare const ImageBorder: ({ intl: { formatMessage }, toggleBorder, showSomewhatSemanticTooltips, borderMark, setBorder, }: ImageBorderProps) => jsx.JSX.Element;
+declare const ImageBorder: ({ intl: { formatMessage }, toggleBorder, borderMark, setBorder, }: ImageBorderProps) => jsx.JSX.Element;
 export default ImageBorder;

package/dist/types/plugins/media/ui/PixelEntry/types.d.ts

@@ -51,6 +51,8 @@ export type PixelEntryFormValues = {
     inputWidth: number | '';
     inputHeight: number | '';
 };
+export type PixelEntryValidation = 'valid' | 'greater-than-max' | 'less-than-min';
 export type PixelEntryFormData = {
     width: number;
+    validation: PixelEntryValidation;
 };

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

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

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

@@ -5,7 +5,6 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { WrappedComponentProps } from 'react-intl-next';
 import type { DispatchAnalyticsEvent } from '../../../analytics';
 import type { TextColorPluginState } from '../../pm-plugins/main';
-import type { FeatureFlags } from '@atlaskit/editor-common/types';
 export declare const messages: {
     textColor: {
         id: string;
@@ -26,7 +25,6 @@ export interface Props {
     isReducedSpacing?: boolean;
     dispatchAnalyticsEvent?: DispatchAnalyticsEvent;
     disabled?: boolean;
-    featureFlags: FeatureFlags;
 }
 export declare class ToolbarTextColor extends React.Component<Props & WrappedComponentProps, State> {
     state: State;

package/dist/types/ui/ColorPickerButton/index.d.ts

@@ -17,7 +17,6 @@ type Props = WithAnalyticsEventsProps & {
     mountPoint?: HTMLElement;
     setDisableParentScroll?: (disable: boolean) => void;
     hexToPaletteColor?: (hexColor: string) => string | undefined;
-    showSomewhatSemanticTooltips?: boolean;
     paletteColorTooltipMessages?: PaletteTooltipMessages;
     /**
      * After picking the color the default behaviour is to focus the color picker button.
@@ -25,5 +24,5 @@ type Props = WithAnalyticsEventsProps & {
      */
     skipFocusButtonAfterPick?: boolean;
 };
-declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "cols" | "analyticsContext" | "currentColor" | "alignX" | "colorPalette" | "placement" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "showSomewhatSemanticTooltips" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
+declare const _default: React.ForwardRefExoticComponent<Pick<Omit<Props, keyof WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "title" | "key" | "onChange" | "size" | "cols" | "analyticsContext" | "currentColor" | "alignX" | "colorPalette" | "placement" | "mountPoint" | "setDisableParentScroll" | "hexToPaletteColor" | "paletteColorTooltipMessages" | "skipFocusButtonAfterPick"> & React.RefAttributes<any>>;
 export default _default;

package/dist/types/ui/ConfigPanel/Fields/Expand.d.ts

@@ -1,7 +1,7 @@
 /** @jsx jsx */
 import React from 'react';
-import { WrappedComponentProps } from 'react-intl-next';
-import { FieldDefinition } from '@atlaskit/editor-common/extensions';
+import type { WrappedComponentProps } from 'react-intl-next';
+import type { FieldDefinition } from '@atlaskit/editor-common/extensions';
 export declare const expandContainer: import("@emotion/react").SerializedStyles;
 export declare const expandControl: import("@emotion/react").SerializedStyles;
 declare const _default: React.FC<import("react-intl-next").WithIntlProps<{

package/dist/types-ts4.5/labs/next/presets/default.d.ts

@@ -106,6 +106,33 @@ export declare function createDefaultPreset(options: EditorPresetProps & Default
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
             }, undefined>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
+                dependencies: [
+                    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>,
+                    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+                        sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+                    }, undefined>,
+                    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
+                        sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
+                        actions: {
+                            hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
+                            removeDecoration: import("@atlaskit/editor-common/types").Command;
+                        };
+                    }, undefined>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+                        actions: {
+                            applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                        };
+                    }, undefined>>
+                ];
+                actions: {
+                    api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
+                };
+            }, import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined>>,
             import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
                 sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
             }, undefined>
@@ -315,6 +342,33 @@ export declare function useDefaultPreset(props: EditorPresetProps & DefaultPrese
                     applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
                 };
             }, undefined>>,
+            import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"extension", {
+                pluginConfiguration: import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined;
+                dependencies: [
+                    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"featureFlags", {
+                        pluginConfiguration: import("@atlaskit/editor-common/types").FeatureFlags;
+                        sharedState: import("@atlaskit/editor-common/types").FeatureFlags;
+                    }, import("@atlaskit/editor-common/types").FeatureFlags>,
+                    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"width", {
+                        sharedState: import("@atlaskit/editor-common/types").EditorContainerWidth | undefined;
+                    }, undefined>,
+                    import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"decorations", {
+                        sharedState: import("@atlaskit/editor-plugin-decorations").DecorationState;
+                        actions: {
+                            hoverDecoration: (nodeType: import("prosemirror-model").NodeType | import("prosemirror-model").NodeType[], add: boolean, className?: string | undefined) => import("@atlaskit/editor-common/types").Command;
+                            removeDecoration: import("@atlaskit/editor-common/types").Command;
+                        };
+                    }, undefined>,
+                    import("@atlaskit/editor-common/types").OptionalPlugin<import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"contextPanel", {
+                        actions: {
+                            applyChange: (tr: import("prosemirror-state").Transaction) => import("prosemirror-state").Transaction;
+                        };
+                    }, undefined>>
+                ];
+                actions: {
+                    api: () => import("@atlaskit/editor-common/extensions").ExtensionAPI<import("@atlaskit/editor-common/extensions").Parameters>;
+                };
+            }, import("@atlaskit/editor-plugin-extension").ExtensionPluginOptions | undefined>>,
             import("@atlaskit/editor-common/types").NextEditorPluginFunctionOptionalConfigDefinition<"editorDisabled", {
                 sharedState: import("@atlaskit/editor-plugin-editor-disabled").EditorDisabledPluginState;
             }, undefined>

package/dist/types-ts4.5/plugins/floating-toolbar/ui/ExtensionsPlaceholder.d.ts

@@ -2,6 +2,7 @@
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { ExtensionProvider } from '@atlaskit/editor-common/extensions';
+import type { ExtensionAPI } from '@atlaskit/editor-common/extensions';
 import type { ApplyChangeHandler } from '@atlaskit/editor-plugin-context-panel';
 interface Props {
     node: PMNode;
@@ -9,6 +10,7 @@ interface Props {
     editorView: EditorView;
     separator?: 'start' | 'end' | 'both';
     applyChangeToContextPanel: ApplyChangeHandler | undefined;
+    extensionApi: ExtensionAPI | undefined;
 }
 export declare const ExtensionsPlaceholder: (props: Props) => JSX.Element | null;
 export {};