@atlaskit/editor-common 83.0.4 → 83.2.0

package/dist/esm/extensibility/Extension/Lozenge/LozengeComponent.js

@@ -19,6 +19,7 @@ export var LozengeComponent = function LozengeComponent(_ref) {
     params = _ref.params,
     renderImage = _ref.renderImage,
     showMacroInteractionDesignUpdates = _ref.showMacroInteractionDesignUpdates,
+    showMacroButtonUpdates = _ref.showMacroButtonUpdates,
     customContainerStyles = _ref.customContainerStyles,
     isNodeHovered = _ref.isNodeHovered,
     isNodeNested = _ref.isNodeNested,
@@ -33,7 +34,8 @@ export var LozengeComponent = function LozengeComponent(_ref) {
       isNodeNested: isNodeNested,
       customContainerStyles: customContainerStyles,
       setIsNodeHovered: setIsNodeHovered,
-      isBodiedMacro: isBodiedMacro
+      isBodiedMacro: isBodiedMacro,
+      showMacroButtonUpdates: showMacroButtonUpdates
     });
   }
   var isBlockExtension = extensionName === 'extension';

package/dist/esm/extensibility/Extension/Lozenge/index.js

@@ -42,6 +42,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
     _defineProperty(_assertThisInitialized(_this), "renderFallback", function (lozengeData) {
       var _this$props = _this.props,
         showMacroInteractionDesignUpdates = _this$props.showMacroInteractionDesignUpdates,
+        showMacroButtonUpdates = _this$props.showMacroButtonUpdates,
         isNodeSelected = _this$props.isNodeSelected,
         isNodeHovered = _this$props.isNodeHovered,
         isNodeNested = _this$props.isNodeNested,
@@ -59,6 +60,7 @@ var ExtensionLozenge = /*#__PURE__*/function (_Component) {
         isNodeSelected: isNodeSelected,
         isNodeNested: isNodeNested,
         showMacroInteractionDesignUpdates: showMacroInteractionDesignUpdates,
+        showMacroButtonUpdates: showMacroButtonUpdates,
         extensionName: name,
         lozengeData: lozengeData,
         params: params,

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

@@ -78,7 +78,8 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     isNodeNested = _ref.isNodeNested,
     setIsNodeHovered = _ref.setIsNodeHovered;
   var _ref2 = macroInteractionDesignFeatureFlags || {},
-    showMacroInteractionDesignUpdates = _ref2.showMacroInteractionDesignUpdates;
+    showMacroInteractionDesignUpdates = _ref2.showMacroInteractionDesignUpdates,
+    showMacroButtonUpdates = _ref2.showMacroButtonUpdates;
   var _node$attrs = node.attrs,
     parameters = _node$attrs.parameters,
     extensionKey = _node$attrs.extensionKey;
@@ -154,6 +155,7 @@ var MultiBodiedExtensionWithWidth = function MultiBodiedExtensionWithWidth(_ref)
     isNodeSelected: isNodeSelected,
     node: node,
     showMacroInteractionDesignUpdates: true,
+    showMacroButtonUpdates: showMacroButtonUpdates,
     customContainerStyles: mbeWrapperStyles,
     isNodeHovered: isNodeHovered,
     isNodeNested: isNodeNested,

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 = "83.0.4";
+var packageVersion = "83.2.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/ui/DropList/index.js

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

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useLayoutEffect, useRef, useState } from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 /**
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
@@ -13,11 +14,13 @@ export var ColorPaletteArrowKeyNavigationProvider = function ColorPaletteArrowKe
     handleClose = _ref.handleClose,
     closeOnTab = _ref.closeOnTab,
     editorRef = _ref.editorRef,
-    ignoreEscapeKey = _ref.ignoreEscapeKey;
+    ignoreEscapeKey = _ref.ignoreEscapeKey,
+    popupsMountPoint = _ref.popupsMountPoint;
   var wrapperRef = useRef(null);
   var currentSelectedColumnIndex = useRef(selectedColumnIndex === -1 ? 0 : selectedColumnIndex);
   var currentSelectedRowIndex = useRef(selectedRowIndex === -1 ? 0 : selectedRowIndex);
-  var _useState = useState(editorRef.current),
+  var element = getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && popupsMountPoint ? popupsMountPoint : editorRef.current;
+  var _useState = useState(element),
     _useState2 = _slicedToArray(_useState, 1),
     listenerTargetElement = _useState2[0];
   var incrementRowIndex = function incrementRowIndex(rowElements, columnElements) {

package/dist/esm/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.js

@@ -1,5 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 var hasEnabledItems = function hasEnabledItems(list) {
   return list.some(function (item) {
     return item.getAttribute('aria-disabled') !== 'true';
@@ -17,13 +18,15 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
     keyDownHandlerContext = _ref.keyDownHandlerContext,
     closeOnTab = _ref.closeOnTab,
     onSelection = _ref.onSelection,
-    editorRef = _ref.editorRef;
+    editorRef = _ref.editorRef,
+    popupsMountPoint = _ref.popupsMountPoint;
   var wrapperRef = useRef(null);
   var _useState = useState(-1),
     _useState2 = _slicedToArray(_useState, 2),
     currentSelectedItemIndex = _useState2[0],
     setCurrentSelectedItemIndex = _useState2[1];
-  var _useState3 = useState(editorRef.current),
+  var element = getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && popupsMountPoint ? [popupsMountPoint, editorRef.current] : [editorRef.current];
+  var _useState3 = useState(element),
     _useState4 = _slicedToArray(_useState3, 1),
     listenerTargetElement = _useState4[0];
   var incrementIndex = useCallback(function (list) {
@@ -143,9 +146,13 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           return;
       }
     };
-    listenerTargetElement && listenerTargetElement.addEventListener('keydown', handleKeyDown);
+    listenerTargetElement && listenerTargetElement.forEach(function (elem) {
+      elem && elem.addEventListener('keydown', handleKeyDown);
+    });
     return function () {
-      listenerTargetElement && listenerTargetElement.removeEventListener('keydown', handleKeyDown);
+      listenerTargetElement && listenerTargetElement.forEach(function (elem) {
+        elem && elem.removeEventListener('keydown', handleKeyDown);
+      });
     };
   }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement]);
   return /*#__PURE__*/React.createElement("div", {

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

@@ -12,22 +12,26 @@ export var ArrowKeyNavigationProvider = function ArrowKeyNavigationProvider(prop
     restProps = _objectWithoutProperties(props, _excluded);
   if (type === ArrowKeyNavigationType.COLOR) {
     return /*#__PURE__*/React.createElement(ReactEditorViewContext.Consumer, null, function (_ref) {
-      var editorView = _ref.editorView,
+      var popupsMountPoint = _ref.popupsMountPoint,
+        editorView = _ref.editorView,
         editorRef = _ref.editorRef;
       return editorRef && /*#__PURE__*/React.createElement(ColorPaletteArrowKeyNavigationProvider, _extends({
         selectedRowIndex: props.selectedRowIndex,
         selectedColumnIndex: props.selectedColumnIndex,
         isOpenedByKeyboard: props.isOpenedByKeyboard,
         isPopupPositioned: props.isPopupPositioned,
-        editorRef: editorRef
+        editorRef: editorRef,
+        popupsMountPoint: popupsMountPoint
       }, restProps), children);
     });
   }
   return /*#__PURE__*/React.createElement(ReactEditorViewContext.Consumer, null, function (_ref2) {
-    var editorView = _ref2.editorView,
+    var popupsMountPoint = _ref2.popupsMountPoint,
+      editorView = _ref2.editorView,
       editorRef = _ref2.editorRef;
     return editorRef && /*#__PURE__*/React.createElement(MenuArrowKeyNavigationProvider, _extends({
-      editorRef: editorRef
+      editorRef: editorRef,
+      popupsMountPoint: popupsMountPoint
     }, restProps), children);
   });
 };

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

@@ -233,14 +233,21 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(previousProps) {
-      var isOpenToggled = this.props.isOpen !== previousProps.isOpen;
-      if (this.props.isOpen && isOpenToggled) {
+      var _this$props3 = this.props,
+        mountTo = _this$props3.mountTo,
+        isOpen = _this$props3.isOpen;
+      var isOpenToggled = isOpen !== previousProps.isOpen;
+      if (isOpen && isOpenToggled) {
         if (typeof this.props.shouldFocusFirstItem === 'function' && this.props.shouldFocusFirstItem()) {
           var _this$state$target2;
           var keyboardEvent = new KeyboardEvent('keydown', {
             key: 'ArrowDown',
             bubbles: true
           });
+          if (mountTo && getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+            mountTo.dispatchEvent(keyboardEvent);
+            return;
+          }
           (_this$state$target2 = this.state.target) === null || _this$state$target2 === void 0 || _this$state$target2.dispatchEvent(keyboardEvent);
         }
       }

package/dist/esm/ui-react/with-react-editor-view-outer-listeners.js

@@ -12,6 +12,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { PureComponent, useEffect, useState } from 'react';
 import ReactDOM from 'react-dom';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import ReactEditorViewContext from './ReactEditorViewContext';
 
 // This needs exporting to be used alongisde `withReactEditorViewOuterListeners`
@@ -70,7 +71,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef;
         // Attached event to the menu so that 'ESC' events from the opened menu also will be handled.
-        (((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
+        (getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef = this.props.editorRef) === null || _this$props$editorRef === void 0 ? void 0 : _this$props$editorRef.current) || this.props.targetRef || document).addEventListener('keydown', this.handleKeydown, false);
       }
     }
   }, {
@@ -81,7 +82,7 @@ var WithOutsideClick = /*#__PURE__*/function (_PureComponent) {
       }
       if (this.props.handleEscapeKeydown) {
         var _this$props$editorRef2;
-        (((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
+        (getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && this.props.popupsMountPoint ? this.props.popupsMountPoint : undefined || ((_this$props$editorRef2 = this.props.editorRef) === null || _this$props$editorRef2 === void 0 ? void 0 : _this$props$editorRef2.current) || this.props.targetRef || document).removeEventListener('keydown', this.handleKeydown, false);
       }
     }
   }, {
@@ -114,11 +115,13 @@ export default function withReactEditorViewOuterListeners(Component) {
     }, [isActiveProp]);
     return /*#__PURE__*/React.createElement(ReactEditorViewContext.Consumer, null, function (_ref2) {
       var editorView = _ref2.editorView,
+        popupsMountPoint = _ref2.popupsMountPoint,
         editorRef = _ref2.editorRef;
       return /*#__PURE__*/React.createElement(WithOutsideClick, {
         editorView: editorView,
         editorRef: editorRef,
         targetRef: props.targetRef,
+        popupsMountPoint: popupsMountPoint,
         isActiveComponent: isActiveComponent,
         handleClickOutside: handleClickOutside,
         handleEnterKeydown: handleEnterKeydown,

package/dist/types/collab/index.d.ts

@@ -285,6 +285,17 @@ export interface CollabSendableSelection {
     anchor?: number | string;
     head?: number | string;
 }
+export type Activity = 'VIEWING' | 'EDITING';
+export type CollabActivityData = {
+    activity: Activity;
+    userId?: string;
+};
+export type CollabActivityJoinPayload = CollabActivityData & {
+    type: 'activity:join';
+};
+export type CollabActivityAckPayload = CollabActivityData & {
+    type: 'activity:ack';
+};
 export interface CollabEventTelepointerData {
     type: 'telepointer';
     selection: CollabSendableSelection;
@@ -334,6 +345,21 @@ export type UserPermitType = {
 };
 export type CollabPermissionEventPayload = UserPermitType;
 export interface CollabEvents {
+    /**
+     * Experimental Only: Teammate Presence (Confluence Land and Onboarding)
+     *
+     * This event is emitted when a new collaborator joins the session. The event carries information about
+     * the action the new collaborator is currently doing in the session, such as viewing or editing.
+     */
+    'activity:join': CollabActivityJoinPayload;
+    /**
+     * Experimental Only: Teammate Presence (Confluence Land and Onboarding)
+     *
+     * This event is emitted by the existing collaborators in response to a new collaborator joining.
+     * It is used to inform the new collaborator about the current actions or states of the existing
+     * collaborators, such as viewing or editing.
+     */
+    'activity:ack': CollabActivityAckPayload;
     'metadata:changed': Metadata;
     init: CollabInitPayload;
     connected: CollabConnectedPayload;

package/dist/types/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -8,6 +8,7 @@ type ExtensionLabelProps = {
     customContainerStyles?: CSSProperties;
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
+    showMacroButtonUpdates?: boolean;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showMacroButtonUpdates, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -11,11 +11,12 @@ type LozengeComponentProps = {
     renderImage: (lozengeData: LozengeData) => void;
     isNodeSelected?: boolean;
     showMacroInteractionDesignUpdates?: boolean;
+    showMacroButtonUpdates?: boolean;
     customContainerStyles?: CSSProperties;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, showMacroButtonUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

package/dist/types/extensibility/Extension/Lozenge/index.d.ts

@@ -6,6 +6,7 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 export interface Props {
     node: PmNode;
     showMacroInteractionDesignUpdates?: boolean;
+    showMacroButtonUpdates?: boolean;
     isNodeSelected?: boolean;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;

package/dist/types/ui-menu/ArrowKeyNavigationProvider/ColorPaletteArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { ColorPaletteArrowKeyNavigationProps } from '../types';
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;

package/dist/types/ui-menu/ArrowKeyNavigationProvider/MenuArrowKeyNavigationProvider/index.d.ts

@@ -4,4 +4,4 @@ import type { MenuArrowKeyNavigationProviderProps } from '../types';
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
  */
-export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;

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

@@ -22,6 +22,7 @@ export type ColorPaletteArrowKeyNavigationProps = ColorPaletteArrowKeyNavigation
     closeOnTab?: boolean;
     editorRef: React.RefObject<HTMLDivElement>;
     ignoreEscapeKey?: boolean | false;
+    popupsMountPoint?: HTMLElement | undefined;
 };
 export type MenuArrowKeyNavigationOptions = {
     type: ArrowKeyNavigationType.MENU;
@@ -34,6 +35,7 @@ export type MenuArrowKeyNavigationProviderProps = MenuArrowKeyNavigationOptions
     onSelection?: (index: number) => void;
     closeOnTab?: boolean;
     editorRef: React.RefObject<HTMLDivElement>;
+    popupsMountPoint?: HTMLElement | undefined;
 };
 export type ArrowKeyNavigationProviderOptions = ColorPaletteArrowKeyNavigationOptions | MenuArrowKeyNavigationOptions;
 export type ArrowKeyNavigationProviderProps = Omit<ColorPaletteArrowKeyNavigationProps, 'editorRef'> | Omit<MenuArrowKeyNavigationProviderProps, 'editorRef'>;

package/dist/types/ui-react/ReactEditorViewContext.d.ts

@@ -3,6 +3,7 @@ import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 type ReactEditorViewContextProps = {
     editorView?: EditorView;
     editorRef?: React.RefObject<HTMLDivElement>;
+    popupsMountPoint?: HTMLElement | undefined;
 };
 declare const ReactEditorViewContext: React.Context<ReactEditorViewContextProps>;
 export default ReactEditorViewContext;

package/dist/types-ts4.5/collab/index.d.ts

@@ -285,6 +285,17 @@ export interface CollabSendableSelection {
     anchor?: number | string;
     head?: number | string;
 }
+export type Activity = 'VIEWING' | 'EDITING';
+export type CollabActivityData = {
+    activity: Activity;
+    userId?: string;
+};
+export type CollabActivityJoinPayload = CollabActivityData & {
+    type: 'activity:join';
+};
+export type CollabActivityAckPayload = CollabActivityData & {
+    type: 'activity:ack';
+};
 export interface CollabEventTelepointerData {
     type: 'telepointer';
     selection: CollabSendableSelection;
@@ -334,6 +345,21 @@ export type UserPermitType = {
 };
 export type CollabPermissionEventPayload = UserPermitType;
 export interface CollabEvents {
+    /**
+     * Experimental Only: Teammate Presence (Confluence Land and Onboarding)
+     *
+     * This event is emitted when a new collaborator joins the session. The event carries information about
+     * the action the new collaborator is currently doing in the session, such as viewing or editing.
+     */
+    'activity:join': CollabActivityJoinPayload;
+    /**
+     * Experimental Only: Teammate Presence (Confluence Land and Onboarding)
+     *
+     * This event is emitted by the existing collaborators in response to a new collaborator joining.
+     * It is used to inform the new collaborator about the current actions or states of the existing
+     * collaborators, such as viewing or editing.
+     */
+    'activity:ack': CollabActivityAckPayload;
     'metadata:changed': Metadata;
     init: CollabInitPayload;
     connected: CollabConnectedPayload;

package/dist/types-ts4.5/extensibility/Extension/Lozenge/ExtensionLabel.d.ts

@@ -8,6 +8,7 @@ type ExtensionLabelProps = {
     customContainerStyles?: CSSProperties;
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
+    showMacroButtonUpdates?: boolean;
 };
-export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, }: ExtensionLabelProps) => jsx.JSX.Element;
+export declare const ExtensionLabel: ({ text, extensionName, isNodeHovered, customContainerStyles, isNodeNested, setIsNodeHovered, isBodiedMacro, showMacroButtonUpdates, }: ExtensionLabelProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/LozengeComponent.d.ts

@@ -11,11 +11,12 @@ type LozengeComponentProps = {
     renderImage: (lozengeData: LozengeData) => void;
     isNodeSelected?: boolean;
     showMacroInteractionDesignUpdates?: boolean;
+    showMacroButtonUpdates?: boolean;
     customContainerStyles?: CSSProperties;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;
     setIsNodeHovered?: (isHovered: boolean) => void;
     isBodiedMacro?: boolean;
 };
-export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, }: LozengeComponentProps) => jsx.JSX.Element;
+export declare const LozengeComponent: ({ lozengeData, extensionName, title, params, renderImage, showMacroInteractionDesignUpdates, showMacroButtonUpdates, customContainerStyles, isNodeHovered, isNodeNested, setIsNodeHovered, isBodiedMacro, }: LozengeComponentProps) => jsx.JSX.Element;
 export {};

package/dist/types-ts4.5/extensibility/Extension/Lozenge/index.d.ts

@@ -6,6 +6,7 @@ import type { Node as PmNode } from '@atlaskit/editor-prosemirror/model';
 export interface Props {
     node: PmNode;
     showMacroInteractionDesignUpdates?: boolean;
+    showMacroButtonUpdates?: boolean;
     isNodeSelected?: boolean;
     isNodeHovered?: boolean;
     isNodeNested?: boolean;

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

@@ -4,4 +4,4 @@ import type { ColorPaletteArrowKeyNavigationProps } from '../types';
  * This component is a wrapper for color picker which listens to keydown events of children
  * and handles arrow key navigation
  */
-export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;
+export declare const ColorPaletteArrowKeyNavigationProvider: ({ children, selectedRowIndex, selectedColumnIndex, isOpenedByKeyboard, isPopupPositioned, handleClose, closeOnTab, editorRef, ignoreEscapeKey, popupsMountPoint, }: React.PropsWithChildren<Omit<ColorPaletteArrowKeyNavigationProps, 'type'>>) => JSX.Element;

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

@@ -4,4 +4,4 @@ import type { MenuArrowKeyNavigationProviderProps } from '../types';
  * This component is a wrapper of vertical menus which listens to keydown events of children
  * and handles up/down arrow key navigation
  */
-export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;

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

@@ -22,6 +22,7 @@ export type ColorPaletteArrowKeyNavigationProps = ColorPaletteArrowKeyNavigation
     closeOnTab?: boolean;
     editorRef: React.RefObject<HTMLDivElement>;
     ignoreEscapeKey?: boolean | false;
+    popupsMountPoint?: HTMLElement | undefined;
 };
 export type MenuArrowKeyNavigationOptions = {
     type: ArrowKeyNavigationType.MENU;
@@ -34,6 +35,7 @@ export type MenuArrowKeyNavigationProviderProps = MenuArrowKeyNavigationOptions
     onSelection?: (index: number) => void;
     closeOnTab?: boolean;
     editorRef: React.RefObject<HTMLDivElement>;
+    popupsMountPoint?: HTMLElement | undefined;
 };
 export type ArrowKeyNavigationProviderOptions = ColorPaletteArrowKeyNavigationOptions | MenuArrowKeyNavigationOptions;
 export type ArrowKeyNavigationProviderProps = Omit<ColorPaletteArrowKeyNavigationProps, 'editorRef'> | Omit<MenuArrowKeyNavigationProviderProps, 'editorRef'>;

package/dist/types-ts4.5/ui-react/ReactEditorViewContext.d.ts

@@ -3,6 +3,7 @@ import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 type ReactEditorViewContextProps = {
     editorView?: EditorView;
     editorRef?: React.RefObject<HTMLDivElement>;
+    popupsMountPoint?: HTMLElement | undefined;
 };
 declare const ReactEditorViewContext: React.Context<ReactEditorViewContextProps>;
 export default ReactEditorViewContext;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "83.0.4",
+	"version": "83.2.0",
 	"description": "A package that contains common classes and components for editor and renderer",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -265,6 +265,9 @@
 		},
 		"platform.editor.a11y-table-context-menu_y4c9c": {
 			"type": "boolean"
+		},
+		"platform.editor.a11y-main-toolbar-navigation_osrty": {
+			"type": "boolean"
 		}
 	}
 }