@atlaskit/editor-common 84.5.1 → 85.1.0

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

@@ -1,6 +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';
+import { fg } from '@atlaskit/platform-feature-flags';
 var hasEnabledItems = function hasEnabledItems(list) {
   return list.some(function (item) {
     return item.getAttribute('aria-disabled') !== 'true';
@@ -19,13 +19,14 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
     closeOnTab = _ref.closeOnTab,
     onSelection = _ref.onSelection,
     editorRef = _ref.editorRef,
-    popupsMountPoint = _ref.popupsMountPoint;
+    popupsMountPoint = _ref.popupsMountPoint,
+    disableCloseOnArrowClick = _ref.disableCloseOnArrowClick;
   var wrapperRef = useRef(null);
   var _useState = useState(-1),
     _useState2 = _slicedToArray(_useState, 2),
     currentSelectedItemIndex = _useState2[0],
     setCurrentSelectedItemIndex = _useState2[1];
-  var element = getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty') && popupsMountPoint ? [popupsMountPoint, editorRef.current] : [editorRef.current];
+  var element = popupsMountPoint && fg('platform.editor.a11y-main-toolbar-navigation_osrty') ? [popupsMountPoint, editorRef.current] : [editorRef.current];
   var _useState3 = useState(element),
     _useState4 = _slicedToArray(_useState3, 1),
     listenerTargetElement = _useState4[0];
@@ -120,7 +121,13 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          handleClose(event);
+          if (fg('platform-editor-a11y-image-border-options-dropdown')) {
+            if (!disableCloseOnArrowClick) {
+              handleClose(event);
+            }
+          } else {
+            handleClose(event);
+          }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowLeft();
           }
@@ -129,7 +136,13 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
           if (targetElement instanceof HTMLElement && !targetElement.closest('.custom-key-handler-wrapper')) {
             return;
           }
-          handleClose(event);
+          if (fg('platform-editor-a11y-image-border-options-dropdown')) {
+            if (!disableCloseOnArrowClick) {
+              handleClose(event);
+            }
+          } else {
+            handleClose(event);
+          }
           if (targetElement instanceof HTMLElement && !targetElement.closest('[data-testid="editor-floating-toolbar"]')) {
             keyDownHandlerContext === null || keyDownHandlerContext === void 0 || keyDownHandlerContext.handleArrowRight();
           }
@@ -154,7 +167,7 @@ export var MenuArrowKeyNavigationProvider = function MenuArrowKeyNavigationProvi
         elem && elem.removeEventListener('keydown', handleKeyDown);
       });
     };
-  }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement]);
+  }, [currentSelectedItemIndex, wrapperRef, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, incrementIndex, decrementIndex, listenerTargetElement, disableCloseOnArrowClick]);
   return /*#__PURE__*/React.createElement("div", {
     // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- Ignored via go/DSP-18766
     className: "menu-key-handler-wrapper custom-key-handler-wrapper",

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

@@ -22,7 +22,7 @@ import React, { PureComponent, useContext } from 'react';
 import { css, jsx } from '@emotion/react';
 import { akEditorFloatingPanelZIndex } from '@atlaskit/editor-shared-styles';
 import { CustomItem, MenuGroup, Section } from '@atlaskit/menu';
-import { getBooleanFF } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags';
 import { B100, N70, N900 } from '@atlaskit/theme/colors';
 import Tooltip from '@atlaskit/tooltip';
 import { DropdownMenuSharedCssClassName } from '../../styles';
@@ -94,7 +94,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "handleCloseAndFocus", function (event) {
       var _this$state$target;
       (_this$state$target = _this.state.target) === null || _this$state$target === void 0 || (_this$state$target = _this$state$target.querySelector('button')) === null || _this$state$target === void 0 || _this$state$target.focus();
-      if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+      if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
         _this.handleClose(event);
       } else {
         _this.handleClose();
@@ -103,7 +103,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
     _defineProperty(_assertThisInitialized(_this), "handleClose", function (event) {
       var onOpenChange = _this.props.onOpenChange;
       if (onOpenChange) {
-        if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
+        if (fg('platform.editor.a11y-table-context-menu_y4c9c')) {
           onOpenChange({
             isOpen: false,
             event: event
@@ -138,7 +138,8 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         onItemActivated = _this$props.onItemActivated,
         arrowKeyNavigationProviderOptions = _this$props.arrowKeyNavigationProviderOptions,
         section = _this$props.section,
-        isAllowEnterDefaultBehavior = _this$props.isAllowEnterDefaultBehavior;
+        allowEnterDefaultBehavior = _this$props.allowEnterDefaultBehavior,
+        handleEscapeKeydown = _this$props.handleEscapeKeydown;
       // Note that this onSelection function can't be refactored to useMemo for
       // performance gains as it is being used as a dependency in a useEffect in
       // MenuArrowKeyNavigationProvider in order to check for re-renders to adjust
@@ -179,10 +180,10 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
         shouldFitContainer: true,
         isTriggerNotTabbable: true,
         handleClickOutside: this.handleClose,
-        handleEscapeKeydown: this.handleCloseAndFocus,
+        handleEscapeKeydown: fg('platform-editor-a11y-image-border-options-dropdown') ? handleEscapeKeydown || this.handleCloseAndFocus : this.handleCloseAndFocus,
         handleEnterKeydown: function handleEnterKeydown(e) {
-          if (getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c')) {
-            if (!isAllowEnterDefaultBehavior) {
+          if (fg('platform.editor.a11y-table-context-menu_y4c9c') || fg('platform-editor-a11y-image-border-options-dropdown')) {
+            if (!allowEnterDefaultBehavior) {
               e.preventDefault();
             }
           } else {
@@ -244,7 +245,7 @@ var DropdownMenuWrapper = /*#__PURE__*/function (_PureComponent) {
             key: 'ArrowDown',
             bubbles: true
           });
-          if (mountTo && getBooleanFF('platform.editor.a11y-main-toolbar-navigation_osrty')) {
+          if (mountTo && fg('platform.editor.a11y-main-toolbar-navigation_osrty')) {
             mountTo.dispatchEvent(keyboardEvent);
             return;
           }
@@ -296,17 +297,38 @@ export function DropdownMenuItem(_ref) {
   var _handleSubmenuActive = function _handleSubmenuActive(event) {
     setSubmenuActive(Boolean(event.target instanceof HTMLElement && event.target.closest(".".concat(DropdownMenuSharedCssClassName.SUBMENU))));
   };
+  var ariaLabel;
+  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
+    ariaLabel = item['aria-label'] === '' ? undefined : item['aria-label'] || String(item.content);
+  } else {
+    ariaLabel = item['aria-label'] || String(item.content);
+  }
+  var testId;
+  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
+    testId = item['data-testid'] || "dropdown-item__".concat(item.content);
+  } else {
+    testId = "dropdown-item__".concat(String(item.content));
+  }
+
+  // From time to time we don't want to have any tabIndex on item wrapper
+  // especially when we pass any interactive element as a item.content
+  var tabIndex;
+  if (fg('platform-editor-a11y-image-border-options-dropdown')) {
+    tabIndex = item.wrapperTabIndex === null ? undefined : item.wrapperTabIndex || -1;
+  } else {
+    tabIndex = -1;
+  }
   var dropListItem = jsx("div", {
     css: function css() {
       return buttonStyles(item.isActive, submenuActive);
     },
-    tabIndex: -1,
+    tabIndex: tabIndex,
     "aria-disabled": item.isDisabled ? 'true' : 'false',
     onMouseDown: _handleSubmenuActive
   }, jsx(CustomItem, {
     item: item,
     key: (_item$key2 = item.key) !== null && _item$key2 !== void 0 ? _item$key2 : String(item.content),
-    testId: "dropdown-item__".concat(String(item.content)),
+    testId: testId,
     role: shouldUseDefaultRole ? 'button' : 'menuitem',
     iconBefore: item.elemBefore,
     iconAfter: item.elemAfter,
@@ -316,7 +338,7 @@ export function DropdownMenuItem(_ref) {
         item: item
       });
     },
-    "aria-label": item['aria-label'] || String(item.content),
+    "aria-label": ariaLabel,
     "aria-pressed": shouldUseDefaultRole ? item.isActive : undefined,
     "aria-keyshortcuts": item['aria-keyshortcuts'],
     onMouseDown: function onMouseDown(e) {
@@ -333,7 +355,7 @@ export function DropdownMenuItem(_ref) {
         item: item
       });
     },
-    "aria-expanded": getBooleanFF('platform.editor.a11y-table-context-menu_y4c9c') ? item['aria-expanded'] : undefined
+    "aria-expanded": fg('platform.editor.a11y-table-context-menu_y4c9c') ? item['aria-expanded'] : undefined
   }, item.content));
   if (item.tooltipDescription) {
     var _item$key3;

package/dist/types/analytics/types/enums.d.ts

@@ -238,7 +238,8 @@ export declare enum ACTION_SUBJECT {
     DROP_TARGET = "dropTarget",
     DRAG = "drag",
     ELEMENT = "element",
-    CONTEXT_MENU = "contextMenu"
+    CONTEXT_MENU = "contextMenu",
+    INLINE_DIALOG = "inlineDialog"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -352,6 +353,7 @@ export declare enum ACTION_SUBJECT_ID {
     SAVE = "save",
     SECTION = "section",
     SMART_LINK = "smartLink",
+    SMART_LINK_TOOLBAR = "smartLinkToolbar",
     STATUS = "status",
     SYMBOL = "symbol",
     TABLE = "table",

package/dist/types/extensibility/extensionNodeView.d.ts

@@ -8,7 +8,6 @@ import type { ProviderFactory } from '../provider-factory';
 import type { ForwardRef, getPosHandler } from '../react-node-view';
 import ReactNodeView from '../react-node-view';
 import type { EditorAppearance } from '../types';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 import type { ExtensionsPluginInjectionAPI, MacroInteractionDesignFeatureFlags } from './types';
 interface ExtensionNodeViewOptions {
     appearance?: EditorAppearance;
@@ -29,5 +28,5 @@ export declare class ExtensionNode extends ReactNodeView {
         macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
     }, forwardRef: ForwardRef): JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

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

@@ -93,6 +93,7 @@ export declare const toggleHighlightPalette: Keymap;
 export declare const focusToContextMenuTrigger: Keymap;
 export declare const dragToMoveUp: Keymap;
 export declare const dragToMoveDown: Keymap;
+export declare const showElementDragHandle: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types/link/ConfigureLinkOverlay/Dropdown.d.ts

@@ -1,8 +1,9 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 export type OnDropdownChange = (isOpen: boolean) => void;
 export type DropdownProps = {
-    testId: string;
+    /** Callback fired when the dropdown is open or close */
     onDropdownChange?: OnDropdownChange;
+    testId: string;
 };
-declare const Dropdown: ({ testId, onDropdownChange }: DropdownProps) => jsx.JSX.Element;
-export default Dropdown;
+declare const _default: import("react").ForwardRefExoticComponent<DropdownProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;
+export default _default;

package/dist/types/link/ConfigureLinkOverlay/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type OnDropdownChange } from './Dropdown';
 export interface OverlayButtonProps {
@@ -10,4 +10,4 @@ export interface OverlayButtonProps {
      */
     onDropdownChange?: OnDropdownChange;
 }
-export declare const OverlayButton: ({ editorView, testId, targetElementPos, onDropdownChange, }: OverlayButtonProps) => jsx.JSX.Element | null;
+export declare const OverlayButton: import("react").ForwardRefExoticComponent<OverlayButtonProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

package/dist/types/link/ConfigureLinkOverlay/useLinkOverlayAnalyticsEvents.d.ts

@@ -0,0 +1,5 @@
+export declare const useLinkOverlayAnalyticsEvents: () => {
+    fireActionClickEvent: (linkAction: string) => void;
+    fireLinkClickEvent: () => void;
+    fireToolbarViewEvent: () => void;
+};

package/dist/types/react-node-view/index.d.ts

@@ -3,7 +3,6 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
 import type { PortalProviderAPI } from '../portal';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 import type { ForwardRef, getPosHandler, ProsemirrorGetPosHandler, ReactComponentProps, shouldUpdate } from './types';
 export type { getPosHandler, ReactComponentProps, shouldUpdate, ProsemirrorGetPosHandler, ForwardRef, };
 export type { InlineNodeViewComponentProps } from './getInlineNodeViewProducer';
@@ -13,10 +12,8 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     private contentDOMWrapper?;
     private reactComponent?;
     private portalProviderAPI;
-    private hasAnalyticsContext;
     private _viewShouldUpdate?;
     protected eventDispatcher?: EventDispatcher;
-    private hasIntlContext;
     protected decorations: ReadonlyArray<Decoration>;
     reactComponentProps: P;
     view: EditorView;
@@ -24,7 +21,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
     key: string;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
     /**
      * This method exists to move initialization logic out of the constructor,
      * so object can be initialized properly before calling render first time.
@@ -54,5 +51,5 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     get dom(): HTMLElement;
     destroy(): void;
     private dispatchAnalyticsEvent;
-    static fromComponent(component: React.ComponentType<React.PropsWithChildren<any>>, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
+    static fromComponent(component: React.ComponentType<React.PropsWithChildren<any>>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
 }

package/dist/types/selection-based-node-view/SelectionBasedNodeView.d.ts

@@ -4,7 +4,6 @@ import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type EventDispatcher } from '../event-dispatcher';
 import { type PortalProviderAPI } from '../portal';
 import ReactNodeView, { type getPosHandler, type ReactComponentProps, type shouldUpdate } from '../react-node-view';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 /**
  * A ReactNodeView that handles React components sensitive
  * to selection changes.
@@ -32,7 +31,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     protected isSelectedNode: boolean;
     pos: number | undefined;
     posEnd: number | undefined;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
     /**
      * Update current node's start and end positions.
      *

package/dist/types/types/plugin-factory.d.ts

@@ -5,7 +5,6 @@ import type { Dispatch, EventDispatcher } from '../event-dispatcher';
 import { type PortalProviderAPI } from '../portal';
 import type { ProviderFactory } from '../provider-factory';
 import type { SafePlugin } from '../safe-plugin';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 import type { ErrorReporter } from '../utils';
 import type { EditorReactContext } from './editor-react-context';
 import type { FeatureFlags } from './feature-flags';
@@ -15,7 +14,7 @@ export type PMPluginFactoryParams = {
     eventDispatcher: EventDispatcher;
     providerFactory: ProviderFactory;
     errorReporter?: ErrorReporter;
-    portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI;
+    portalProviderAPI: PortalProviderAPI;
     reactContext: () => EditorReactContext;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     featureFlags: FeatureFlags;

package/dist/types/ui-color/ColorPalette/Color/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     value: string;
@@ -7,6 +7,7 @@ export interface Props {
     tabIndex?: number;
     isSelected?: boolean;
     onClick: (value: string, label: string) => void;
+    onKeyDown?: (value: string, label: string, event: React.KeyboardEvent) => void;
     borderColor: string;
     checkMarkColor?: string;
     autoFocus?: boolean;

package/dist/types/ui-color/ColorPalette/index.d.ts

@@ -5,6 +5,7 @@ import type { PaletteColor, PaletteTooltipMessages } from './Palettes/type';
 interface Props {
     selectedColor: string | null;
     onClick: (value: string, label: string) => void;
+    onKeyDown?: (value: string, label: string, event: React.KeyboardEvent) => void;
     cols?: number;
     className?: string;
     /**

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, popupsMountPoint, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;

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

@@ -28,6 +28,7 @@ export type MenuArrowKeyNavigationOptions = {
     type: ArrowKeyNavigationType.MENU;
     disableArrowKeyNavigation?: boolean;
     keyDownHandlerContext?: KeyDownHandlerContext;
+    disableCloseOnArrowClick?: boolean;
     children?: React.ReactNode;
 };
 export type MenuArrowKeyNavigationProviderProps = MenuArrowKeyNavigationOptions & {

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

@@ -30,7 +30,8 @@ export interface Props {
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     section?: SectionOptions;
     children?: React.ReactNode;
-    isAllowEnterDefaultBehavior?: boolean;
+    allowEnterDefaultBehavior?: boolean;
+    handleEscapeKeydown?: (e: KeyboardEvent) => void;
 }
 export interface MenuItem {
     key?: string;
@@ -50,8 +51,10 @@ export interface MenuItem {
     'aria-label'?: React.AriaAttributes['aria-label'];
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
+    'data-testid'?: string;
     onClick?: (editorActions: EditorActions) => void;
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
+    wrapperTabIndex?: number | null;
 }
 export interface State {
     target?: HTMLElement;

package/dist/types-ts4.5/analytics/types/enums.d.ts

@@ -238,7 +238,8 @@ export declare enum ACTION_SUBJECT {
     DROP_TARGET = "dropTarget",
     DRAG = "drag",
     ELEMENT = "element",
-    CONTEXT_MENU = "contextMenu"
+    CONTEXT_MENU = "contextMenu",
+    INLINE_DIALOG = "inlineDialog"
 }
 export declare enum ACTION_SUBJECT_ID {
     ACTION = "action",
@@ -352,6 +353,7 @@ export declare enum ACTION_SUBJECT_ID {
     SAVE = "save",
     SECTION = "section",
     SMART_LINK = "smartLink",
+    SMART_LINK_TOOLBAR = "smartLinkToolbar",
     STATUS = "status",
     SYMBOL = "symbol",
     TABLE = "table",

package/dist/types-ts4.5/extensibility/extensionNodeView.d.ts

@@ -8,7 +8,6 @@ import type { ProviderFactory } from '../provider-factory';
 import type { ForwardRef, getPosHandler } from '../react-node-view';
 import ReactNodeView from '../react-node-view';
 import type { EditorAppearance } from '../types';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 import type { ExtensionsPluginInjectionAPI, MacroInteractionDesignFeatureFlags } from './types';
 interface ExtensionNodeViewOptions {
     appearance?: EditorAppearance;
@@ -29,5 +28,5 @@ export declare class ExtensionNode extends ReactNodeView {
         macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags;
     }, forwardRef: ForwardRef): JSX.Element;
 }
-export default function ExtensionNodeView(portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
+export default function ExtensionNodeView(portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, providerFactory: ProviderFactory, extensionHandlers: ExtensionHandlers, extensionNodeViewOptions: ExtensionNodeViewOptions, pluginInjectionApi: ExtensionsPluginInjectionAPI, macroInteractionDesignFeatureFlags?: MacroInteractionDesignFeatureFlags): (node: PmNode, view: EditorView, getPos: getPosHandler) => NodeView;
 export {};

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

@@ -93,6 +93,7 @@ export declare const toggleHighlightPalette: Keymap;
 export declare const focusToContextMenuTrigger: Keymap;
 export declare const dragToMoveUp: Keymap;
 export declare const dragToMoveDown: Keymap;
+export declare const showElementDragHandle: Keymap;
 export declare function tooltip(keymap?: Keymap, description?: string): string | undefined;
 export declare const ToolTipContent: React.MemoExoticComponent<({ description, shortcutOverride, keymap, }: {
     description?: string | React.ReactNode;

package/dist/types-ts4.5/link/ConfigureLinkOverlay/Dropdown.d.ts

@@ -1,8 +1,9 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 export type OnDropdownChange = (isOpen: boolean) => void;
 export type DropdownProps = {
-    testId: string;
+    /** Callback fired when the dropdown is open or close */
     onDropdownChange?: OnDropdownChange;
+    testId: string;
 };
-declare const Dropdown: ({ testId, onDropdownChange }: DropdownProps) => jsx.JSX.Element;
-export default Dropdown;
+declare const _default: import("react").ForwardRefExoticComponent<DropdownProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;
+export default _default;

package/dist/types-ts4.5/link/ConfigureLinkOverlay/index.d.ts

@@ -1,4 +1,4 @@
-import { jsx } from '@emotion/react';
+/// <reference types="react" />
 import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type OnDropdownChange } from './Dropdown';
 export interface OverlayButtonProps {
@@ -10,4 +10,4 @@ export interface OverlayButtonProps {
      */
     onDropdownChange?: OnDropdownChange;
 }
-export declare const OverlayButton: ({ editorView, testId, targetElementPos, onDropdownChange, }: OverlayButtonProps) => jsx.JSX.Element | null;
+export declare const OverlayButton: import("react").ForwardRefExoticComponent<OverlayButtonProps & import("@atlaskit/analytics-next").WithContextProps & import("react").RefAttributes<any>>;

package/dist/types-ts4.5/link/ConfigureLinkOverlay/useLinkOverlayAnalyticsEvents.d.ts

@@ -0,0 +1,5 @@
+export declare const useLinkOverlayAnalyticsEvents: () => {
+    fireActionClickEvent: (linkAction: string) => void;
+    fireLinkClickEvent: () => void;
+    fireToolbarViewEvent: () => void;
+};

package/dist/types-ts4.5/react-node-view/index.d.ts

@@ -3,7 +3,6 @@ import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 import type { Decoration, DecorationSource, EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
 import type { EventDispatcher } from '../event-dispatcher';
 import type { PortalProviderAPI } from '../portal';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 import type { ForwardRef, getPosHandler, ProsemirrorGetPosHandler, ReactComponentProps, shouldUpdate } from './types';
 export type { getPosHandler, ReactComponentProps, shouldUpdate, ProsemirrorGetPosHandler, ForwardRef, };
 export type { InlineNodeViewComponentProps } from './getInlineNodeViewProducer';
@@ -13,10 +12,8 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     private contentDOMWrapper?;
     private reactComponent?;
     private portalProviderAPI;
-    private hasAnalyticsContext;
     private _viewShouldUpdate?;
     protected eventDispatcher?: EventDispatcher;
-    private hasIntlContext;
     protected decorations: ReadonlyArray<Decoration>;
     reactComponentProps: P;
     view: EditorView;
@@ -24,7 +21,7 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     contentDOM: HTMLElement | null | undefined;
     node: PMNode;
     key: string;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasAnalyticsContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps?: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
     /**
      * This method exists to move initialization logic out of the constructor,
      * so object can be initialized properly before calling render first time.
@@ -54,5 +51,5 @@ export default class ReactNodeView<P = ReactComponentProps> implements NodeView
     get dom(): HTMLElement;
     destroy(): void;
     private dispatchAnalyticsEvent;
-    static fromComponent(component: React.ComponentType<React.PropsWithChildren<any>>, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean, hasIntlContext?: boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
+    static fromComponent(component: React.ComponentType<React.PropsWithChildren<any>>, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, props?: ReactComponentProps, viewShouldUpdate?: (nextNode: PMNode) => boolean): (node: PMNode, view: EditorView, getPos: getPosHandler) => ReactNodeView<ReactComponentProps>;
 }

package/dist/types-ts4.5/selection-based-node-view/SelectionBasedNodeView.d.ts

@@ -4,7 +4,6 @@ import { type EditorView } from '@atlaskit/editor-prosemirror/view';
 import { type EventDispatcher } from '../event-dispatcher';
 import { type PortalProviderAPI } from '../portal';
 import ReactNodeView, { type getPosHandler, type ReactComponentProps, type shouldUpdate } from '../react-node-view';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 /**
  * A ReactNodeView that handles React components sensitive
  * to selection changes.
@@ -32,7 +31,7 @@ export declare class SelectionBasedNodeView<P = ReactComponentProps> extends Rea
     protected isSelectedNode: boolean;
     pos: number | undefined;
     posEnd: number | undefined;
-    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, hasContext?: boolean, viewShouldUpdate?: shouldUpdate, hasIntlContext?: boolean);
+    constructor(node: PMNode, view: EditorView, getPos: getPosHandler, portalProviderAPI: PortalProviderAPI, eventDispatcher: EventDispatcher, reactComponentProps: P, reactComponent?: React.ComponentType<React.PropsWithChildren<any>>, viewShouldUpdate?: shouldUpdate);
     /**
      * Update current node's start and end positions.
      *

package/dist/types-ts4.5/types/plugin-factory.d.ts

@@ -5,7 +5,6 @@ import type { Dispatch, EventDispatcher } from '../event-dispatcher';
 import { type PortalProviderAPI } from '../portal';
 import type { ProviderFactory } from '../provider-factory';
 import type { SafePlugin } from '../safe-plugin';
-import type { LegacyPortalProviderAPI } from '../ui/PortalProvider';
 import type { ErrorReporter } from '../utils';
 import type { EditorReactContext } from './editor-react-context';
 import type { FeatureFlags } from './feature-flags';
@@ -15,7 +14,7 @@ export type PMPluginFactoryParams = {
     eventDispatcher: EventDispatcher;
     providerFactory: ProviderFactory;
     errorReporter?: ErrorReporter;
-    portalProviderAPI: LegacyPortalProviderAPI | PortalProviderAPI;
+    portalProviderAPI: PortalProviderAPI;
     reactContext: () => EditorReactContext;
     dispatchAnalyticsEvent: DispatchAnalyticsEvent;
     featureFlags: FeatureFlags;

package/dist/types-ts4.5/ui-color/ColorPalette/Color/index.d.ts

@@ -1,5 +1,5 @@
 /** @jsx jsx */
-import { type ReactElement } from 'react';
+import React, { type ReactElement } from 'react';
 import { jsx } from '@emotion/react';
 export interface Props {
     value: string;
@@ -7,6 +7,7 @@ export interface Props {
     tabIndex?: number;
     isSelected?: boolean;
     onClick: (value: string, label: string) => void;
+    onKeyDown?: (value: string, label: string, event: React.KeyboardEvent) => void;
     borderColor: string;
     checkMarkColor?: string;
     autoFocus?: boolean;

package/dist/types-ts4.5/ui-color/ColorPalette/index.d.ts

@@ -5,6 +5,7 @@ import type { PaletteColor, PaletteTooltipMessages } from './Palettes/type';
 interface Props {
     selectedColor: string | null;
     onClick: (value: string, label: string) => void;
+    onKeyDown?: (value: string, label: string, event: React.KeyboardEvent) => void;
     cols?: number;
     className?: string;
     /**

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, popupsMountPoint, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;
+export declare const MenuArrowKeyNavigationProvider: ({ children, handleClose, disableArrowKeyNavigation, keyDownHandlerContext, closeOnTab, onSelection, editorRef, popupsMountPoint, disableCloseOnArrowClick, }: React.PropsWithChildren<Omit<MenuArrowKeyNavigationProviderProps, 'type'>>) => JSX.Element;

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

@@ -28,6 +28,7 @@ export type MenuArrowKeyNavigationOptions = {
     type: ArrowKeyNavigationType.MENU;
     disableArrowKeyNavigation?: boolean;
     keyDownHandlerContext?: KeyDownHandlerContext;
+    disableCloseOnArrowClick?: boolean;
     children?: React.ReactNode;
 };
 export type MenuArrowKeyNavigationProviderProps = MenuArrowKeyNavigationOptions & {

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

@@ -30,7 +30,8 @@ export interface Props {
     arrowKeyNavigationProviderOptions: ArrowKeyNavigationProviderOptions;
     section?: SectionOptions;
     children?: React.ReactNode;
-    isAllowEnterDefaultBehavior?: boolean;
+    allowEnterDefaultBehavior?: boolean;
+    handleEscapeKeydown?: (e: KeyboardEvent) => void;
 }
 export interface MenuItem {
     key?: string;
@@ -50,8 +51,10 @@ export interface MenuItem {
     'aria-label'?: React.AriaAttributes['aria-label'];
     'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
     'aria-keyshortcuts'?: React.AriaAttributes['aria-keyshortcuts'];
+    'data-testid'?: string;
     onClick?: (editorActions: EditorActions) => void;
     'aria-expanded'?: React.AriaAttributes['aria-expanded'];
+    wrapperTabIndex?: number | null;
 }
 export interface State {
     target?: HTMLElement;