@atlaskit/editor-common 90.1.0 → 91.0.0

package/CHANGELOG.md

@@ -1,5 +1,35 @@
 # @atlaskit/editor-common
 
+## 91.0.0
+
+### Major Changes
+
+- [#143799](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143799)
+  [`28c4ecb75a634`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/28c4ecb75a634) -
+  removed editorActions from onClick in Props, updated toolbar reference to it
+
+## 90.2.0
+
+### Minor Changes
+
+- [#143146](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143146)
+  [`8f698f1278514`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/8f698f1278514) -
+  [ux] [ED-24905] Main change: make loom plugin config, loomProvider, optional, and add optional
+  config, renderButton, to support customising loom button, e.g. adding pulse, spotlight. This
+  change is required to support loom cross-sell flow. In this flow, loom SDK will not be initialised
+  unless loomProvider is passed in. Once loomProvider is ready, `initLoom` action can be used to
+  initialise SDK. This change should be backwards compatible and will not impact the existing flow.
+
+### Patch Changes
+
+- [#143310](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143310)
+  [`f55df006dcd59`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/f55df006dcd59) -
+  ED-24822 - Add padding to panels with no icon and unhide drag handle in first bodied node
+- [#143644](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/143644)
+  [`b5352e3195293`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/b5352e3195293) -
+  [ux] [ED-24327] Integrate new media popup into toolbar and quick action
+- Updated dependencies
+
 ## 90.1.0
 
 ### Minor Changes

package/dist/cjs/messages/insert-block.js

@@ -46,16 +46,6 @@ var toolbarInsertBlockMessages = exports.toolbarInsertBlockMessages = (0, _react
     defaultMessage: 'Insert',
     description: 'Insert a node into the document'
   },
-  insertMediaFromUrl: {
-    id: 'fabric.editor.insertMediaFromUrl',
-    defaultMessage: 'Image from link',
-    description: 'Upload image from URL'
-  },
-  insertMediaFromUrlDescription: {
-    id: 'fabric.editor.insertMediaFromUrlDescription',
-    defaultMessage: 'Add an image or video from a link',
-    description: 'Upload a image to your page from external URL'
-  },
   mediaFilesDescription: {
     id: 'fabric.editor.mediaFiles.description',
     defaultMessage: 'Add images and other files to your page',

package/dist/cjs/messages/media-insert.js

@@ -32,7 +32,7 @@ var mediaInsertMessages = exports.mediaInsertMessages = (0, _reactIntlNext.defin
     description: 'Error message displayed when a user tries to insert an image from a URL that cannot be loaded. This may be because the URL is invalid, there is a network error or any other reason the preview upload does not succeed. When this occurs the suggestion is to attempt downloading the linked file manually and using a local upload instead.'
   },
   fromUrlWarning: {
-    id: 'fabric.editor.media.insert.fromUrlErrorMessage',
+    id: 'fabric.editor.media.insert.fromUrlWarning',
     defaultMessage: 'This image might not be visible to others due to source restrictions. Consider uploading the file instead.',
     description: 'Warning message displayed when a user tries to insert an image from a URL that may not be visible to others due to source restrictions such as not having permissions/authentication to load the image. The suggestion is to upload the file instead.'
   },

package/dist/cjs/monitoring/error.js

@@ -17,7 +17,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "90.1.0";
+var packageVersion = "91.0.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/cjs/styles/shared/panel.js

@@ -17,6 +17,7 @@ var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
 var _consts = require("@atlaskit/editor-shared-styles/consts");
 var _emoji = require("@atlaskit/emoji");
 var _colors = require("@atlaskit/theme/colors");
+var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _templateObject;
 /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -129,7 +130,8 @@ var prefix = 'ak-editor-panel';
 var PanelSharedCssClassName = exports.PanelSharedCssClassName = {
   prefix: prefix,
   content: "".concat(prefix, "__content"),
-  icon: "".concat(prefix, "__icon")
+  icon: "".concat(prefix, "__icon"),
+  noIcon: "".concat(prefix, "__no-icon")
 };
 var PanelSharedSelectors = exports.PanelSharedSelectors = {
   infoPanel: ".".concat(prefix, "[data-panel-type=").concat(_adfSchema.PanelType.INFO, "]"),
@@ -171,7 +173,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
 var panelSharedStylesWithoutPrefix = exports.panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS));
+  return (0, _react.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", _editorSharedStyles.blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", _editorSharedStyles.akEditorTableCellMinWidth, mainDynamicStyles(_adfSchema.PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(_adfSchema.PanelType.INFO), _emoji.emojiSprite, panelEmojiSpriteVerticalAlignment, _emoji.emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", _adfSchema.PanelType.NOTE, mainDynamicStyles(_adfSchema.PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.NOTE), _adfSchema.PanelType.TIP, mainDynamicStyles(_adfSchema.PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.TIP), _adfSchema.PanelType.WARNING, mainDynamicStyles(_adfSchema.PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.WARNING), _adfSchema.PanelType.ERROR, mainDynamicStyles(_adfSchema.PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.ERROR), _adfSchema.PanelType.SUCCESS, mainDynamicStyles(_adfSchema.PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(_adfSchema.PanelType.SUCCESS), (0, _experiments.editorExperiment)('nested-dnd', true) && "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}"));
 };
 var panelSharedStyles = exports.panelSharedStyles = function panelSharedStyles() {
   return (0, _react.css)((0, _defineProperty2.default)({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));

package/dist/cjs/ui/DropList/index.js

@@ -25,7 +25,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * @jsx jsx
  */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "90.1.0";
+var packageVersion = "91.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/cjs/ui-menu/ToolbarButton/index.js

@@ -53,9 +53,15 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     ariaExpanded = props['aria-expanded'],
     ariaPressed = props['aria-pressed'],
     ariaKeyShortcuts = props['aria-keyshortcuts'],
+    ariaControls = props['aria-controls'],
+    dataDsLevel = props['data-ds--level'],
     onClick = props.onClick,
     onKeyDown = props.onKeyDown,
-    onItemClick = props.onItemClick;
+    onItemClick = props.onItemClick,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave;
   var handleClick = (0, _react.useCallback)(function (event, analyticsEvent) {
     if (disabled) {
       return;
@@ -94,11 +100,17 @@ var ToolbarButton = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     target: target,
     shouldFitContainer: true,
     "aria-expanded": ariaExpanded,
+    "aria-controls": ariaControls,
     "aria-haspopup": ariaHasPopup,
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
     "aria-keyshortcuts": ariaKeyShortcuts,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    "data-ds--level": dataDsLevel
   }, children);
   if (!title) {
     return button;

package/dist/es2019/messages/insert-block.js

@@ -40,16 +40,6 @@ export const toolbarInsertBlockMessages = defineMessages({
     defaultMessage: 'Insert',
     description: 'Insert a node into the document'
   },
-  insertMediaFromUrl: {
-    id: 'fabric.editor.insertMediaFromUrl',
-    defaultMessage: 'Image from link',
-    description: 'Upload image from URL'
-  },
-  insertMediaFromUrlDescription: {
-    id: 'fabric.editor.insertMediaFromUrlDescription',
-    defaultMessage: 'Add an image or video from a link',
-    description: 'Upload a image to your page from external URL'
-  },
   mediaFilesDescription: {
     id: 'fabric.editor.mediaFiles.description',
     defaultMessage: 'Add images and other files to your page',

package/dist/es2019/messages/media-insert.js

@@ -26,7 +26,7 @@ export const mediaInsertMessages = defineMessages({
     description: 'Error message displayed when a user tries to insert an image from a URL that cannot be loaded. This may be because the URL is invalid, there is a network error or any other reason the preview upload does not succeed. When this occurs the suggestion is to attempt downloading the linked file manually and using a local upload instead.'
   },
   fromUrlWarning: {
-    id: 'fabric.editor.media.insert.fromUrlErrorMessage',
+    id: 'fabric.editor.media.insert.fromUrlWarning',
     defaultMessage: 'This image might not be visible to others due to source restrictions. Consider uploading the file instead.',
     description: 'Warning message displayed when a user tries to insert an image from a URL that may not be visible to others due to source restrictions such as not having permissions/authentication to load the image. The suggestion is to upload the file instead.'
   },

package/dist/es2019/monitoring/error.js

@@ -1,7 +1,7 @@
 import { isFedRamp } from './environment';
 const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-const packageVersion = "90.1.0";
+const packageVersion = "91.0.0";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/es2019/styles/shared/panel.js

@@ -7,6 +7,7 @@ import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/e
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { emojiImage, emojiSprite } from '@atlaskit/emoji';
 import { B100, B400, B50, B75, G200, G400, G50, G75, N0, N20, N60, P100, P400, P50, P75, R100, R400, R50, R75, T100, T50, T75, Y200, Y400, Y50, Y75 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 const lightPanelColors = {
   info: B50,
   note: P50,
@@ -114,7 +115,8 @@ const prefix = 'ak-editor-panel';
 export const PanelSharedCssClassName = {
   prefix,
   content: `${prefix}__content`,
-  icon: `${prefix}__icon`
+  icon: `${prefix}__icon`,
+  noIcon: `${prefix}__no-icon`
 };
 export const PanelSharedSelectors = {
   infoPanel: `.${prefix}[data-panel-type=${PanelType.INFO}]`,
@@ -251,6 +253,11 @@ export const panelSharedStylesWithoutPrefix = () => css`
 			${iconDynamicStyles(PanelType.SUCCESS)}
 		}
 	}
+
+	${editorExperiment('nested-dnd', true) && `&.${PanelSharedCssClassName.noIcon} {
+			padding-right: ${"var(--ds-space-150, 12px)"};
+			padding-left: ${"var(--ds-space-150, 12px)"};
+		}`}
 `;
 export const panelSharedStyles = () => css({
   // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766

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

@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "90.1.0";
+const packageVersion = "91.0.0";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 class DropList extends Component {

package/dist/es2019/ui-menu/ToolbarButton/index.js

@@ -42,9 +42,15 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     'aria-expanded': ariaExpanded,
     'aria-pressed': ariaPressed,
     'aria-keyshortcuts': ariaKeyShortcuts,
+    'aria-controls': ariaControls,
+    'data-ds--level': dataDsLevel,
     onClick,
     onKeyDown,
-    onItemClick
+    onItemClick,
+    onFocus,
+    onBlur,
+    onMouseEnter,
+    onMouseLeave
   } = props;
   const handleClick = useCallback((event, analyticsEvent) => {
     if (disabled) {
@@ -83,11 +89,17 @@ const ToolbarButton = /*#__PURE__*/React.forwardRef((props, ref) => {
     target: target,
     shouldFitContainer: true,
     "aria-expanded": ariaExpanded,
+    "aria-controls": ariaControls,
     "aria-haspopup": ariaHasPopup,
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
     "aria-keyshortcuts": ariaKeyShortcuts,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    "data-ds--level": dataDsLevel
   }, children);
   if (!title) {
     return button;

package/dist/esm/messages/insert-block.js

@@ -40,16 +40,6 @@ export var toolbarInsertBlockMessages = defineMessages({
     defaultMessage: 'Insert',
     description: 'Insert a node into the document'
   },
-  insertMediaFromUrl: {
-    id: 'fabric.editor.insertMediaFromUrl',
-    defaultMessage: 'Image from link',
-    description: 'Upload image from URL'
-  },
-  insertMediaFromUrlDescription: {
-    id: 'fabric.editor.insertMediaFromUrlDescription',
-    defaultMessage: 'Add an image or video from a link',
-    description: 'Upload a image to your page from external URL'
-  },
   mediaFilesDescription: {
     id: 'fabric.editor.mediaFiles.description',
     defaultMessage: 'Add images and other files to your page',

package/dist/esm/messages/media-insert.js

@@ -26,7 +26,7 @@ export var mediaInsertMessages = defineMessages({
     description: 'Error message displayed when a user tries to insert an image from a URL that cannot be loaded. This may be because the URL is invalid, there is a network error or any other reason the preview upload does not succeed. When this occurs the suggestion is to attempt downloading the linked file manually and using a local upload instead.'
   },
   fromUrlWarning: {
-    id: 'fabric.editor.media.insert.fromUrlErrorMessage',
+    id: 'fabric.editor.media.insert.fromUrlWarning',
     defaultMessage: 'This image might not be visible to others due to source restrictions. Consider uploading the file instead.',
     description: 'Warning message displayed when a user tries to insert an image from a URL that may not be visible to others due to source restrictions such as not having permissions/authentication to load the image. The suggestion is to upload the file instead.'
   },

package/dist/esm/monitoring/error.js

@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { isFedRamp } from './environment';
 var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
 var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
-var packageVersion = "90.1.0";
+var packageVersion = "91.0.0";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // TODO: Sanitise the URL instead of just removing it

package/dist/esm/styles/shared/panel.js

@@ -11,6 +11,7 @@ import { akEditorTableCellMinWidth, blockNodesVerticalMargin } from '@atlaskit/e
 import { akEditorCustomIconSize } from '@atlaskit/editor-shared-styles/consts';
 import { emojiImage, emojiSprite } from '@atlaskit/emoji';
 import { B100, B400, B50, B75, G200, G400, G50, G75, N0, N20, N60, P100, P400, P50, P75, R100, R400, R50, R75, T100, T50, T75, Y200, Y400, Y50, Y75 } from '@atlaskit/theme/colors';
+import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 var lightPanelColors = {
   info: B50,
   note: P50,
@@ -120,7 +121,8 @@ var prefix = 'ak-editor-panel';
 export var PanelSharedCssClassName = {
   prefix: prefix,
   content: "".concat(prefix, "__content"),
-  icon: "".concat(prefix, "__icon")
+  icon: "".concat(prefix, "__icon"),
+  noIcon: "".concat(prefix, "__no-icon")
 };
 export var PanelSharedSelectors = {
   infoPanel: ".".concat(prefix, "[data-panel-type=").concat(PanelType.INFO, "]"),
@@ -162,7 +164,7 @@ var mainDynamicStyles = function mainDynamicStyles(panelType) {
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- Safe to autofix with a tiny tweak to `mainDynamicStyles` being an object, but holding off…
 export var panelSharedStylesWithoutPrefix = function panelSharedStylesWithoutPrefix() {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(PanelType.INFO), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\tborder-radius: ", ";\n\tmargin: ", " 0 0;\n\tpadding-top: ", ";\n\tpadding-right: ", ";\n\tpadding-bottom: ", ";\n\tpadding-left: ", ";\n\tmin-width: ", "px;\n\tdisplay: flex;\n\tposition: relative;\n\talign-items: normal;\n\tword-break: break-word;\n\n\t", "\n\n\t.", " {\n\t\tflex-shrink: 0;\n\t\theight: ", ";\n\t\twidth: ", ";\n\t\tbox-sizing: content-box;\n\t\tpadding-right: ", ";\n\t\ttext-align: center;\n\t\tuser-select: none;\n\t\t-moz-user-select: none;\n\t\t-webkit-user-select: none;\n\t\t-ms-user-select: none;\n\t\tmargin-top: 0.1em;\n\t\t", "\n\n\t\t> span {\n\t\t\tvertical-align: middle;\n\t\t\tdisplay: inline-flex;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\t\t}\n\n\t\t.", " {\n\t\t\tvertical-align: ", "px;\n\n\t\t\t// Vertical align only works for inline-block elements in Firefox\n\t\t\t@-moz-document url-prefix() {\n\t\t\t\timg {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.ak-editor-panel__content {\n\t\tmargin: ", " 0 ", ";\n\t\tflex: 1 0 0;\n\t\t/*\n      https://ishadeed.com/article/min-max-css/#setting-min-width-to-zero-with-flexbox\n      The default value for min-width is auto, which is computed to zero. When an element is a flex item, the value of min-width doesn\u2019t compute to zero. The minimum size of a flex item is equal to the size of its contents.\n    */\n\t\tmin-width: 0;\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t&[data-panel-type='", "'] {\n\t\t", "\n\n\t\t.", " {\n\t\t\t", "\n\t\t}\n\t}\n\n\t", "\n"])), "var(--ds-border-radius, 3px)", blockNodesVerticalMargin, "var(--ds-space-100, 8px)", "var(--ds-space-200, 16px)", "var(--ds-space-100, 8px)", "var(--ds-space-100, 8px)", akEditorTableCellMinWidth, mainDynamicStyles(PanelType.INFO), PanelSharedCssClassName.icon, "var(--ds-space-300, 24px)", "var(--ds-space-300, 24px)", "var(--ds-space-100, 8px)", iconDynamicStyles(PanelType.INFO), emojiSprite, panelEmojiSpriteVerticalAlignment, emojiImage, panelEmojiImageVerticalAlignment, "var(--ds-space-025, 2px)", "var(--ds-space-025, 2px)", PanelType.NOTE, mainDynamicStyles(PanelType.NOTE), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.NOTE), PanelType.TIP, mainDynamicStyles(PanelType.TIP), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.TIP), PanelType.WARNING, mainDynamicStyles(PanelType.WARNING), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.WARNING), PanelType.ERROR, mainDynamicStyles(PanelType.ERROR), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.ERROR), PanelType.SUCCESS, mainDynamicStyles(PanelType.SUCCESS), PanelSharedCssClassName.icon, iconDynamicStyles(PanelType.SUCCESS), editorExperiment('nested-dnd', true) && "&.".concat(PanelSharedCssClassName.noIcon, " {\n\t\t\tpadding-right: ", "var(--ds-space-150, 12px)", ";\n\t\t\tpadding-left: ", "var(--ds-space-150, 12px)", ";\n\t\t}"));
 };
 export var panelSharedStyles = function panelSharedStyles() {
   return css(_defineProperty({}, ".".concat(PanelSharedCssClassName.prefix), panelSharedStylesWithoutPrefix()));

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

@@ -22,7 +22,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { N0, N50A, N60A, N900 } from '@atlaskit/theme/colors';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "90.1.0";
+var packageVersion = "91.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var DropList = /*#__PURE__*/function (_Component) {

package/dist/esm/ui-menu/ToolbarButton/index.js

@@ -46,9 +46,15 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ariaExpanded = props['aria-expanded'],
     ariaPressed = props['aria-pressed'],
     ariaKeyShortcuts = props['aria-keyshortcuts'],
+    ariaControls = props['aria-controls'],
+    dataDsLevel = props['data-ds--level'],
     onClick = props.onClick,
     onKeyDown = props.onKeyDown,
-    onItemClick = props.onItemClick;
+    onItemClick = props.onItemClick,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onMouseEnter = props.onMouseEnter,
+    onMouseLeave = props.onMouseLeave;
   var handleClick = useCallback(function (event, analyticsEvent) {
     if (disabled) {
       return;
@@ -87,11 +93,17 @@ var ToolbarButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
     target: target,
     shouldFitContainer: true,
     "aria-expanded": ariaExpanded,
+    "aria-controls": ariaControls,
     "aria-haspopup": ariaHasPopup,
     "aria-label": ariaLabel,
     "aria-pressed": ariaPressed,
     "aria-keyshortcuts": ariaKeyShortcuts,
-    onKeyDown: onKeyDown
+    onKeyDown: onKeyDown,
+    onFocus: onFocus,
+    onBlur: onBlur,
+    onMouseEnter: onMouseEnter,
+    onMouseLeave: onMouseLeave,
+    "data-ds--level": dataDsLevel
   }, children);
   if (!title) {
     return button;

package/dist/types/messages/insert-block.d.ts

@@ -39,16 +39,6 @@ export declare const toolbarInsertBlockMessages: {
         defaultMessage: string;
         description: string;
     };
-    insertMediaFromUrl: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    insertMediaFromUrlDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     mediaFilesDescription: {
         id: string;
         defaultMessage: string;

package/dist/types/styles/shared/panel.d.ts

@@ -54,6 +54,7 @@ export declare const PanelSharedCssClassName: {
     prefix: string;
     content: string;
     icon: string;
+    noIcon: string;
 };
 export declare const PanelSharedSelectors: {
     infoPanel: string;

package/dist/types/ui-menu/DropdownMenu/types.d.ts

@@ -1,5 +1,4 @@
 import type React from 'react';
-import type { EditorActionsOptions as EditorActions } from '../../types';
 import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 type SectionOptions = {
     hasSeparator?: boolean;
@@ -52,7 +51,7 @@ export interface MenuItem {
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
     'data-testid'?: string;
-    onClick?: (editorActions: EditorActions) => void;
+    onClick?: () => void;
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
     wrapperTabIndex?: number | null;
 }

package/dist/types/ui-menu/ToolbarButton/index.d.ts

@@ -33,7 +33,8 @@ export type Props = {
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
-} & Pick<ButtonProps, 'aria-label' | 'children'>;
+    'data-ds--level'?: string;
+} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls'>;
 export type ToolbarButtonRef = HTMLElement;
 declare const ToolbarButton: React.ForwardRefExoticComponent<{
     buttonId?: TOOLBAR_ACTION_SUBJECT_ID | undefined;
@@ -59,5 +60,6 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
-} & Pick<ButtonProps, "children" | "aria-label"> & React.RefAttributes<HTMLElement>>;
+    'data-ds--level'?: string | undefined;
+} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLElement>>;
 export default ToolbarButton;

package/dist/types-ts4.5/messages/insert-block.d.ts

@@ -39,16 +39,6 @@ export declare const toolbarInsertBlockMessages: {
         defaultMessage: string;
         description: string;
     };
-    insertMediaFromUrl: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
-    insertMediaFromUrlDescription: {
-        id: string;
-        defaultMessage: string;
-        description: string;
-    };
     mediaFilesDescription: {
         id: string;
         defaultMessage: string;

package/dist/types-ts4.5/styles/shared/panel.d.ts

@@ -54,6 +54,7 @@ export declare const PanelSharedCssClassName: {
     prefix: string;
     content: string;
     icon: string;
+    noIcon: string;
 };
 export declare const PanelSharedSelectors: {
     infoPanel: string;

package/dist/types-ts4.5/ui-menu/DropdownMenu/types.d.ts

@@ -1,5 +1,4 @@
 import type React from 'react';
-import type { EditorActionsOptions as EditorActions } from '../../types';
 import type { ArrowKeyNavigationProviderOptions } from '../ArrowKeyNavigationProvider/types';
 type SectionOptions = {
     hasSeparator?: boolean;
@@ -52,7 +51,7 @@ export interface MenuItem {
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
     'data-testid'?: string;
-    onClick?: (editorActions: EditorActions) => void;
+    onClick?: () => void;
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
     wrapperTabIndex?: number | null;
 }

package/dist/types-ts4.5/ui-menu/ToolbarButton/index.d.ts

@@ -33,7 +33,8 @@ export type Props = {
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
-} & Pick<ButtonProps, 'aria-label' | 'children'>;
+    'data-ds--level'?: string;
+} & Pick<ButtonProps, 'aria-label' | 'children' | 'onFocus' | 'onBlur' | 'onMouseEnter' | 'onMouseLeave' | 'aria-controls'>;
 export type ToolbarButtonRef = HTMLElement;
 declare const ToolbarButton: React.ForwardRefExoticComponent<{
     buttonId?: TOOLBAR_ACTION_SUBJECT_ID | undefined;
@@ -59,5 +60,6 @@ declare const ToolbarButton: React.ForwardRefExoticComponent<{
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-pressed'?: React.AriaAttributes['aria-pressed'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
-} & Pick<ButtonProps, "children" | "aria-label"> & React.RefAttributes<HTMLElement>>;
+    'data-ds--level'?: string | undefined;
+} & Pick<ButtonProps, "onFocus" | "onBlur" | "children" | "aria-controls" | "aria-label" | "onMouseEnter" | "onMouseLeave"> & React.RefAttributes<HTMLElement>>;
 export default ToolbarButton;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "90.1.0",
+	"version": "91.0.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -150,7 +150,7 @@
 		"@atlaskit/textfield": "^6.5.0",
 		"@atlaskit/theme": "^13.0.0",
 		"@atlaskit/tmp-editor-statsig": "*",
-		"@atlaskit/tokens": "^1.60.0",
+		"@atlaskit/tokens": "^1.61.0",
 		"@atlaskit/tooltip": "^18.7.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@atlaskit/width-detector": "^4.3.0",