@atlaskit/editor-common 108.7.0 → 109.1.0

package/CHANGELOG.md

@@ -1,5 +1,42 @@
 # @atlaskit/editor-common
 
+## 109.1.0
+
+### Minor Changes
+
+- [`6e317c17582a0`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6e317c17582a0) -
+  [EDITOR-1508] Add Define to old and new toolbar in edit mode for classic/live page
+- [`4edb2aee0da9c`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/4edb2aee0da9c) -
+  Add conditionalHooksFactory and migrate usage of useSharedPluginStateSelector to useEditorToolbar
+  and useSharedPluginStateWithSelector
+
+### Patch Changes
+
+- [`b6b37e0d4d2aa`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b6b37e0d4d2aa) -
+  [ux] If there are items in the list, allow normal tabbing so focus moves to the next interactive
+  element (in this case, a search result item).
+- [`f0662cd7a143e`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/f0662cd7a143e) -
+  Internal changes to how borders are applied.
+- Updated dependencies
+
+## 109.0.0
+
+### Major Changes
+
+- [`0d0fe7a300841`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/0d0fe7a300841) -
+  Cleanup platform_editor_usesharedpluginstatewithselector experiment
+
+  - BREAKING CHANGE: sharedPluginStateHookMigratorFactory is deleted from @atlaskit/editor-common
+
+### Minor Changes
+
+- [`3764ac0028e9d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/3764ac0028e9d) -
+  [ux] CONFCLOUD-68427-allow-elements-in-expands-to-be-aligned
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 108.7.0
 
 ### Minor Changes

package/dist/cjs/ai-messages/ai.js

@@ -138,6 +138,11 @@ var aiMessages = exports.aiMessages = (0, _reactIntlNext.defineMessages)({
     defaultMessage: 'More empathetic',
     description: 'Title for an option in the Change Tone menu to use Atlassian Intellgience to change the tone of the content currently selected by the user to be more empathetic.'
   },
+  DefineDropdownIconTitle: {
+    id: 'fabric.editor.ai.toolbar.DefineDropdownIconTitle.title',
+    defaultMessage: 'Define',
+    description: 'Title for an option to use Atlassian Intellgience for the Define Button to define the content currently selected by the user'
+  },
   // Prebuilt messages
   atlasGenerateContentConfigItemDescription: {
     id: 'fabric.editor.ai.atlas-prebuilt.atlasGenerateContentConfigItemDescription',

package/dist/cjs/card/MediaAndEmbedsToolbar/index.js

@@ -27,6 +27,7 @@ var _alignImageLeft2 = _interopRequireDefault(require("@atlaskit/icon/glyph/edit
 var _alignImageRight2 = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/align-image-right"));
 var _mediaWrapLeft = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-left"));
 var _mediaWrapRight = _interopRequireDefault(require("@atlaskit/icon/glyph/editor/media-wrap-right"));
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _analytics = require("../../analytics");
 var _coreUtils = require("../../core-utils");
 var _keymaps = require("../../keymaps");
@@ -253,7 +254,7 @@ var mapIconsToDropdownOptions = function mapIconsToDropdownOptions(_ref2) {
 };
 var shouldHideLayoutToolbar = function shouldHideLayoutToolbar(selection, _ref3, allowResizingInTables) {
   var nodes = _ref3.nodes;
-  return (0, _utils.hasParentNodeOfType)([nodes.bodiedExtension, nodes.extensionFrame, nodes.listItem, nodes.expand, nodes.nestedExpand].concat((0, _toConsumableArray2.default)(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
+  return (0, _utils.hasParentNodeOfType)([nodes.bodiedExtension, nodes.extensionFrame, nodes.listItem].concat((0, _toConsumableArray2.default)((0, _expValEquals.expValEquals)('editor_enable_image_alignment_in_expand', 'isEnabled', true) ? [] : [nodes.expand, nodes.nestedExpand]), (0, _toConsumableArray2.default)(allowResizingInTables ? [] : [nodes.table])).filter(Boolean))(selection);
 };
 var buildLayoutButtons = function buildLayoutButtons(state, intl, nodeType, widthPluginDependencyApi, analyticsApi, allowResizing, allowResizingInTables) {
   var allowWrapping = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : true;

package/dist/cjs/extensibility/Extension/Extension/index.js

@@ -221,7 +221,8 @@ function ExtensionWithPluginState(props) {
     ref: handleContentDOMRef
   }))))));
 }
-var useExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
+var Extension = function Extension(props) {
+  var pluginInjectionApi = props.pluginInjectionApi;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width'], function (states) {
       var _states$widthState$wi, _states$widthState, _states$widthState2;
       return {
@@ -231,32 +232,14 @@ var useExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMigratorFact
     }),
     lineLength = _useSharedPluginState.lineLength,
     width = _useSharedPluginState.width;
-  return {
+
+  // Ignored via go/ees005
+  return (0, _react2.jsx)(ExtensionWithPluginState, (0, _extends2.default)({
     widthState: {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength: lineLength
     }
-  };
-}, function (pluginInjectionApi) {
-  var _widthState$width;
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState2.widthState;
-  return {
-    widthState: {
-      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
-      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
-    }
-  };
-});
-var Extension = function Extension(props) {
-  var pluginInjectionApi = props.pluginInjectionApi;
-  var _useExtensionSharedPl = useExtensionSharedPluginState(pluginInjectionApi),
-    widthState = _useExtensionSharedPl.widthState;
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return (0, _react2.jsx)(ExtensionWithPluginState, (0, _extends2.default)({
-    widthState: widthState
+    // eslint-disable-next-line react/jsx-props-no-spreading
   }, props));
 };
 var _default = exports.default = (0, _ui.overflowShadow)(Extension, {

package/dist/cjs/extensibility/Extension/InlineExtension/index.js

@@ -24,28 +24,6 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 
-var useInlineExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
-  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width'], function (states) {
-      var _states$widthState;
-      return {
-        width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width
-      };
-    }),
-    width = _useSharedPluginState.width;
-  return {
-    widthState: {
-      width: width
-    }
-  };
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState2.widthState;
-  return {
-    widthState: {
-      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
-    }
-  };
-});
 var InlineExtension = function InlineExtension(props) {
   var node = props.node,
     pluginInjectionApi = props.pluginInjectionApi,
@@ -57,8 +35,13 @@ var InlineExtension = function InlineExtension(props) {
     isLivePageViewMode = props.isLivePageViewMode;
   var _ref = macroInteractionDesignFeatureFlags || {},
     showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates;
-  var _useInlineExtensionSh = useInlineExtensionSharedPluginState(pluginInjectionApi),
-    widthState = _useInlineExtensionSh.widthState;
+  var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width'], function (states) {
+      var _states$widthState;
+      return {
+        width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width
+      };
+    }),
+    width = _useSharedPluginState.width;
   var hasChildren = !!children;
   var classNames = (0, _classnames.default)('extension-container', 'inline', {
     'with-overlay': !showMacroInteractionDesignUpdates,
@@ -68,12 +51,12 @@ var InlineExtension = function InlineExtension(props) {
   });
   var rendererContainerWidth = 0;
   if ((0, _expValEquals.expValEquals)('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
-    if (widthState.width) {
-      var padding = widthState.width > _editorSharedStyles.akEditorFullPageNarrowBreakout ? (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() : _editorSharedStyles.akEditorGutterPaddingReduced;
-      rendererContainerWidth = widthState.width - padding * 2;
+    if (width) {
+      var padding = width > _editorSharedStyles.akEditorFullPageNarrowBreakout ? (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() : _editorSharedStyles.akEditorGutterPaddingReduced;
+      rendererContainerWidth = width - padding * 2;
     }
   } else {
-    rendererContainerWidth = widthState.width ? widthState.width - (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2 : 0;
+    rendererContainerWidth = width ? width - (0, _editorSharedStyles.akEditorGutterPaddingDynamic)() * 2 : 0;
   }
   var handleMouseEvent = function handleMouseEvent(didHover) {
     if (setIsNodeHovered) {

package/dist/cjs/extensibility/MultiBodiedExtension/index.js

@@ -239,7 +239,8 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref2
     "data-testid": "multiBodiedExtension-navigation"
   }, extensionHandlerResult), childrenContainer))));
 };
-var useMultiBodyExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMigratorFactory)(function (pluginInjectionApi) {
+var MultiBodiedExtension = function MultiBodiedExtension(props) {
+  var pluginInjectionApi = props.pluginInjectionApi;
   var _useSharedPluginState = (0, _hooks.useSharedPluginStateWithSelector)(pluginInjectionApi, ['width'], function (states) {
       var _states$widthState, _states$widthState2;
       return {
@@ -249,27 +250,13 @@ var useMultiBodyExtensionSharedPluginState = (0, _hooks.sharedPluginStateHookMig
     }),
     width = _useSharedPluginState.width,
     lineLength = _useSharedPluginState.lineLength;
-  return {
+  // Ignored via go/ees005
+  return (0, _react2.jsx)(MultiBodiedExtensionWithWidth, (0, _extends2.default)({
     widthState: width === undefined ? undefined : {
       width: width,
       lineLength: lineLength
     }
-  };
-}, function (pluginInjectionApi) {
-  var _useSharedPluginState2 = (0, _hooks.useSharedPluginState)(pluginInjectionApi, ['width']),
-    widthState = _useSharedPluginState2.widthState;
-  return {
-    widthState: widthState
-  };
-});
-var MultiBodiedExtension = function MultiBodiedExtension(props) {
-  var pluginInjectionApi = props.pluginInjectionApi;
-  var _useMultiBodyExtensio = useMultiBodyExtensionSharedPluginState(pluginInjectionApi),
-    widthState = _useMultiBodyExtensio.widthState;
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return (0, _react2.jsx)(MultiBodiedExtensionWithWidth, (0, _extends2.default)({
-    widthState: widthState
+    // eslint-disable-next-line react/jsx-props-no-spreading
   }, props));
 };
 var _default = exports.default = MultiBodiedExtension;

package/dist/cjs/hooks/index.js

@@ -4,12 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "sharedPluginStateHookMigratorFactory", {
-  enumerable: true,
-  get: function get() {
-    return _sharedPluginStateHookMigratorFactory.sharedPluginStateHookMigratorFactory;
-  }
-});
 Object.defineProperty(exports, "useConstructor", {
   enumerable: true,
   get: function get() {
@@ -37,5 +31,4 @@ Object.defineProperty(exports, "useSharedPluginStateWithSelector", {
 var _usePreviousState = _interopRequireDefault(require("./usePreviousState"));
 var _useConstructor = _interopRequireDefault(require("./useConstructor"));
 var _useSharedPluginState = require("./useSharedPluginState");
-var _sharedPluginStateHookMigratorFactory = require("./sharedPluginStateHookMigratorFactory");
 var _useSharedPluginStateWithSelector = require("./useSharedPluginStateWithSelector");

package/dist/cjs/hooks/usePluginStateEffect.js

@@ -9,7 +9,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = require("react");
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 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) { (0, _defineProperty2.default)(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; }
 // Ignored via go/ees005
@@ -107,16 +106,7 @@ function usePluginStateEffectInternal(externalPlugins, effect) {
   // We should store the latest effect in a reference so it is more intuitive to the user
   // and we are not causing a memory leak by having references to old state.
   (0, _react.useLayoutEffect)(function () {
-    if (options.disabled || !(0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true)) {
-      return;
-    }
-    latestEffect.current = (0, _debounce.default)(effect);
-    return function () {
-      latestEffect.current = undefined;
-    };
-  }, [effect, options.disabled]);
-  (0, _react.useEffect)(function () {
-    if (options.disabled || (0, _expValEquals.expValEquals)('platform_editor_usesharedpluginstatewithselector', 'isEnabled', true)) {
+    if (options.disabled) {
       return;
     }
     latestEffect.current = (0, _debounce.default)(effect);

package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js

@@ -535,6 +535,11 @@ var HyperlinkLinkAddToolbar = exports.HyperlinkLinkAddToolbar = /*#__PURE__*/fun
       var KEY_CODE_TAB = 9;
       var keyCode = event.keyCode;
       if (keyCode === KEY_CODE_TAB) {
+        /** If there are items in the list, allow normal tabbing so focus moves to the next interactive element (in this case, a search result item).
+         */
+        if (_this.state.items.length > 0 && (0, _platformFeatureFlags.fg)('platform_editor_a11y_insert_link_item_focus')) {
+          return;
+        }
         if (!_this.submitted) {
           var _this$state8 = _this.state,
             displayUrl = _this$state8.displayUrl,

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

package/dist/cjs/table/SortingIcon.js

@@ -36,7 +36,7 @@ var iconWrapperStyles = (0, _react.css)(_templateObject2 || (_templateObject2 =
 var iconStyles = (0, _react.css)({
   height: '100%',
   width: '2px',
-  borderRadius: '50px',
+  borderRadius: "var(--ds-radius-full, 9999px)",
   background: "var(--ds-icon, #42526E)",
   userSelect: 'none',
   '&::before, &::after': {
@@ -45,7 +45,7 @@ var iconStyles = (0, _react.css)({
     height: '2px',
     width: '6px',
     position: 'absolute',
-    borderRadius: '50px'
+    borderRadius: "var(--ds-radius-full, 9999px)"
   },
   '&::before': {
     transform: 'rotate(45deg) translate(3.4px, 8.5px)'

package/dist/cjs/toolbar/context.js

@@ -9,7 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 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 EditorToolbarContext = /*#__PURE__*/(0, _react.createContext)({
   editorView: null,
-  editorAppearance: undefined
+  editorAppearance: undefined,
+  editorViewMode: undefined,
+  editorToolbarDockingPreference: undefined
 });
 
 /**
@@ -25,11 +27,15 @@ var useEditorToolbar = exports.useEditorToolbar = function useEditorToolbar() {
 var EditorToolbarProvider = exports.EditorToolbarProvider = function EditorToolbarProvider(_ref) {
   var children = _ref.children,
     editorView = _ref.editorView,
-    editorAppearance = _ref.editorAppearance;
+    editorAppearance = _ref.editorAppearance,
+    editorViewMode = _ref.editorViewMode,
+    editorToolbarDockingPreference = _ref.editorToolbarDockingPreference;
   return /*#__PURE__*/_react.default.createElement(EditorToolbarContext.Provider, {
     value: {
       editorView: editorView,
-      editorAppearance: editorAppearance
+      editorAppearance: editorAppearance,
+      editorViewMode: editorViewMode,
+      editorToolbarDockingPreference: editorToolbarDockingPreference
     }
   }, children);
 };

package/dist/cjs/toolbar/index.js

@@ -171,6 +171,12 @@ Object.defineProperty(exports, "COMMENT_HERO_BUTTON", {
     return _keys.COMMENT_HERO_BUTTON;
   }
 });
+Object.defineProperty(exports, "DEFINE_MENU_ITEM", {
+  enumerable: true,
+  get: function get() {
+    return _keys.DEFINE_MENU_ITEM;
+  }
+});
 Object.defineProperty(exports, "EMOJI_BUTTON", {
   enumerable: true,
   get: function get() {

package/dist/cjs/toolbar/keys.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TEXT_STYLES_MENU = exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP = exports.REDO_CHANGES_GROUP = exports.REDO_BUTTON = exports.PIN_SECTION = exports.PIN_MENU_SECTION = exports.PIN_MENU_ITEM = exports.PIN_GROUP = exports.PIN_BUTTON = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR = exports.OVERFLOW_GROUP = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MENTION_GROUP = exports.MENTION_BUTTON = exports.MEDIA_GROUP = exports.MEDIA_BUTTON = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LOOM_MENU_SECTION = exports.LOOM_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.LAYOUT_GROUP = exports.LAYOUT_BUTTON = exports.ITALIC_MENU_ITEM = exports.INSERT_GROUP = exports.INSERT_BUTTON = exports.INSERT_BLOCK_SECTION = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.EMOJI_GROUP = exports.EMOJI_BUTTON = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BOLD_MENU_ITEM = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_SECTION = void 0;
-exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = void 0;
+exports.TEXT_STYLES_GROUP = exports.TEXT_SECTION_COLLAPSED = exports.TEXT_SECTION = exports.TEXT_FORMATTING_MENU_SECTION = exports.TEXT_FORMATTING_MENU = exports.TEXT_FORMATTING_HERO_BUTTON = exports.TEXT_FORMATTING_GROUP = exports.TEXT_COLOR_MENU_ITEM = exports.TEXT_COLOR_HIGHLIGHT_MENU_SECTION = exports.TEXT_COLOR_HIGHLIGHT_MENU = exports.TEXT_COLOR_HIGHLIGHT_GROUP = exports.TEXT_COLLAPSED_MENU = exports.TEXT_COLLAPSED_GROUP = exports.TASK_LIST_MENU_ITEM = exports.TASK_LIST_GROUP = exports.TASK_LIST_BUTTON = exports.TABLE_SIZE_PICKER = exports.TABLE_GROUP = exports.TABLE_BUTTON = exports.SUPERSCRIPT_MENU_ITEM = exports.SUBSCRIPT_MENU_ITEM = exports.STRIKE_MENU_ITEM = exports.SPELLING_AND_GRAMMAR_MENU_ITEM = exports.SELECTION_EXTENSION_MENU_SECTION = exports.ROVO_PROMPT_MENU_SECTION = exports.ROVO_MENU = exports.ROVO_HERO_BUTTON = exports.ROVO_GROUP = exports.REDO_CHANGES_GROUP = exports.REDO_BUTTON = exports.PIN_SECTION = exports.PIN_MENU_SECTION = exports.PIN_MENU_ITEM = exports.PIN_GROUP = exports.PIN_BUTTON = exports.OVERFLOW_SECTION_PRIMARY_TOOLBAR = exports.OVERFLOW_SECTION = exports.OVERFLOW_MENU_PRIMARY_TOOLBAR = exports.OVERFLOW_MENU = exports.OVERFLOW_GROUP_PRIMARY_TOOLBAR = exports.OVERFLOW_GROUP = exports.OUTDENT_MENU_ITEM = exports.NUMBERED_LIST_MENU_ITEM = exports.NORMAL_TEXT_MENU_ITEM = exports.MORE_PROFESSIONAL_MENU_ITEM = exports.MORE_EMPATHETIC_MENU_ITEM = exports.MORE_CASUAL_MENU_ITEM = exports.MENTION_GROUP = exports.MENTION_BUTTON = exports.MEDIA_GROUP = exports.MEDIA_BUTTON = exports.MAKE_SHORTER_MENU_ITEM = exports.MAKE_LONGER_MENU_ITEM = exports.LOOM_MENU_SECTION = exports.LOOM_MENU_ITEM = exports.LISTS_INDENTATION_MENU_SECTION = exports.LISTS_INDENTATION_MENU = exports.LISTS_INDENTATION_HERO_BUTTON = exports.LISTS_INDENTATION_GROUP = exports.LINKING_SECTION = exports.LINKING_GROUP = exports.LINKING_BUTTON = exports.LAYOUT_GROUP = exports.LAYOUT_BUTTON = exports.ITALIC_MENU_ITEM = exports.INSERT_GROUP = exports.INSERT_BUTTON = exports.INSERT_BLOCK_SECTION = exports.INDENT_MENU_ITEM = exports.IMPROVE_WRITING_GROUP = exports.IMPROVE_WRITING_BUTTON = exports.HIGHLIGHT_MENU_ITEM = exports.HEADING_6_MENU_ITEM = exports.HEADING_5_MENU_ITEM = exports.HEADING_4_MENU_ITEM = exports.HEADING_3_MENU_ITEM = exports.HEADING_2_MENU_ITEM = exports.HEADING_1_MENU_ITEM = exports.EMOJI_GROUP = exports.EMOJI_BUTTON = exports.DEFINE_MENU_ITEM = exports.COMMENT_HERO_BUTTON = exports.COMMENT_GROUP = exports.COLLAB_SECTION = exports.CODE_MENU_ITEM = exports.CLEAR_FORMATTING_MENU_ITEM = exports.CLEAR_FORMARTTING_MENU_SECTION = exports.CHANGE_TONE_NESTED_MENU = exports.CHANGE_TONE_MENU_SECTION = exports.BULLETED_LIST_MENU_ITEM = exports.BOLD_MENU_ITEM = exports.BLOCK_QUOTE_MENU_ITEM = exports.APPS_SECTION = exports.ALIGN_RIGHT_MENU_ITEM = exports.ALIGN_LEFT_MENU_ITEM = exports.ALIGN_CENTER_MENU_ITEM = exports.ALIGNMENT_MENU_SECTION = exports.ALIGNMENT_MENU = exports.ALIGNMENT_GROUP = exports.AI_SECTION = void 0;
+exports.UNDO_CHANGES_GROUP = exports.UNDO_BUTTON = exports.UNDERLINE_MENU_ITEM = exports.TRANSLATE_NESTED_MENU = exports.TRANSLATE_MENU_SECTION = exports.TRACK_CHANGES_SECTION = exports.TRACK_CHANGES_GROUP = exports.TRACK_CHANGES_BUTTON = exports.TOOLBARS = exports.TEXT_STYLES_MENU_SECTION = exports.TEXT_STYLES_MENU = void 0;
 var TOOLBARS = exports.TOOLBARS = {
   INLINE_TEXT_TOOLBAR: 'inline-text-toolbar',
   PRIMARY_TOOLBAR: 'primary-toolbar'
@@ -81,6 +81,10 @@ var TRANSLATE_MENU_SECTION = exports.TRANSLATE_MENU_SECTION = {
   key: 'translate-menu-section',
   type: 'menu-section'
 };
+var DEFINE_MENU_ITEM = exports.DEFINE_MENU_ITEM = {
+  key: 'define-menu-item',
+  type: 'menu-item'
+};
 
 /**
  * Text section

package/dist/cjs/toolbar/rank.js

@@ -17,7 +17,7 @@ var AI_SECTION_RANK = exports.AI_SECTION_RANK = (0, _defineProperty2.default)((0
 var ROVO_GROUP_RANK = exports.ROVO_GROUP_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.ROVO_HERO_BUTTON.key, 100), _keys.ROVO_MENU.key, 200);
 var IMPROVE_WRITING_GROUP_RANK = exports.IMPROVE_WRITING_GROUP_RANK = (0, _defineProperty2.default)({}, _keys.IMPROVE_WRITING_BUTTON.key, 100);
 var ROVO_MENU_RANK = exports.ROVO_MENU_RANK = (0, _defineProperty2.default)({}, _keys.ROVO_PROMPT_MENU_SECTION.key, 100);
-var ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.SPELLING_AND_GRAMMAR_MENU_ITEM.key, 100), _keys.CHANGE_TONE_NESTED_MENU.key, 200), _keys.MAKE_SHORTER_MENU_ITEM.key, 300), _keys.MAKE_LONGER_MENU_ITEM.key, 400), _keys.TRANSLATE_NESTED_MENU.key, 500);
+var ROVO_PROMPT_MENU_SECTION_RANK = exports.ROVO_PROMPT_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.SPELLING_AND_GRAMMAR_MENU_ITEM.key, 100), _keys.CHANGE_TONE_NESTED_MENU.key, 200), _keys.MAKE_SHORTER_MENU_ITEM.key, 300), _keys.MAKE_LONGER_MENU_ITEM.key, 400), _keys.TRANSLATE_NESTED_MENU.key, 500), _keys.DEFINE_MENU_ITEM.key, 600);
 var CHANGE_TONE_MENU_RANK = exports.CHANGE_TONE_MENU_RANK = (0, _defineProperty2.default)({}, _keys.CHANGE_TONE_MENU_SECTION.key, 100);
 var CHANGE_TONE_MENU_SECTION_RANK = exports.CHANGE_TONE_MENU_SECTION_RANK = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, _keys.MORE_PROFESSIONAL_MENU_ITEM.key, 100), _keys.MORE_CASUAL_MENU_ITEM.key, 200), _keys.MORE_EMPATHETIC_MENU_ITEM.key, 300);
 var TRANSLATE_MENU_RANK = exports.TRANSLATE_MENU_RANK = (0, _defineProperty2.default)({}, _keys.TRANSLATE_MENU_SECTION.key, 100);

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

@@ -24,7 +24,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 = "108.6.3";
+var packageVersion = "109.0.0";
 var halfFocusRing = 1;
 var dropOffset = '0, 8';
 var fadeIn = (0, _react2.keyframes)({

package/dist/cjs/ui/Expand/sharedStyles.js

@@ -29,7 +29,7 @@ var containerStyles = function containerStyles(styleProps) {
   var margin = "".concat(marginTop, " ").concat(marginHorizontal, " ").concat(marginBottom);
   return function () {
     return (0, _react.css)({
-      borderWidth: '1px',
+      borderWidth: "var(--ds-border-width, 1px)",
       borderStyle: 'solid',
       // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
       borderColor: focused ? EXPAND_FOCUSED_BORDER_COLOR : expanded ? EXPAND_EXPANDED_BORDER_COLOR : EXPAND_COLLAPSED_BORDER_COLOR,

package/dist/cjs/ui-color/ColorPalette/Color/styles.js

@@ -15,7 +15,7 @@ var buttonStyle = exports.buttonStyle = (0, _react.css)({
   width: '26px',
   background: "var(--ds-background-neutral, #091E420F)",
   padding: 0,
-  borderRadius: '4px',
+  borderRadius: "var(--ds-radius-small, 4px)",
   border: "1px solid ".concat("var(--ds-border-inverse, #FFFFFF)"),
   cursor: 'pointer',
   display: 'block'

package/dist/es2019/ai-messages/ai.js

@@ -132,6 +132,11 @@ export const aiMessages = defineMessages({
     defaultMessage: 'More empathetic',
     description: 'Title for an option in the Change Tone menu to use Atlassian Intellgience to change the tone of the content currently selected by the user to be more empathetic.'
   },
+  DefineDropdownIconTitle: {
+    id: 'fabric.editor.ai.toolbar.DefineDropdownIconTitle.title',
+    defaultMessage: 'Define',
+    description: 'Title for an option to use Atlassian Intellgience for the Define Button to define the content currently selected by the user'
+  },
   // Prebuilt messages
   atlasGenerateContentConfigItemDescription: {
     id: 'fabric.editor.ai.atlas-prebuilt.atlasGenerateContentConfigItemDescription',

package/dist/es2019/card/MediaAndEmbedsToolbar/index.js

@@ -17,6 +17,7 @@ import EditorAlignImageLeft from '@atlaskit/icon/glyph/editor/align-image-left';
 import EditorAlignImageRight from '@atlaskit/icon/glyph/editor/align-image-right';
 import WrapLeftIcon from '@atlaskit/icon/glyph/editor/media-wrap-left';
 import WrapRightIcon from '@atlaskit/icon/glyph/editor/media-wrap-right';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../analytics';
 import { insideTable } from '../../core-utils';
 import { alignCenter, alignLeft, alignRight, tooltip } from '../../keymaps';
@@ -249,7 +250,7 @@ const mapIconsToDropdownOptions = ({
 const shouldHideLayoutToolbar = (selection, {
   nodes
 }, allowResizingInTables) => {
-  return hasParentNodeOfType([nodes.bodiedExtension, nodes.extensionFrame, nodes.listItem, nodes.expand, nodes.nestedExpand, ...(allowResizingInTables ? [] : [nodes.table])].filter(Boolean))(selection);
+  return hasParentNodeOfType([nodes.bodiedExtension, nodes.extensionFrame, nodes.listItem, ...(expValEquals('editor_enable_image_alignment_in_expand', 'isEnabled', true) ? [] : [nodes.expand, nodes.nestedExpand]), ...(allowResizingInTables ? [] : [nodes.table])].filter(Boolean))(selection);
 };
 const buildLayoutButtons = (state, intl, nodeType, widthPluginDependencyApi, analyticsApi, allowResizing, allowResizingInTables, allowWrapping = true, allowAlignment = true, isChangingLayoutDisabled, allowPixelResizing) => {
   const {

package/dist/es2019/extensibility/Extension/Extension/index.js

@@ -11,7 +11,7 @@ import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { fg } from '@atlaskit/platform-feature-flags';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../../hooks';
+import { useSharedPluginStateWithSelector } from '../../../hooks';
 import { overflowShadow } from '../../../ui';
 import { calculateBreakoutStyles } from '../../../utils';
 import { LegacyContentHeader } from '../LegacyContentHeader';
@@ -213,7 +213,10 @@ function ExtensionWithPluginState(props) {
     ref: handleContentDOMRef
   }))))));
 }
-const useExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
+const Extension = props => {
+  const {
+    pluginInjectionApi
+  } = props;
   const {
     lineLength,
     width
@@ -224,36 +227,14 @@ const useExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(plugi
       lineLength: (_states$widthState2 = states.widthState) === null || _states$widthState2 === void 0 ? void 0 : _states$widthState2.lineLength
     };
   });
-  return {
+
+  // Ignored via go/ees005
+  return jsx(ExtensionWithPluginState, _extends({
     widthState: {
       width: width !== null && width !== void 0 ? width : 0,
       lineLength
     }
-  };
-}, pluginInjectionApi => {
-  var _widthState$width;
-  const {
-    widthState
-  } = useSharedPluginState(pluginInjectionApi, ['width']);
-  return {
-    widthState: {
-      width: (_widthState$width = widthState === null || widthState === void 0 ? void 0 : widthState.width) !== null && _widthState$width !== void 0 ? _widthState$width : 0,
-      lineLength: widthState === null || widthState === void 0 ? void 0 : widthState.lineLength
-    }
-  };
-});
-const Extension = props => {
-  const {
-    pluginInjectionApi
-  } = props;
-  const {
-    widthState
-  } = useExtensionSharedPluginState(pluginInjectionApi);
-
-  // Ignored via go/ees005
-  // eslint-disable-next-line react/jsx-props-no-spreading
-  return jsx(ExtensionWithPluginState, _extends({
-    widthState: widthState
+    // eslint-disable-next-line react/jsx-props-no-spreading
   }, props));
 };
 export default overflowShadow(Extension, {

package/dist/es2019/extensibility/Extension/InlineExtension/index.js

@@ -9,35 +9,11 @@ import { jsx } from '@emotion/react';
 import classnames from 'classnames';
 import { akEditorGutterPaddingDynamic, akEditorGutterPaddingReduced, akEditorFullPageNarrowBreakout } from '@atlaskit/editor-shared-styles';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
-import { sharedPluginStateHookMigratorFactory, useSharedPluginState, useSharedPluginStateWithSelector } from '../../../hooks';
+import { useSharedPluginStateWithSelector } from '../../../hooks';
 import { createWidthContext, WidthContext } from '../../../ui';
 import ExtensionLozenge from '../Lozenge';
 import { overlay } from '../styles';
 import { inlineWrapperStyles, wrapperStyle } from './styles';
-const useInlineExtensionSharedPluginState = sharedPluginStateHookMigratorFactory(pluginInjectionApi => {
-  const {
-    width
-  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], states => {
-    var _states$widthState;
-    return {
-      width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width
-    };
-  });
-  return {
-    widthState: {
-      width
-    }
-  };
-}, pluginInjectionApi => {
-  const {
-    widthState
-  } = useSharedPluginState(pluginInjectionApi, ['width']);
-  return {
-    widthState: {
-      width: widthState === null || widthState === void 0 ? void 0 : widthState.width
-    }
-  };
-});
 const InlineExtension = props => {
   const {
     node,
@@ -53,8 +29,13 @@ const InlineExtension = props => {
     showMacroInteractionDesignUpdates
   } = macroInteractionDesignFeatureFlags || {};
   const {
-    widthState
-  } = useInlineExtensionSharedPluginState(pluginInjectionApi);
+    width
+  } = useSharedPluginStateWithSelector(pluginInjectionApi, ['width'], states => {
+    var _states$widthState;
+    return {
+      width: (_states$widthState = states.widthState) === null || _states$widthState === void 0 ? void 0 : _states$widthState.width
+    };
+  });
   const hasChildren = !!children;
   const classNames = classnames('extension-container', 'inline', {
     'with-overlay': !showMacroInteractionDesignUpdates,
@@ -64,12 +45,12 @@ const InlineExtension = props => {
   });
   let rendererContainerWidth = 0;
   if (expValEquals('platform_editor_preview_panel_responsiveness', 'isEnabled', true)) {
-    if (widthState.width) {
-      const padding = widthState.width > akEditorFullPageNarrowBreakout ? akEditorGutterPaddingDynamic() : akEditorGutterPaddingReduced;
-      rendererContainerWidth = widthState.width - padding * 2;
+    if (width) {
+      const padding = width > akEditorFullPageNarrowBreakout ? akEditorGutterPaddingDynamic() : akEditorGutterPaddingReduced;
+      rendererContainerWidth = width - padding * 2;
     }
   } else {
-    rendererContainerWidth = widthState.width ? widthState.width - akEditorGutterPaddingDynamic() * 2 : 0;
+    rendererContainerWidth = width ? width - akEditorGutterPaddingDynamic() * 2 : 0;
   }
   const handleMouseEvent = didHover => {
     if (setIsNodeHovered) {