@atlaskit/editor-common 106.3.0 → 106.3.2

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @atlaskit/editor-common
 
+## 106.3.2
+
+### Patch Changes
+
+- [#166424](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166424)
+  [`5bfa5b37065b1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5bfa5b37065b1) -
+  [ED-27807] Fix a bug where first button in the floating toolbar is shown with focus ring when
+  pressing Option+F10
+- [#167027](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/167027)
+  [`44639aaa2f7ae`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/44639aaa2f7ae) -
+  ED-28191 add new description text for resizing shortcut now it applies to more elements behind
+  platform_editor_breakout_resizing experiment
+- Updated dependencies
+
+## 106.3.1
+
+### Patch Changes
+
+- [#166430](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/166430)
+  [`cbdfbbb359bd9`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cbdfbbb359bd9) -
+  [ux] ED-27214 Fix flickering when dropdown menu opens in floating toolbar
+
 ## 106.3.0
 
 ### Minor Changes

package/dist/cjs/media-single/ExternalImageBadge.js

@@ -18,7 +18,7 @@ var baseStyles = (0, _primitives.xcss)({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
+var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com', 'loom.com'];
 var isUnbadgedUrl = exports.isUnbadgedUrl = function isUnbadgedUrl(url) {
   if (!url) {
     return false;

package/dist/cjs/messages/help-dialog.js

@@ -71,11 +71,21 @@ var helpDialogMessages = exports.helpDialogMessages = (0, _reactIntlNext.defineM
     defaultMessage: 'Increase table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
   },
+  increaseElementSize: {
+    id: 'fabric.editor.increaseElementSize',
+    defaultMessage: 'Increase element size',
+    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
+  },
   decreaseSize: {
     id: 'fabric.editor.decreaseSize',
     defaultMessage: 'Decrease table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
   },
+  decreaseElementSize: {
+    id: 'fabric.editor.decreaseElementSize',
+    defaultMessage: 'Decrease element size',
+    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
+  },
   openCellOptions: {
     id: 'fabric.editor.openCellOptions',
     defaultMessage: 'Open cell options',

package/dist/cjs/monitoring/error.js

@@ -16,7 +16,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 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 = "106.3.0";
+var packageVersion = "106.3.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -23,7 +23,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 = "106.3.0";
+var packageVersion = "106.3.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -18,6 +18,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _uiReact = require("../../ui-react");
 var _DropList = _interopRequireDefault(require("../../ui/DropList"));
 var _Popup = _interopRequireDefault(require("../../ui/Popup"));
+var _utils = require("../../ui/Popup/utils");
 var _ArrowKeyNavigationProvider = require("../ArrowKeyNavigationProvider");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(t).constructor) : o.apply(t, e)); }
@@ -68,6 +69,16 @@ var Dropdown = exports.Dropdown = /*#__PURE__*/function (_PureComponent) {
   }
   (0, _inherits2.default)(Dropdown, _PureComponent);
   return (0, _createClass2.default)(Dropdown, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (!prevProps.isOpen && this.props.isOpen && this.state.target && (0, _platformFeatureFlags.fg)('platform_editor_floating_toolbar_dropdown_flicker')) {
+        var initialPlacement = (0, _utils.calculatePlacement)(this.state.target, this.props.boundariesElement || document.body, this.props.fitWidth, this.props.fitHeight, this.props.alignX, this.props.alignY, this.props.forcePlacement);
+        this.setState({
+          popupPlacement: initialPlacement
+        });
+      }
+    }
+  }, {
     key: "renderDropdown",
     value: function renderDropdown() {
       var _this$state = this.state,

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.ToolbarArrowKeyNavigationProvider = exports.KeyDownHandlerContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@emotion/react");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _experiments = require("@atlaskit/tmp-editor-statsig/experiments");
 var _elementBrowser = require("../../element-browser");
 var _messages = require("../../messages");
@@ -213,10 +214,18 @@ var ToolbarArrowKeyNavigationProvider = exports.ToolbarArrowKeyNavigationProvide
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       if (isShortcutToFocusToolbar(event)) {
-        var _filteredFocusableEle7, _filteredFocusableEle8;
+        var _filteredFocusableEle7, _filteredFocusableEle8, _filteredFocusableEle9;
         var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
         (_filteredFocusableEle7 = filteredFocusableElements[0]) === null || _filteredFocusableEle7 === void 0 || _filteredFocusableEle7.focus();
-        (_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 || _filteredFocusableEle8.scrollIntoView({
+
+        // Button component from DS removes focus ring when :focus:not(:focus-visible) is true
+        // Since here we programmatically focus the first button in the toolbar (as suppose to keyboard navigation), browser does not always force focus-visible to true
+        // which is why the first button in the toolbar is not shown with focus ring
+        // The workaround is add a new classname so we add back focus ring when the button is focused
+        if (((_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 ? void 0 : _filteredFocusableEle8.tagName) === 'BUTTON' && (0, _platformFeatureFlags.fg)('platform_editor_fix_floating_toolbar_focus')) {
+          filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
+        }
+        (_filteredFocusableEle9 = filteredFocusableElements[0]) === null || _filteredFocusableEle9 === void 0 || _filteredFocusableEle9.scrollIntoView({
           behavior: 'smooth',
           block: 'center',
           inline: 'nearest'

package/dist/es2019/media-single/ExternalImageBadge.js

@@ -11,7 +11,7 @@ const baseStyles = xcss({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-const NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
+const NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com', 'loom.com'];
 export const isUnbadgedUrl = url => {
   if (!url) {
     return false;

package/dist/es2019/messages/help-dialog.js

@@ -65,11 +65,21 @@ export const helpDialogMessages = defineMessages({
     defaultMessage: 'Increase table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
   },
+  increaseElementSize: {
+    id: 'fabric.editor.increaseElementSize',
+    defaultMessage: 'Increase element size',
+    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
+  },
   decreaseSize: {
     id: 'fabric.editor.decreaseSize',
     defaultMessage: 'Decrease table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
   },
+  decreaseElementSize: {
+    id: 'fabric.editor.decreaseElementSize',
+    defaultMessage: 'Decrease element size',
+    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
+  },
   openCellOptions: {
     id: 'fabric.editor.openCellOptions',
     defaultMessage: 'Open cell options',

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 = "106.3.0";
+const packageVersion = "106.3.2";
 const sanitiseSentryEvents = (data, _hint) => {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -13,7 +13,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 const packageName = "@atlaskit/editor-common";
-const packageVersion = "106.3.0";
+const packageVersion = "106.3.2";
 const halfFocusRing = 1;
 const dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -5,6 +5,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '../../ui-react';
 import DropdownList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { calculatePlacement } from '../../ui/Popup/utils';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
@@ -45,6 +46,14 @@ export class Dropdown extends PureComponent {
       popupPlacement: ['bottom', 'left']
     };
   }
+  componentDidUpdate(prevProps) {
+    if (!prevProps.isOpen && this.props.isOpen && this.state.target && fg('platform_editor_floating_toolbar_dropdown_flicker')) {
+      const initialPlacement = calculatePlacement(this.state.target, this.props.boundariesElement || document.body, this.props.fitWidth, this.props.fitHeight, this.props.alignX, this.props.alignY, this.props.forcePlacement);
+      this.setState({
+        popupPlacement: initialPlacement
+      });
+    }
+  }
   renderDropdown() {
     const {
       target,

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

@@ -7,6 +7,7 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages } from '../../messages';
@@ -205,10 +206,18 @@ export const ToolbarArrowKeyNavigationProvider = ({
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       if (isShortcutToFocusToolbar(event)) {
-        var _filteredFocusableEle7, _filteredFocusableEle8;
+        var _filteredFocusableEle7, _filteredFocusableEle8, _filteredFocusableEle9;
         const filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
         (_filteredFocusableEle7 = filteredFocusableElements[0]) === null || _filteredFocusableEle7 === void 0 ? void 0 : _filteredFocusableEle7.focus();
-        (_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 ? void 0 : _filteredFocusableEle8.scrollIntoView({
+
+        // Button component from DS removes focus ring when :focus:not(:focus-visible) is true
+        // Since here we programmatically focus the first button in the toolbar (as suppose to keyboard navigation), browser does not always force focus-visible to true
+        // which is why the first button in the toolbar is not shown with focus ring
+        // The workaround is add a new classname so we add back focus ring when the button is focused
+        if (((_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 ? void 0 : _filteredFocusableEle8.tagName) === 'BUTTON' && fg('platform_editor_fix_floating_toolbar_focus')) {
+          filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
+        }
+        (_filteredFocusableEle9 = filteredFocusableElements[0]) === null || _filteredFocusableEle9 === void 0 ? void 0 : _filteredFocusableEle9.scrollIntoView({
           behavior: 'smooth',
           block: 'center',
           inline: 'nearest'

package/dist/esm/media-single/ExternalImageBadge.js

@@ -11,7 +11,7 @@ var baseStyles = xcss({
   lineHeight: "var(--ds-space-200, 16px)",
   cursor: 'pointer'
 });
-var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com'];
+var NO_EXTERNAL_BADGE_HOSTS = ['atlassian.com', 'loom.com'];
 export var isUnbadgedUrl = function isUnbadgedUrl(url) {
   if (!url) {
     return false;

package/dist/esm/messages/help-dialog.js

@@ -65,11 +65,21 @@ export var helpDialogMessages = defineMessages({
     defaultMessage: 'Increase table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
   },
+  increaseElementSize: {
+    id: 'fabric.editor.increaseElementSize',
+    defaultMessage: 'Increase element size',
+    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to increase the width of the selected element. Optimal characters less than 21.'
+  },
   decreaseSize: {
     id: 'fabric.editor.decreaseSize',
     defaultMessage: 'Decrease table or media size',
     description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
   },
+  decreaseElementSize: {
+    id: 'fabric.editor.decreaseElementSize',
+    defaultMessage: 'Decrease element size',
+    description: 'The text is shown as an shortcut description in help dialog modal, when the user uses the described shortcut, he is able to decrease the width of the selected element. Optimal characters less than 21.'
+  },
   openCellOptions: {
     id: 'fabric.editor.openCellOptions',
     defaultMessage: 'Open cell options',

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 = "106.3.0";
+var packageVersion = "106.3.2";
 var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
   // Remove URL as it has UGC
   // Ignored via go/ees007

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

@@ -20,7 +20,7 @@ import withAnalyticsContext from '@atlaskit/analytics-next/withAnalyticsContext'
 import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import Layer from '../Layer';
 var packageName = "@atlaskit/editor-common";
-var packageVersion = "106.3.0";
+var packageVersion = "106.3.2";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 // Ignored via go/ees005

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

@@ -12,6 +12,7 @@ import { fg } from '@atlaskit/platform-feature-flags';
 import { OutsideClickTargetRefContext, withReactEditorViewOuterListeners } from '../../ui-react';
 import DropdownList from '../../ui/DropList';
 import Popup from '../../ui/Popup';
+import { calculatePlacement } from '../../ui/Popup/utils';
 import { ArrowKeyNavigationProvider } from '../ArrowKeyNavigationProvider';
 /**
  * Wrapper around @atlaskit/droplist which uses Popup and Portal to render
@@ -59,6 +60,16 @@ export var Dropdown = /*#__PURE__*/function (_PureComponent) {
   }
   _inherits(Dropdown, _PureComponent);
   return _createClass(Dropdown, [{
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (!prevProps.isOpen && this.props.isOpen && this.state.target && fg('platform_editor_floating_toolbar_dropdown_flicker')) {
+        var initialPlacement = calculatePlacement(this.state.target, this.props.boundariesElement || document.body, this.props.fitWidth, this.props.fitHeight, this.props.alignX, this.props.alignY, this.props.forcePlacement);
+        this.setState({
+          popupPlacement: initialPlacement
+        });
+      }
+    }
+  }, {
     key: "renderDropdown",
     value: function renderDropdown() {
       var _this$state = this.state,

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

@@ -7,6 +7,7 @@ import React, { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, jsx } from '@emotion/react';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { editorExperiment } from '@atlaskit/tmp-editor-statsig/experiments';
 import { ELEMENT_BROWSER_ID } from '../../element-browser';
 import { fullPageMessages } from '../../messages';
@@ -205,10 +206,18 @@ export var ToolbarArrowKeyNavigationProvider = function ToolbarArrowKeyNavigatio
       // Ignored via go/ees005
       // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       if (isShortcutToFocusToolbar(event)) {
-        var _filteredFocusableEle7, _filteredFocusableEle8;
+        var _filteredFocusableEle7, _filteredFocusableEle8, _filteredFocusableEle9;
         var filteredFocusableElements = getFilteredFocusableElements(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current);
         (_filteredFocusableEle7 = filteredFocusableElements[0]) === null || _filteredFocusableEle7 === void 0 || _filteredFocusableEle7.focus();
-        (_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 || _filteredFocusableEle8.scrollIntoView({
+
+        // Button component from DS removes focus ring when :focus:not(:focus-visible) is true
+        // Since here we programmatically focus the first button in the toolbar (as suppose to keyboard navigation), browser does not always force focus-visible to true
+        // which is why the first button in the toolbar is not shown with focus ring
+        // The workaround is add a new classname so we add back focus ring when the button is focused
+        if (((_filteredFocusableEle8 = filteredFocusableElements[0]) === null || _filteredFocusableEle8 === void 0 ? void 0 : _filteredFocusableEle8.tagName) === 'BUTTON' && fg('platform_editor_fix_floating_toolbar_focus')) {
+          filteredFocusableElements[0].classList.add('first-floating-toolbar-button');
+        }
+        (_filteredFocusableEle9 = filteredFocusableElements[0]) === null || _filteredFocusableEle9 === void 0 || _filteredFocusableEle9.scrollIntoView({
           behavior: 'smooth',
           block: 'center',
           inline: 'nearest'

package/dist/types/messages/help-dialog.d.ts

@@ -64,11 +64,21 @@ export declare const helpDialogMessages: {
         defaultMessage: string;
         description: string;
     };
+    increaseElementSize: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     decreaseSize: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    decreaseElementSize: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     openCellOptions: {
         id: string;
         defaultMessage: string;

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

@@ -39,6 +39,7 @@ export declare class Dropdown extends PureComponent<Props, State> {
     private updatePopupPlacement;
     private handleCloseAndFocus;
     private handleClose;
+    componentDidUpdate(prevProps: Readonly<Props>): void;
     private renderDropdown;
     render(): React.JSX.Element;
 }

package/dist/types-ts4.5/messages/help-dialog.d.ts

@@ -64,11 +64,21 @@ export declare const helpDialogMessages: {
         defaultMessage: string;
         description: string;
     };
+    increaseElementSize: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     decreaseSize: {
         id: string;
         defaultMessage: string;
         description: string;
     };
+    decreaseElementSize: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
     openCellOptions: {
         id: string;
         defaultMessage: string;

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

@@ -45,6 +45,7 @@ export declare class Dropdown extends PureComponent<Props, State> {
     private updatePopupPlacement;
     private handleCloseAndFocus;
     private handleClose;
+    componentDidUpdate(prevProps: Readonly<Props>): void;
     private renderDropdown;
     render(): React.JSX.Element;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "106.3.0",
+	"version": "106.3.2",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -163,14 +163,14 @@
 		"@atlaskit/profilecard": "^23.16.0",
 		"@atlaskit/react-ufo": "^3.13.0",
 		"@atlaskit/section-message": "^8.2.0",
-		"@atlaskit/smart-card": "^38.7.0",
+		"@atlaskit/smart-card": "^38.8.0",
 		"@atlaskit/smart-user-picker": "^8.0.0",
 		"@atlaskit/spinner": "^18.0.0",
 		"@atlaskit/task-decision": "^19.2.0",
 		"@atlaskit/textfield": "^8.0.0",
 		"@atlaskit/theme": "^18.0.0",
 		"@atlaskit/tmp-editor-statsig": "^5.13.0",
-		"@atlaskit/tokens": "^5.0.0",
+		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@atlaskit/width-detector": "^5.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -209,7 +209,7 @@
 	"devDependencies": {
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/media-core": "^36.1.0",
-		"@atlaskit/media-test-helpers": "^36.0.0",
+		"@atlaskit/media-test-helpers": "^36.1.0",
 		"@atlaskit/util-data-test": "^18.0.0",
 		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/dom": "^10.1.0",
@@ -391,11 +391,17 @@
 		"dst-a11y__replace-anchor-with-link__editor": {
 			"type": "boolean"
 		},
+		"platform_editor_floating_toolbar_dropdown_flicker": {
+			"type": "boolean"
+		},
 		"confluence_preload_forge_viewport_heights_editor": {
 			"type": "boolean"
 		},
 		"interactable_in_editor_inputs": {
 			"type": "boolean"
+		},
+		"platform_editor_fix_floating_toolbar_focus": {
+			"type": "boolean"
 		}
 	}
 }