@atlaskit/editor-plugin-selection-extension 3.3.1 → 3.4.1

package/dist/esm/ui/LegacyToolbarComponent.js

@@ -0,0 +1,111 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import React, { useState } from 'react';
+import { ArrowKeyNavigationType, DropdownMenuWithKeyboardNavigation as DropdownMenu, ToolbarButton } from '@atlaskit/editor-common/ui-menu';
+export var LegacyPrimaryToolbarComponent = function LegacyPrimaryToolbarComponent(_ref) {
+  var primaryToolbarItemExtensions = _ref.primaryToolbarItemExtensions;
+  // NEXT PR: need to render a separator after – if there are extensions added
+  return /*#__PURE__*/React.createElement(React.Fragment, null, primaryToolbarItemExtensions.map(function (toolbarItemExtension, i) {
+    var toolbarItem = toolbarItemExtension.getToolbarItem();
+    return /*#__PURE__*/React.createElement(LegacyExtensionToolbarItem, {
+      key: toolbarItem.tooltip,
+      toolbarItem: toolbarItem
+    });
+  }));
+};
+export var LegacyExtensionToolbarItem = function LegacyExtensionToolbarItem(_ref2) {
+  var toolbarItem = _ref2.toolbarItem,
+    getMenuItems = _ref2.getMenuItems;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var Icon = toolbarItem.icon,
+    tooltip = toolbarItem.tooltip,
+    isDisabled = toolbarItem.isDisabled,
+    onClick = toolbarItem.onClick,
+    _label = toolbarItem.label;
+  if (!getMenuItems) {
+    return /*#__PURE__*/React.createElement(ToolbarButton, {
+      spacing: "default",
+      disabled: isDisabled,
+      selected: isOpen,
+      title: tooltip,
+      "aria-label": tooltip,
+      "aria-expanded": isOpen,
+      "aria-haspopup": true,
+      onClick: onClick,
+      iconBefore: /*#__PURE__*/React.createElement(Icon, {
+        label: tooltip
+      })
+    });
+  }
+  var toggleOpen = function toggleOpen() {
+    setIsOpen(function (prev) {
+      return !prev;
+    });
+  };
+  var toggleOpenByKeyboard = function toggleOpenByKeyboard(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      toggleOpen();
+    }
+  };
+  var handleItemActivated = function handleItemActivated(_ref3) {
+    var _item$onClick;
+    var item = _ref3.item,
+      _ref3$shouldCloseMenu = _ref3.shouldCloseMenu,
+      shouldCloseMenu = _ref3$shouldCloseMenu === void 0 ? true : _ref3$shouldCloseMenu;
+    (_item$onClick = item.onClick) === null || _item$onClick === void 0 || _item$onClick.call(item);
+    if (shouldCloseMenu) {
+      setIsOpen(false);
+    }
+  };
+  var handleOnOpenChange = function handleOnOpenChange(attrs) {
+    setIsOpen(!!(attrs !== null && attrs !== void 0 && attrs.isOpen));
+  };
+  var items = isOpen ? getMenuItems().map(function (menuItem, i) {
+    return {
+      key: "menu-item-".concat(i),
+      content: menuItem.label,
+      elemBefore: /*#__PURE__*/React.createElement(menuItem.icon, {
+        label: menuItem.label
+      }),
+      onClick: function onClick() {
+        var _menuItem$onClick;
+        (_menuItem$onClick = menuItem.onClick) === null || _menuItem$onClick === void 0 || _menuItem$onClick.call(menuItem);
+        // NEXT PR: here we need to set the active extension so the contentComponent can render
+        // menuItem.contentComponent
+      },
+      isDisabled: menuItem.isDisabled,
+      'aria-label': menuItem.label,
+      value: {
+        name: menuItem.label
+      }
+    };
+  }) : [];
+  return /*#__PURE__*/React.createElement(DropdownMenu, {
+    arrowKeyNavigationProviderOptions: {
+      type: ArrowKeyNavigationType.MENU
+    },
+    items: [{
+      items: items
+    }],
+    isOpen: isOpen,
+    onItemActivated: handleItemActivated,
+    onOpenChange: handleOnOpenChange,
+    fitWidth: 200
+  }, /*#__PURE__*/React.createElement(ToolbarButton, {
+    spacing: "default",
+    disabled: isDisabled,
+    selected: isOpen,
+    title: tooltip,
+    "aria-label": tooltip,
+    "aria-expanded": isOpen,
+    "aria-haspopup": true,
+    onClick: toggleOpen,
+    onKeyDown: toggleOpenByKeyboard,
+    iconBefore: /*#__PURE__*/React.createElement(Icon, {
+      label: tooltip
+    })
+  }));
+};

package/dist/esm/ui/extensions.js

@@ -0,0 +1,54 @@
+/**
+ * From the full list of extensions, extract only those that have a toolbar item configuration
+ * for the specified type (either 'primaryToolbar' or 'inlineToolbar').
+ *
+ * @param extensionList - List of all extensions
+ * @param toolbarType - Type of toolbar ('primaryToolbar' or 'inlineToolbar')
+ * @returns Array of ToolbarItemExtension objects
+ * @example
+ */
+export var getToolbarItemExtensions = function getToolbarItemExtensions(extensionList, toolbarType) {
+  return extensionList.reduce(function (acc, extension) {
+    var toolbarConfig = extension[toolbarType];
+    if (toolbarConfig !== null && toolbarConfig !== void 0 && toolbarConfig.getToolbarItem) {
+      acc.push({
+        getToolbarItem: toolbarConfig.getToolbarItem,
+        getMenuItems: toolbarConfig.getMenuItems
+      });
+    }
+    return acc;
+  }, []);
+};
+
+/**
+ * From the full list of extensions, extract only those that have a menu item configuration
+ * for the specified source (either 'first-party' or 'external').
+ *
+ * Map each to the legacy format for SelectionExtensionConfig.
+ *
+ * @param extensionList - List of all extensions
+ * @param targetSource - Source of the extensions ('first-party' or 'external')
+ * @returns Array of SelectionExtensionConfig objects
+ * @example
+ */
+export var getMenuItemExtensions = function getMenuItemExtensions(extensionList, targetSource) {
+  return extensionList.reduce(function (acc, extension) {
+    var source = extension.source,
+      inlineToolbar = extension.inlineToolbar;
+    if (source === targetSource && inlineToolbar !== null && inlineToolbar !== void 0 && inlineToolbar.getMenuItems && !inlineToolbar.getToolbarItem) {
+      var menuItems = inlineToolbar.getMenuItems();
+      menuItems.forEach(function (menuItem) {
+        acc.push({
+          name: menuItem.label,
+          icon: menuItem.icon,
+          onClick: menuItem.onClick,
+          isDisabled: function isDisabled() {
+            return !!menuItem.isDisabled;
+          },
+          component: menuItem.contentComponent
+        });
+      });
+    }
+    return acc;
+  }, []);
+};

package/dist/esm/ui/selectionToolbar.js

@@ -1,7 +1,33 @@
-export var selectionToolbar = function selectionToolbar(options) {
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import React from 'react';
+import { fg } from '@atlaskit/platform-feature-flags';
+import { getToolbarItemExtensions } from './extensions';
+import { LegacyExtensionToolbarItem } from './LegacyToolbarComponent';
+export var selectionToolbar = function selectionToolbar(_ref) {
+  var overflowOptions = _ref.overflowOptions,
+    _ref$extensionList = _ref.extensionList,
+    extensionList = _ref$extensionList === void 0 ? [] : _ref$extensionList;
+  var inlineToolbarItemExtensions = fg('platform_editor_selection_extension_api_v2') ? getToolbarItemExtensions(extensionList, 'inlineToolbar') : [];
   return {
-    isToolbarAbove: true,
-    items: [{
+    items: [].concat(_toConsumableArray(inlineToolbarItemExtensions.length ? [{
+      type: 'separator',
+      fullHeight: true,
+      supportsViewMode: true
+    }].concat(_toConsumableArray(inlineToolbarItemExtensions.map(function (_ref2) {
+      var getToolbarItem = _ref2.getToolbarItem,
+        getMenuItems = _ref2.getMenuItems;
+      return {
+        type: 'custom',
+        render: function render() {
+          return /*#__PURE__*/React.createElement(LegacyExtensionToolbarItem, {
+            toolbarItem: getToolbarItem(),
+            getMenuItems: getMenuItems
+          });
+        },
+        fallback: [],
+        supportsViewMode: true
+      };
+    }))) : []), [{
       type: 'separator',
       fullHeight: true,
       supportsViewMode: true
@@ -9,8 +35,8 @@ export var selectionToolbar = function selectionToolbar(options) {
       type: 'overflow-dropdown',
       dropdownWidth: 240,
       supportsViewMode: true,
-      options: options
-    }],
+      options: overflowOptions
+    }]),
     rank: -6
   };
 };

package/dist/types/index.d.ts

@@ -1,3 +1,3 @@
 export { selectionExtensionPlugin } from './selectionExtensionPlugin';
 export type { SelectionExtensionPlugin } from './selectionExtensionPluginType';
-export type { SelectionExtensionComponentProps, SelectionExtensionPluginOptions, SelectionExtension, LinkInsertionOption, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, DynamicSelectionExtension, } from './types';
+export type { BlockMenuExtensionConfiguration, DynamicSelectionExtension, ExtensionConfiguration, ExtensionMenuItemConfiguration, ExtensionToolbarItemConfiguration, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionComponentProps, SelectionExtensionConfig, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, ToolbarExtensionConfiguration, } from './types';

package/dist/types/pm-plugins/actions/insertAdfAtEndOfDoc.d.ts

@@ -0,0 +1,5 @@
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
+import type { CommandDispatch } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { type InsertAdfAtEndOfDocResult } from '../../types';
+export declare const insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => (state: EditorState, dispatch: CommandDispatch) => InsertAdfAtEndOfDocResult;

package/dist/types/pm-plugins/actions/replaceWithAdf.d.ts

@@ -0,0 +1,5 @@
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
+import type { CommandDispatch } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { type ReplaceWithAdfResult } from '../../types';
+export declare const replaceWithAdf: (nodeAdf: ADFEntity) => (state: EditorState, dispatch: CommandDispatch) => ReplaceWithAdfResult;

package/dist/types/selectionExtensionPluginType.d.ts

@@ -2,13 +2,15 @@ import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
+import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
-import type { DynamicSelectionExtension, LinkInsertionOption, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
+import type { DynamicSelectionExtension, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
 export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
     pluginConfiguration: SelectionExtensionPluginOptions | undefined;
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<PrimaryToolbarPlugin>,
         SelectionToolbarPlugin
     ];
     sharedState: SelectionExtensionPluginState | null;
@@ -24,5 +26,7 @@ export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
             status: 'success' | 'error';
             message?: string;
         };
+        replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
+        insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
     };
 }>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
-import { type MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { ViewMode } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export type MenuItemsType = Array<{
@@ -61,6 +61,7 @@ type SelectionExtensionModes = ViewMode;
 export type SelectionExtensionPluginOptions = {
     pageModes?: SelectionExtensionModes | SelectionExtensionModes[];
     extensions?: SelectionExtensions;
+    extensionList?: ExtensionConfiguration[];
 };
 /**
  * @private
@@ -110,4 +111,46 @@ export type SelectionExtensionPluginState = {
     startTrackChanges?: boolean;
     docChangedAfterClick?: boolean;
 };
+export type ReplaceWithAdfStatus = 'success' | 'document-changed' | 'failed-to-replace';
+export type ReplaceWithAdfResult = {
+    status: ReplaceWithAdfStatus;
+};
+export type InsertAdfAtEndOfDocResult = {
+    status: 'success' | 'failed';
+};
+export type ExtensionSource = 'first-party' | 'external';
+export type ExtensionConfiguration = {
+    key: string;
+    source: ExtensionSource;
+    inlineToolbar?: ToolbarExtensionConfiguration;
+    primaryToolbar?: ToolbarExtensionConfiguration;
+    blockMenu?: BlockMenuExtensionConfiguration;
+};
+export type GetToolbarItemFn = () => ExtensionToolbarItemConfiguration;
+export type GetMenuItemsFn = () => ExtensionMenuItemConfiguration[];
+export type ToolbarExtensionConfiguration = {
+    getToolbarItem?: GetToolbarItemFn;
+    getMenuItems?: GetMenuItemsFn;
+};
+export type BlockMenuExtensionConfiguration = {
+    getMenuItems?: GetMenuItemsFn;
+};
+export type ExtensionToolbarItemConfiguration = {
+    icon: React.ComponentType<React.PropsWithChildren<{
+        label: string;
+    }>>;
+    tooltip: string;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    label?: string;
+};
+export type ExtensionMenuItemConfiguration = {
+    label: string;
+    icon: React.ComponentType<React.PropsWithChildren<{
+        label: string;
+    }>>;
+    onClick?: () => void;
+    isDisabled?: boolean;
+    contentComponent?: React.ComponentType<SelectionExtensionComponentProps>;
+};
 export {};

package/dist/types/ui/LegacyToolbarComponent.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ExtensionToolbarItemConfiguration, GetMenuItemsFn, GetToolbarItemFn } from '../types';
+export type ToolbarItemExtension = {
+    getToolbarItem: GetToolbarItemFn;
+    getMenuItems?: GetMenuItemsFn;
+};
+type LegacyPrimaryToolbarComponentProps = {
+    primaryToolbarItemExtensions: ToolbarItemExtension[];
+};
+export declare const LegacyPrimaryToolbarComponent: ({ primaryToolbarItemExtensions, }: LegacyPrimaryToolbarComponentProps) => React.JSX.Element;
+type LegacyExtensionToolbarItemProps = {
+    toolbarItem: ExtensionToolbarItemConfiguration;
+    getMenuItems?: GetMenuItemsFn;
+};
+export declare const LegacyExtensionToolbarItem: ({ toolbarItem, getMenuItems, }: LegacyExtensionToolbarItemProps) => React.JSX.Element;
+export {};

package/dist/types/ui/extensions.d.ts

@@ -0,0 +1,27 @@
+import type { ExtensionConfiguration, ExtensionSource, GetMenuItemsFn, GetToolbarItemFn, SelectionExtensionConfig } from '../types';
+export type ToolbarItemExtension = {
+    getToolbarItem: GetToolbarItemFn;
+    getMenuItems?: GetMenuItemsFn;
+};
+/**
+ * From the full list of extensions, extract only those that have a toolbar item configuration
+ * for the specified type (either 'primaryToolbar' or 'inlineToolbar').
+ *
+ * @param extensionList - List of all extensions
+ * @param toolbarType - Type of toolbar ('primaryToolbar' or 'inlineToolbar')
+ * @returns Array of ToolbarItemExtension objects
+ * @example
+ */
+export declare const getToolbarItemExtensions: (extensionList: ExtensionConfiguration[], toolbarType: 'primaryToolbar' | 'inlineToolbar') => ToolbarItemExtension[];
+/**
+ * From the full list of extensions, extract only those that have a menu item configuration
+ * for the specified source (either 'first-party' or 'external').
+ *
+ * Map each to the legacy format for SelectionExtensionConfig.
+ *
+ * @param extensionList - List of all extensions
+ * @param targetSource - Source of the extensions ('first-party' or 'external')
+ * @returns Array of SelectionExtensionConfig objects
+ * @example
+ */
+export declare const getMenuItemExtensions: (extensionList: ExtensionConfiguration[], targetSource: ExtensionSource) => SelectionExtensionConfig[];

package/dist/types/ui/selectionToolbar.d.ts

@@ -1,18 +1,8 @@
-import { type Command, type FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
-export declare const selectionToolbar: (options: FloatingToolbarOverflowDropdownOptions<Command>) => {
-    isToolbarAbove: boolean;
-    items: ({
-        type: "separator";
-        fullHeight: boolean;
-        supportsViewMode: boolean;
-        dropdownWidth?: undefined;
-        options?: undefined;
-    } | {
-        type: "overflow-dropdown";
-        dropdownWidth: number;
-        supportsViewMode: boolean;
-        options: FloatingToolbarOverflowDropdownOptions<Command>;
-        fullHeight?: undefined;
-    })[];
-    rank: number;
+import type { Command, FloatingToolbarOverflowDropdownOptions, SelectionToolbarGroup } from '@atlaskit/editor-common/types';
+import type { ExtensionConfiguration } from '../types';
+type SelectionToolbarOptions = {
+    overflowOptions: FloatingToolbarOverflowDropdownOptions<Command>;
+    extensionList?: ExtensionConfiguration[];
 };
+export declare const selectionToolbar: ({ overflowOptions, extensionList, }: SelectionToolbarOptions) => SelectionToolbarGroup;
+export {};

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

@@ -1,3 +1,3 @@
 export { selectionExtensionPlugin } from './selectionExtensionPlugin';
 export type { SelectionExtensionPlugin } from './selectionExtensionPluginType';
-export type { SelectionExtensionComponentProps, SelectionExtensionPluginOptions, SelectionExtension, LinkInsertionOption, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, DynamicSelectionExtension, } from './types';
+export type { BlockMenuExtensionConfiguration, DynamicSelectionExtension, ExtensionConfiguration, ExtensionMenuItemConfiguration, ExtensionToolbarItemConfiguration, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionComponentProps, SelectionExtensionConfig, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo, ToolbarExtensionConfiguration, } from './types';

package/dist/types-ts4.5/pm-plugins/actions/insertAdfAtEndOfDoc.d.ts

@@ -0,0 +1,5 @@
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
+import type { CommandDispatch } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { type InsertAdfAtEndOfDocResult } from '../../types';
+export declare const insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => (state: EditorState, dispatch: CommandDispatch) => InsertAdfAtEndOfDocResult;

package/dist/types-ts4.5/pm-plugins/actions/replaceWithAdf.d.ts

@@ -0,0 +1,5 @@
+import { type ADFEntity } from '@atlaskit/adf-utils/types';
+import type { CommandDispatch } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import { type ReplaceWithAdfResult } from '../../types';
+export declare const replaceWithAdf: (nodeAdf: ADFEntity) => (state: EditorState, dispatch: CommandDispatch) => ReplaceWithAdfResult;

package/dist/types-ts4.5/selectionExtensionPluginType.d.ts

@@ -2,13 +2,15 @@ import { type ADFEntity } from '@atlaskit/adf-utils/types';
 import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
+import type { PrimaryToolbarPlugin } from '@atlaskit/editor-plugin-primary-toolbar';
 import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-toolbar';
-import type { DynamicSelectionExtension, LinkInsertionOption, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
+import type { DynamicSelectionExtension, InsertAdfAtEndOfDocResult, LinkInsertionOption, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
 export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
     pluginConfiguration: SelectionExtensionPluginOptions | undefined;
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
+        OptionalPlugin<PrimaryToolbarPlugin>,
         SelectionToolbarPlugin
     ];
     sharedState: SelectionExtensionPluginState | null;
@@ -24,5 +26,7 @@ export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
             status: 'success' | 'error';
             message?: string;
         };
+        replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
+        insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
     };
 }>;

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ADFEntity } from '@atlaskit/adf-utils/types';
-import { type MenuItem } from '@atlaskit/editor-common/ui-menu';
+import type { MenuItem } from '@atlaskit/editor-common/ui-menu';
 import type { ViewMode } from '@atlaskit/editor-plugin-editor-viewmode';
 import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export type MenuItemsType = Array<{
@@ -61,6 +61,7 @@ type SelectionExtensionModes = ViewMode;
 export type SelectionExtensionPluginOptions = {
     pageModes?: SelectionExtensionModes | SelectionExtensionModes[];
     extensions?: SelectionExtensions;
+    extensionList?: ExtensionConfiguration[];
 };
 /**
  * @private
@@ -110,4 +111,46 @@ export type SelectionExtensionPluginState = {
     startTrackChanges?: boolean;
     docChangedAfterClick?: boolean;
 };
+export type ReplaceWithAdfStatus = 'success' | 'document-changed' | 'failed-to-replace';
+export type ReplaceWithAdfResult = {
+    status: ReplaceWithAdfStatus;
+};
+export type InsertAdfAtEndOfDocResult = {
+    status: 'success' | 'failed';
+};
+export type ExtensionSource = 'first-party' | 'external';
+export type ExtensionConfiguration = {
+    key: string;
+    source: ExtensionSource;
+    inlineToolbar?: ToolbarExtensionConfiguration;
+    primaryToolbar?: ToolbarExtensionConfiguration;
+    blockMenu?: BlockMenuExtensionConfiguration;
+};
+export type GetToolbarItemFn = () => ExtensionToolbarItemConfiguration;
+export type GetMenuItemsFn = () => ExtensionMenuItemConfiguration[];
+export type ToolbarExtensionConfiguration = {
+    getToolbarItem?: GetToolbarItemFn;
+    getMenuItems?: GetMenuItemsFn;
+};
+export type BlockMenuExtensionConfiguration = {
+    getMenuItems?: GetMenuItemsFn;
+};
+export type ExtensionToolbarItemConfiguration = {
+    icon: React.ComponentType<React.PropsWithChildren<{
+        label: string;
+    }>>;
+    tooltip: string;
+    isDisabled?: boolean;
+    onClick?: () => void;
+    label?: string;
+};
+export type ExtensionMenuItemConfiguration = {
+    label: string;
+    icon: React.ComponentType<React.PropsWithChildren<{
+        label: string;
+    }>>;
+    onClick?: () => void;
+    isDisabled?: boolean;
+    contentComponent?: React.ComponentType<SelectionExtensionComponentProps>;
+};
 export {};

package/dist/types-ts4.5/ui/LegacyToolbarComponent.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { ExtensionToolbarItemConfiguration, GetMenuItemsFn, GetToolbarItemFn } from '../types';
+export type ToolbarItemExtension = {
+    getToolbarItem: GetToolbarItemFn;
+    getMenuItems?: GetMenuItemsFn;
+};
+type LegacyPrimaryToolbarComponentProps = {
+    primaryToolbarItemExtensions: ToolbarItemExtension[];
+};
+export declare const LegacyPrimaryToolbarComponent: ({ primaryToolbarItemExtensions, }: LegacyPrimaryToolbarComponentProps) => React.JSX.Element;
+type LegacyExtensionToolbarItemProps = {
+    toolbarItem: ExtensionToolbarItemConfiguration;
+    getMenuItems?: GetMenuItemsFn;
+};
+export declare const LegacyExtensionToolbarItem: ({ toolbarItem, getMenuItems, }: LegacyExtensionToolbarItemProps) => React.JSX.Element;
+export {};

package/dist/types-ts4.5/ui/extensions.d.ts

@@ -0,0 +1,27 @@
+import type { ExtensionConfiguration, ExtensionSource, GetMenuItemsFn, GetToolbarItemFn, SelectionExtensionConfig } from '../types';
+export type ToolbarItemExtension = {
+    getToolbarItem: GetToolbarItemFn;
+    getMenuItems?: GetMenuItemsFn;
+};
+/**
+ * From the full list of extensions, extract only those that have a toolbar item configuration
+ * for the specified type (either 'primaryToolbar' or 'inlineToolbar').
+ *
+ * @param extensionList - List of all extensions
+ * @param toolbarType - Type of toolbar ('primaryToolbar' or 'inlineToolbar')
+ * @returns Array of ToolbarItemExtension objects
+ * @example
+ */
+export declare const getToolbarItemExtensions: (extensionList: ExtensionConfiguration[], toolbarType: 'primaryToolbar' | 'inlineToolbar') => ToolbarItemExtension[];
+/**
+ * From the full list of extensions, extract only those that have a menu item configuration
+ * for the specified source (either 'first-party' or 'external').
+ *
+ * Map each to the legacy format for SelectionExtensionConfig.
+ *
+ * @param extensionList - List of all extensions
+ * @param targetSource - Source of the extensions ('first-party' or 'external')
+ * @returns Array of SelectionExtensionConfig objects
+ * @example
+ */
+export declare const getMenuItemExtensions: (extensionList: ExtensionConfiguration[], targetSource: ExtensionSource) => SelectionExtensionConfig[];

package/dist/types-ts4.5/ui/selectionToolbar.d.ts

@@ -1,18 +1,8 @@
-import { type Command, type FloatingToolbarOverflowDropdownOptions } from '@atlaskit/editor-common/types';
-export declare const selectionToolbar: (options: FloatingToolbarOverflowDropdownOptions<Command>) => {
-    isToolbarAbove: boolean;
-    items: ({
-        type: "separator";
-        fullHeight: boolean;
-        supportsViewMode: boolean;
-        dropdownWidth?: undefined;
-        options?: undefined;
-    } | {
-        type: "overflow-dropdown";
-        dropdownWidth: number;
-        supportsViewMode: boolean;
-        options: FloatingToolbarOverflowDropdownOptions<Command>;
-        fullHeight?: undefined;
-    })[];
-    rank: number;
+import type { Command, FloatingToolbarOverflowDropdownOptions, SelectionToolbarGroup } from '@atlaskit/editor-common/types';
+import type { ExtensionConfiguration } from '../types';
+type SelectionToolbarOptions = {
+    overflowOptions: FloatingToolbarOverflowDropdownOptions<Command>;
+    extensionList?: ExtensionConfiguration[];
 };
+export declare const selectionToolbar: ({ overflowOptions, extensionList, }: SelectionToolbarOptions) => SelectionToolbarGroup;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-extension",
-	"version": "3.3.1",
+	"version": "3.4.1",
 	"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,23 +36,24 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-utils": "^19.20.0",
-		"@atlaskit/editor-json-transformer": "^8.24.0",
+		"@atlaskit/editor-json-transformer": "^8.25.0",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
+		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
 		"@atlaskit/editor-plugin-selection-toolbar": "^4.2.0",
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/icon": "^27.7.0",
+		"@atlaskit/icon": "^27.8.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/primitives": "^14.10.0",
-		"@atlaskit/tmp-editor-statsig": "^9.16.0",
+		"@atlaskit/primitives": "^14.11.0",
+		"@atlaskit/tmp-editor-statsig": "^9.17.0",
 		"@babel/runtime": "^7.0.0",
 		"lodash": "^4.17.21",
 		"react-intl-next": "npm:react-intl@^5.18.1",
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^107.12.0",
+		"@atlaskit/editor-common": "^107.13.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {