@atlaskit/editor-plugin-selection-extension 3.5.1 → 3.5.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-selection-extension
 
+## 3.5.3
+
+### Patch Changes
+
+- [`265c1bf0cefa4`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/265c1bf0cefa4) -
+  Sorted type and interface props to improve Atlaskit docs
+- Updated dependencies
+
+## 3.5.2
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 3.5.1
 
 ### Patch Changes

package/dist/types/pm-plugins/main.d.ts

@@ -4,28 +4,28 @@ import { type SelectionExtensionPluginState } from '../types';
 export declare const selectionExtensionPluginKey: PluginKey<SelectionExtensionPluginState>;
 export declare const createPlugin: () => SafePlugin<SelectionExtensionPluginState | {
     activeExtension: any;
-    selectedNode?: import("prosemirror-model").Node;
+    docChangedAfterClick?: boolean;
     nodePos?: number;
+    selectedNode?: import("prosemirror-model").Node;
     startTrackChanges?: boolean;
-    docChangedAfterClick?: boolean;
 } | {
     selectedNode: any;
     nodePos: any;
     startTrackChanges: boolean;
     docChangedAfterClick: boolean;
     activeExtension?: {
+        coords: import("../types").SelectionExtensionCoords;
         extension: import("../types").SelectionExtension;
         selection: import("../types").SelectionExtensionSelectionInfo;
-        coords: import("../types").SelectionExtensionCoords;
     };
 } | {
     startTrackChanges: any;
     activeExtension?: {
+        coords: import("../types").SelectionExtensionCoords;
         extension: import("../types").SelectionExtension;
         selection: import("../types").SelectionExtensionSelectionInfo;
-        coords: import("../types").SelectionExtensionCoords;
     };
-    selectedNode?: import("prosemirror-model").Node;
-    nodePos?: number;
     docChangedAfterClick?: boolean;
+    nodePos?: number;
+    selectedNode?: import("prosemirror-model").Node;
 }>;

package/dist/types/pm-plugins/utils/getOffsetByPath.d.ts

@@ -1,14 +1,14 @@
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export interface NodeOffset {
-    type: 'node';
     from: number;
-    to: number;
     matches: string[];
+    to: number;
+    type: 'node';
 }
 export interface AttrsOffset {
-    type: 'attrs';
     from: number;
     path: string[];
+    type: 'attrs';
 }
 export type Offset = NodeOffset | AttrsOffset;
 export declare function getOffsetByPath(root: PMNode, pos: number, pointer: string, from?: number, to?: number): Offset;

package/dist/types/pm-plugins/utils/index.d.ts

@@ -7,10 +7,10 @@ import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginTyp
 import type { SelectionExtensionSelectionInfo } from '../../types';
 import { type SelectionRange } from '../../types';
 type SelectionInfo = {
+    nodePos: number;
+    selectedNode: PMNode;
     selectedNodeAdf: ADFEntity;
     selectionRanges?: SelectionRange[];
-    selectedNode: PMNode;
-    nodePos: number;
 };
 export declare const getSelectionTextInfo: (view: EditorView, api?: ExtractInjectionAPI<SelectionExtensionPlugin>) => SelectionExtensionSelectionInfo;
 export declare const getFragmentInfoFromSelection: (state: EditorState) => {

package/dist/types/selectionExtensionPluginType.d.ts

@@ -7,7 +7,21 @@ import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-t
 import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
 import type { DynamicSelectionExtension, SelectionAdfResult, InsertAdfAtEndOfDocResult, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
 export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
-    pluginConfiguration: SelectionExtensionPluginOptions | undefined;
+    actions: {
+        getDocumentFromSelection: () => {
+            selectedNodeAdf?: ADFEntity;
+        } | null;
+        getSelectionAdf: () => SelectionAdfResult;
+        insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
+        replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
+    };
+    commands: {
+        clearActiveExtension: () => EditorCommand;
+        setActiveExtension: ({ extension, selection, }: {
+            extension: SelectionExtension | DynamicSelectionExtension;
+            selection: SelectionExtensionSelectionInfo;
+        }) => EditorCommand;
+    };
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
@@ -15,20 +29,6 @@ export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
         OptionalPlugin<UserPreferencesPlugin>,
         SelectionToolbarPlugin
     ];
+    pluginConfiguration: SelectionExtensionPluginOptions | undefined;
     sharedState: SelectionExtensionPluginState | null;
-    commands: {
-        setActiveExtension: ({ extension, selection, }: {
-            extension: SelectionExtension | DynamicSelectionExtension;
-            selection: SelectionExtensionSelectionInfo;
-        }) => EditorCommand;
-        clearActiveExtension: () => EditorCommand;
-    };
-    actions: {
-        replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
-        insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
-        getSelectionAdf: () => SelectionAdfResult;
-        getDocumentFromSelection: () => {
-            selectedNodeAdf?: ADFEntity;
-        } | null;
-    };
 }>;

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

@@ -10,30 +10,30 @@ export type SelectionExtensionComponentProps = {
     selection: SelectionExtensionSelectionInfo;
 };
 export type SelectionExtensionCallbackOptions = {
-    selection?: SelectionExtensionSelectionInfo;
     selectedNodeAdf?: ADFEntity;
+    selection?: SelectionExtensionSelectionInfo;
     selectionRanges?: SelectionRange[];
 };
 export type SelectionExtensionSelectionInfo = {
-    text: string;
+    coords: SelectionExtensionCoords;
     from: number;
+    text: string;
     to: number;
-    coords: SelectionExtensionCoords;
 };
 export type SelectionCoords = {
+    bottom: number;
     left: number;
     right: number;
     top: number;
-    bottom: number;
 };
 export type SelectionExtension = {
-    name: string;
+    component?: React.ComponentType<SelectionExtensionComponentProps>;
     icon?: React.ComponentType<React.PropsWithChildren<{
         label: string;
     }>>;
     isDisabled?: (params: SelectionExtensionCallbackOptions) => boolean;
+    name: string;
     onClick?: (params: SelectionExtensionCallbackOptions) => void;
-    component?: React.ComponentType<SelectionExtensionComponentProps>;
 };
 export type DynamicSelectionExtension = Omit<SelectionExtension, 'isDisabled'> & {
     isDisabled?: boolean;
@@ -43,8 +43,8 @@ export type SelectionPointer = {
     position?: number;
 };
 export type SelectionRange = {
-    start: SelectionPointer;
     end: SelectionPointer;
+    start: SelectionPointer;
 };
 export type SelectionExtensionFnOptions = {
     selectedNodeAdf: ADFEntity;
@@ -53,14 +53,14 @@ export type SelectionExtensionFnOptions = {
 export type SelectionExtensionFn = ({ selectedNodeAdf, selectionRanges, }: SelectionExtensionFnOptions) => DynamicSelectionExtension;
 export type SelectionExtensionConfig = SelectionExtension | SelectionExtensionFn;
 export type SelectionExtensions = {
-    firstParty?: SelectionExtensionConfig[];
     external?: SelectionExtensionConfig[];
+    firstParty?: SelectionExtensionConfig[];
 };
 type SelectionExtensionModes = ViewMode;
 export type SelectionExtensionPluginOptions = {
-    pageModes?: SelectionExtensionModes | SelectionExtensionModes[];
-    extensions?: SelectionExtensions;
     extensionList?: ExtensionConfiguration[];
+    extensions?: SelectionExtensions;
+    pageModes?: SelectionExtensionModes | SelectionExtensionModes[];
 };
 /**
  * @private
@@ -69,23 +69,23 @@ export type SelectionExtensionPluginOptions = {
  */
 export type SelectionExtensionPluginConfiguration = SelectionExtensionPluginOptions;
 export type SelectionExtensionCoords = {
+    bottom: number;
     left: number;
     right: number;
     top: number;
-    bottom: number;
 };
 export type BoundingBoxOffset = {
-    top: number;
     bottom: number;
+    top: number;
 };
 export type InsertPosition = {
-    pointer: string;
     from?: number;
+    pointer: string;
     to?: number;
 };
 export type LinkInsertionOption = {
-    link: string;
     insertPosition: InsertPosition;
+    link: string;
 };
 export declare enum SelectionExtensionActionTypes {
     SET_ACTIVE_EXTENSION = "set-active-extension",
@@ -95,24 +95,24 @@ export declare enum SelectionExtensionActionTypes {
     START_TRACK_CHANGES = "start-track-changes"
 }
 export type UpdateActiveExtensionAction = {
-    type: SelectionExtensionActionTypes.SET_ACTIVE_EXTENSION;
     extension: SelectionExtension;
+    type: SelectionExtensionActionTypes.SET_ACTIVE_EXTENSION;
 } | {
-    type: SelectionExtensionActionTypes.UPDATE_ACTIVE_EXTENSION_COORDS;
     coords: SelectionExtensionCoords;
+    type: SelectionExtensionActionTypes.UPDATE_ACTIVE_EXTENSION_COORDS;
 } | {
     type: SelectionExtensionActionTypes.CLEAR_ACTIVE_EXTENSION;
 };
 export type SelectionExtensionPluginState = {
     activeExtension?: {
+        coords: SelectionExtensionCoords;
         extension: SelectionExtension;
         selection: SelectionExtensionSelectionInfo;
-        coords: SelectionExtensionCoords;
     };
-    selectedNode?: PMNode;
+    docChangedAfterClick?: boolean;
     nodePos?: number;
+    selectedNode?: PMNode;
     startTrackChanges?: boolean;
-    docChangedAfterClick?: boolean;
 };
 export type ReplaceWithAdfStatus = 'success' | 'document-changed' | 'failed-to-replace';
 export type ReplaceWithAdfResult = {
@@ -127,18 +127,18 @@ export type SelectionAdfResult = {
 } | null;
 export type ExtensionSource = 'first-party' | 'external';
 export type ExtensionConfiguration = {
-    key: string;
-    source: ExtensionSource;
+    blockMenu?: BlockMenuExtensionConfiguration;
     inlineToolbar?: ToolbarExtensionConfiguration;
+    key: string;
     primaryToolbar?: ToolbarExtensionConfiguration;
-    blockMenu?: BlockMenuExtensionConfiguration;
+    source: ExtensionSource;
 };
 export type GetToolbarItemFn = () => ExtensionToolbarItemConfiguration;
 export type GetMenuItemsFn = () => Array<ExtensionMenuItemConfiguration | ExtensionMenuSectionConfiguration>;
 export type GetMenuItemFn = () => Omit<ExtensionMenuItemConfiguration, 'section'>;
 export type ToolbarExtensionConfiguration = {
-    getToolbarItem?: GetToolbarItemFn;
     getMenuItems?: GetMenuItemsFn;
+    getToolbarItem?: GetToolbarItemFn;
 };
 export type BlockMenuExtensionConfiguration = {
     getMenuItem: GetMenuItemFn;
@@ -148,19 +148,19 @@ export type ExtensionToolbarItemConfiguration = {
     icon: React.ComponentType<React.PropsWithChildren<{
         label: string;
     }>>;
-    tooltip: string;
     isDisabled?: boolean;
-    onClick?: () => void;
     label?: string;
+    onClick?: () => void;
+    tooltip: string;
 };
 export type ExtensionMenuItemConfiguration = {
-    label: string;
+    contentComponent?: React.ComponentType<SelectionExtensionComponentProps>;
     icon: React.ComponentType<React.PropsWithChildren<{
         label: string;
     }>>;
-    onClick?: () => void;
     isDisabled?: boolean;
-    contentComponent?: React.ComponentType<SelectionExtensionComponentProps>;
+    label: string;
+    onClick?: () => void;
     /**
      * Optional menu-section to declare grouping - only used for menu items
      */

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

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

package/dist/types/ui/extension/SelectionExtensionComponentWrapper.d.ts

@@ -5,8 +5,8 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginType';
 type SelectionExtensionComponentWrapperProps = {
     api: ExtractInjectionAPI<SelectionExtensionPlugin> | undefined | null;
-    editorView: EditorView;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
+    editorView: EditorView;
 };
 export declare const SelectionExtensionComponentWrapper: ({ api, editorAnalyticsAPI, }: SelectionExtensionComponentWrapperProps) => React.JSX.Element | null;
 export {};

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

@@ -1,7 +1,7 @@
 import type { ExtensionConfiguration, ExtensionSource, GetMenuItemsFn, GetToolbarItemFn, SelectionExtensionConfig } from '../types';
 export type ToolbarItemExtension = {
-    getToolbarItem: GetToolbarItemFn;
     getMenuItems?: GetMenuItemsFn;
+    getToolbarItem: GetToolbarItemFn;
 };
 /**
  * From the full list of extensions, extract only those that have a toolbar item configuration

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

@@ -1,8 +1,8 @@
 import type { Command, FloatingToolbarOverflowDropdownOptions, SelectionToolbarGroup } from '@atlaskit/editor-common/types';
 import type { ExtensionConfiguration } from '../types';
 type SelectionToolbarOptions = {
-    overflowOptions: FloatingToolbarOverflowDropdownOptions<Command>;
     extensionList?: ExtensionConfiguration[];
+    overflowOptions: FloatingToolbarOverflowDropdownOptions<Command>;
 };
 export declare const selectionToolbar: ({ overflowOptions, extensionList, }: SelectionToolbarOptions) => SelectionToolbarGroup;
 export {};

package/dist/types/ui/toolbar/SelectionExtensionDropdownMenu.d.ts

@@ -4,27 +4,27 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { type MenuItemsType } from '../../types';
 export type SelectionExtensionDropdownMenuProps = {
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
     items: MenuItemsType;
     onItemActivated?: (attrs: {
         item: MenuItem;
         shouldCloseMenu?: boolean;
     }) => void;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
 } & WrappedComponentProps;
 export declare const SelectionExtensionDropdownMenu: React.FC<import("react-intl-next").WithIntlProps<{
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
     items: MenuItemsType;
     onItemActivated?: (attrs: {
         item: MenuItem;
         shouldCloseMenu?: boolean;
     }) => void;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
+        editorAnalyticsAPI?: EditorAnalyticsAPI;
         items: MenuItemsType;
         onItemActivated?: (attrs: {
             item: MenuItem;
             shouldCloseMenu?: boolean;
         }) => void;
-        editorAnalyticsAPI?: EditorAnalyticsAPI;
     } & WrappedComponentProps>;
 };

package/dist/types/ui/toolbar/SelectionExtensionItems.d.ts

@@ -10,9 +10,9 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginType';
 import type { SelectionExtension } from '../../types';
 type SelectionExtensionItemsProps = {
-    editorView: EditorView;
     api: ExtractInjectionAPI<SelectionExtensionPlugin> | undefined;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
+    editorView: EditorView;
     extensions: SelectionExtension[];
     onExtensionClick: (extension: SelectionExtension) => void;
 } & WrappedComponentProps;

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

@@ -4,28 +4,28 @@ import { type SelectionExtensionPluginState } from '../types';
 export declare const selectionExtensionPluginKey: PluginKey<SelectionExtensionPluginState>;
 export declare const createPlugin: () => SafePlugin<SelectionExtensionPluginState | {
     activeExtension: any;
-    selectedNode?: import("prosemirror-model").Node;
+    docChangedAfterClick?: boolean;
     nodePos?: number;
+    selectedNode?: import("prosemirror-model").Node;
     startTrackChanges?: boolean;
-    docChangedAfterClick?: boolean;
 } | {
     selectedNode: any;
     nodePos: any;
     startTrackChanges: boolean;
     docChangedAfterClick: boolean;
     activeExtension?: {
+        coords: import("../types").SelectionExtensionCoords;
         extension: import("../types").SelectionExtension;
         selection: import("../types").SelectionExtensionSelectionInfo;
-        coords: import("../types").SelectionExtensionCoords;
     };
 } | {
     startTrackChanges: any;
     activeExtension?: {
+        coords: import("../types").SelectionExtensionCoords;
         extension: import("../types").SelectionExtension;
         selection: import("../types").SelectionExtensionSelectionInfo;
-        coords: import("../types").SelectionExtensionCoords;
     };
-    selectedNode?: import("prosemirror-model").Node;
-    nodePos?: number;
     docChangedAfterClick?: boolean;
+    nodePos?: number;
+    selectedNode?: import("prosemirror-model").Node;
 }>;

package/dist/types-ts4.5/pm-plugins/utils/getOffsetByPath.d.ts

@@ -1,14 +1,14 @@
 import { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
 export interface NodeOffset {
-    type: 'node';
     from: number;
-    to: number;
     matches: string[];
+    to: number;
+    type: 'node';
 }
 export interface AttrsOffset {
-    type: 'attrs';
     from: number;
     path: string[];
+    type: 'attrs';
 }
 export type Offset = NodeOffset | AttrsOffset;
 export declare function getOffsetByPath(root: PMNode, pos: number, pointer: string, from?: number, to?: number): Offset;

package/dist/types-ts4.5/pm-plugins/utils/index.d.ts

@@ -7,10 +7,10 @@ import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginTyp
 import type { SelectionExtensionSelectionInfo } from '../../types';
 import { type SelectionRange } from '../../types';
 type SelectionInfo = {
+    nodePos: number;
+    selectedNode: PMNode;
     selectedNodeAdf: ADFEntity;
     selectionRanges?: SelectionRange[];
-    selectedNode: PMNode;
-    nodePos: number;
 };
 export declare const getSelectionTextInfo: (view: EditorView, api?: ExtractInjectionAPI<SelectionExtensionPlugin>) => SelectionExtensionSelectionInfo;
 export declare const getFragmentInfoFromSelection: (state: EditorState) => {

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

@@ -7,7 +7,21 @@ import type { SelectionToolbarPlugin } from '@atlaskit/editor-plugin-selection-t
 import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
 import type { DynamicSelectionExtension, SelectionAdfResult, InsertAdfAtEndOfDocResult, ReplaceWithAdfResult, SelectionExtension, SelectionExtensionPluginOptions, SelectionExtensionPluginState, SelectionExtensionSelectionInfo } from './types';
 export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
-    pluginConfiguration: SelectionExtensionPluginOptions | undefined;
+    actions: {
+        getDocumentFromSelection: () => {
+            selectedNodeAdf?: ADFEntity;
+        } | null;
+        getSelectionAdf: () => SelectionAdfResult;
+        insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
+        replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
+    };
+    commands: {
+        clearActiveExtension: () => EditorCommand;
+        setActiveExtension: ({ extension, selection, }: {
+            extension: SelectionExtension | DynamicSelectionExtension;
+            selection: SelectionExtensionSelectionInfo;
+        }) => EditorCommand;
+    };
     dependencies: [
         OptionalPlugin<AnalyticsPlugin>,
         OptionalPlugin<EditorViewModePlugin>,
@@ -15,20 +29,6 @@ export type SelectionExtensionPlugin = NextEditorPlugin<'selectionExtension', {
         OptionalPlugin<UserPreferencesPlugin>,
         SelectionToolbarPlugin
     ];
+    pluginConfiguration: SelectionExtensionPluginOptions | undefined;
     sharedState: SelectionExtensionPluginState | null;
-    commands: {
-        setActiveExtension: ({ extension, selection, }: {
-            extension: SelectionExtension | DynamicSelectionExtension;
-            selection: SelectionExtensionSelectionInfo;
-        }) => EditorCommand;
-        clearActiveExtension: () => EditorCommand;
-    };
-    actions: {
-        replaceWithAdf: (nodeAdf: ADFEntity) => ReplaceWithAdfResult;
-        insertAdfAtEndOfDoc: (nodeAdf: ADFEntity) => InsertAdfAtEndOfDocResult;
-        getSelectionAdf: () => SelectionAdfResult;
-        getDocumentFromSelection: () => {
-            selectedNodeAdf?: ADFEntity;
-        } | null;
-    };
 }>;

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

@@ -10,30 +10,30 @@ export type SelectionExtensionComponentProps = {
     selection: SelectionExtensionSelectionInfo;
 };
 export type SelectionExtensionCallbackOptions = {
-    selection?: SelectionExtensionSelectionInfo;
     selectedNodeAdf?: ADFEntity;
+    selection?: SelectionExtensionSelectionInfo;
     selectionRanges?: SelectionRange[];
 };
 export type SelectionExtensionSelectionInfo = {
-    text: string;
+    coords: SelectionExtensionCoords;
     from: number;
+    text: string;
     to: number;
-    coords: SelectionExtensionCoords;
 };
 export type SelectionCoords = {
+    bottom: number;
     left: number;
     right: number;
     top: number;
-    bottom: number;
 };
 export type SelectionExtension = {
-    name: string;
+    component?: React.ComponentType<SelectionExtensionComponentProps>;
     icon?: React.ComponentType<React.PropsWithChildren<{
         label: string;
     }>>;
     isDisabled?: (params: SelectionExtensionCallbackOptions) => boolean;
+    name: string;
     onClick?: (params: SelectionExtensionCallbackOptions) => void;
-    component?: React.ComponentType<SelectionExtensionComponentProps>;
 };
 export type DynamicSelectionExtension = Omit<SelectionExtension, 'isDisabled'> & {
     isDisabled?: boolean;
@@ -43,8 +43,8 @@ export type SelectionPointer = {
     position?: number;
 };
 export type SelectionRange = {
-    start: SelectionPointer;
     end: SelectionPointer;
+    start: SelectionPointer;
 };
 export type SelectionExtensionFnOptions = {
     selectedNodeAdf: ADFEntity;
@@ -53,14 +53,14 @@ export type SelectionExtensionFnOptions = {
 export type SelectionExtensionFn = ({ selectedNodeAdf, selectionRanges, }: SelectionExtensionFnOptions) => DynamicSelectionExtension;
 export type SelectionExtensionConfig = SelectionExtension | SelectionExtensionFn;
 export type SelectionExtensions = {
-    firstParty?: SelectionExtensionConfig[];
     external?: SelectionExtensionConfig[];
+    firstParty?: SelectionExtensionConfig[];
 };
 type SelectionExtensionModes = ViewMode;
 export type SelectionExtensionPluginOptions = {
-    pageModes?: SelectionExtensionModes | SelectionExtensionModes[];
-    extensions?: SelectionExtensions;
     extensionList?: ExtensionConfiguration[];
+    extensions?: SelectionExtensions;
+    pageModes?: SelectionExtensionModes | SelectionExtensionModes[];
 };
 /**
  * @private
@@ -69,23 +69,23 @@ export type SelectionExtensionPluginOptions = {
  */
 export type SelectionExtensionPluginConfiguration = SelectionExtensionPluginOptions;
 export type SelectionExtensionCoords = {
+    bottom: number;
     left: number;
     right: number;
     top: number;
-    bottom: number;
 };
 export type BoundingBoxOffset = {
-    top: number;
     bottom: number;
+    top: number;
 };
 export type InsertPosition = {
-    pointer: string;
     from?: number;
+    pointer: string;
     to?: number;
 };
 export type LinkInsertionOption = {
-    link: string;
     insertPosition: InsertPosition;
+    link: string;
 };
 export declare enum SelectionExtensionActionTypes {
     SET_ACTIVE_EXTENSION = "set-active-extension",
@@ -95,24 +95,24 @@ export declare enum SelectionExtensionActionTypes {
     START_TRACK_CHANGES = "start-track-changes"
 }
 export type UpdateActiveExtensionAction = {
-    type: SelectionExtensionActionTypes.SET_ACTIVE_EXTENSION;
     extension: SelectionExtension;
+    type: SelectionExtensionActionTypes.SET_ACTIVE_EXTENSION;
 } | {
-    type: SelectionExtensionActionTypes.UPDATE_ACTIVE_EXTENSION_COORDS;
     coords: SelectionExtensionCoords;
+    type: SelectionExtensionActionTypes.UPDATE_ACTIVE_EXTENSION_COORDS;
 } | {
     type: SelectionExtensionActionTypes.CLEAR_ACTIVE_EXTENSION;
 };
 export type SelectionExtensionPluginState = {
     activeExtension?: {
+        coords: SelectionExtensionCoords;
         extension: SelectionExtension;
         selection: SelectionExtensionSelectionInfo;
-        coords: SelectionExtensionCoords;
     };
-    selectedNode?: PMNode;
+    docChangedAfterClick?: boolean;
     nodePos?: number;
+    selectedNode?: PMNode;
     startTrackChanges?: boolean;
-    docChangedAfterClick?: boolean;
 };
 export type ReplaceWithAdfStatus = 'success' | 'document-changed' | 'failed-to-replace';
 export type ReplaceWithAdfResult = {
@@ -127,18 +127,18 @@ export type SelectionAdfResult = {
 } | null;
 export type ExtensionSource = 'first-party' | 'external';
 export type ExtensionConfiguration = {
-    key: string;
-    source: ExtensionSource;
+    blockMenu?: BlockMenuExtensionConfiguration;
     inlineToolbar?: ToolbarExtensionConfiguration;
+    key: string;
     primaryToolbar?: ToolbarExtensionConfiguration;
-    blockMenu?: BlockMenuExtensionConfiguration;
+    source: ExtensionSource;
 };
 export type GetToolbarItemFn = () => ExtensionToolbarItemConfiguration;
 export type GetMenuItemsFn = () => Array<ExtensionMenuItemConfiguration | ExtensionMenuSectionConfiguration>;
 export type GetMenuItemFn = () => Omit<ExtensionMenuItemConfiguration, 'section'>;
 export type ToolbarExtensionConfiguration = {
-    getToolbarItem?: GetToolbarItemFn;
     getMenuItems?: GetMenuItemsFn;
+    getToolbarItem?: GetToolbarItemFn;
 };
 export type BlockMenuExtensionConfiguration = {
     getMenuItem: GetMenuItemFn;
@@ -148,19 +148,19 @@ export type ExtensionToolbarItemConfiguration = {
     icon: React.ComponentType<React.PropsWithChildren<{
         label: string;
     }>>;
-    tooltip: string;
     isDisabled?: boolean;
-    onClick?: () => void;
     label?: string;
+    onClick?: () => void;
+    tooltip: string;
 };
 export type ExtensionMenuItemConfiguration = {
-    label: string;
+    contentComponent?: React.ComponentType<SelectionExtensionComponentProps>;
     icon: React.ComponentType<React.PropsWithChildren<{
         label: string;
     }>>;
-    onClick?: () => void;
     isDisabled?: boolean;
-    contentComponent?: React.ComponentType<SelectionExtensionComponentProps>;
+    label: string;
+    onClick?: () => void;
     /**
      * Optional menu-section to declare grouping - only used for menu items
      */

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

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

package/dist/types-ts4.5/ui/extension/SelectionExtensionComponentWrapper.d.ts

@@ -5,8 +5,8 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginType';
 type SelectionExtensionComponentWrapperProps = {
     api: ExtractInjectionAPI<SelectionExtensionPlugin> | undefined | null;
-    editorView: EditorView;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
+    editorView: EditorView;
 };
 export declare const SelectionExtensionComponentWrapper: ({ api, editorAnalyticsAPI, }: SelectionExtensionComponentWrapperProps) => React.JSX.Element | null;
 export {};

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

@@ -1,7 +1,7 @@
 import type { ExtensionConfiguration, ExtensionSource, GetMenuItemsFn, GetToolbarItemFn, SelectionExtensionConfig } from '../types';
 export type ToolbarItemExtension = {
-    getToolbarItem: GetToolbarItemFn;
     getMenuItems?: GetMenuItemsFn;
+    getToolbarItem: GetToolbarItemFn;
 };
 /**
  * From the full list of extensions, extract only those that have a toolbar item configuration

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

@@ -1,8 +1,8 @@
 import type { Command, FloatingToolbarOverflowDropdownOptions, SelectionToolbarGroup } from '@atlaskit/editor-common/types';
 import type { ExtensionConfiguration } from '../types';
 type SelectionToolbarOptions = {
-    overflowOptions: FloatingToolbarOverflowDropdownOptions<Command>;
     extensionList?: ExtensionConfiguration[];
+    overflowOptions: FloatingToolbarOverflowDropdownOptions<Command>;
 };
 export declare const selectionToolbar: ({ overflowOptions, extensionList, }: SelectionToolbarOptions) => SelectionToolbarGroup;
 export {};

package/dist/types-ts4.5/ui/toolbar/SelectionExtensionDropdownMenu.d.ts

@@ -4,27 +4,27 @@ import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
 import { type MenuItem } from '@atlaskit/editor-common/ui-menu';
 import { type MenuItemsType } from '../../types';
 export type SelectionExtensionDropdownMenuProps = {
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
     items: MenuItemsType;
     onItemActivated?: (attrs: {
         item: MenuItem;
         shouldCloseMenu?: boolean;
     }) => void;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
 } & WrappedComponentProps;
 export declare const SelectionExtensionDropdownMenu: React.FC<import("react-intl-next").WithIntlProps<{
+    editorAnalyticsAPI?: EditorAnalyticsAPI;
     items: MenuItemsType;
     onItemActivated?: (attrs: {
         item: MenuItem;
         shouldCloseMenu?: boolean;
     }) => void;
-    editorAnalyticsAPI?: EditorAnalyticsAPI;
 } & WrappedComponentProps>> & {
     WrappedComponent: React.ComponentType<{
+        editorAnalyticsAPI?: EditorAnalyticsAPI;
         items: MenuItemsType;
         onItemActivated?: (attrs: {
             item: MenuItem;
             shouldCloseMenu?: boolean;
         }) => void;
-        editorAnalyticsAPI?: EditorAnalyticsAPI;
     } & WrappedComponentProps>;
 };

package/dist/types-ts4.5/ui/toolbar/SelectionExtensionItems.d.ts

@@ -10,9 +10,9 @@ import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { SelectionExtensionPlugin } from '../../selectionExtensionPluginType';
 import type { SelectionExtension } from '../../types';
 type SelectionExtensionItemsProps = {
-    editorView: EditorView;
     api: ExtractInjectionAPI<SelectionExtensionPlugin> | undefined;
     editorAnalyticsAPI?: EditorAnalyticsAPI;
+    editorView: EditorView;
     extensions: SelectionExtension[];
     onExtensionClick: (extension: SelectionExtension) => void;
 } & WrappedComponentProps;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-selection-extension",
-	"version": "3.5.1",
+	"version": "3.5.3",
 	"description": "editor-plugin-selection-extension plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -36,7 +36,7 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-utils": "^19.21.0",
-		"@atlaskit/editor-json-transformer": "^8.26.0",
+		"@atlaskit/editor-json-transformer": "^8.27.0",
 		"@atlaskit/editor-plugin-analytics": "^3.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^5.0.0",
 		"@atlaskit/editor-plugin-primary-toolbar": "^4.1.0",
@@ -45,24 +45,23 @@
 		"@atlaskit/editor-prosemirror": "7.0.0",
 		"@atlaskit/editor-shared-styles": "^3.6.0",
 		"@atlaskit/editor-tables": "^2.9.0",
-		"@atlaskit/icon": "^27.12.0",
+		"@atlaskit/icon": "^28.0.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/primitives": "^14.11.0",
-		"@atlaskit/tmp-editor-statsig": "^11.3.0",
+		"@atlaskit/tmp-editor-statsig": "^11.5.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.26.0",
+		"@atlaskit/editor-common": "^107.28.0",
 		"react": "^18.2.0"
 	},
 	"devDependencies": {
 		"@af/integration-testing": "workspace:^",
 		"@af/visual-regression": "workspace:^",
 		"@atlaskit/ssr": "workspace:^",
-		"@atlaskit/visual-regression": "workspace:^",
 		"@testing-library/react": "^13.4.0",
 		"react-dom": "^18.2.0",
 		"wait-for-expect": "^1.2.0"