@atlaskit/editor-plugin-toolbar 8.0.14 → 8.0.15

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/editor-plugin-toolbar
 
+## 8.0.15
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.0.14
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-toolbar",
-	"version": "8.0.14",
+	"version": "8.0.15",
 	"description": "Toolbar plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -40,7 +40,7 @@
 		"@atlaskit/editor-toolbar": "^1.10.0",
 		"@atlaskit/editor-toolbar-model": "^0.5.0",
 		"@atlaskit/platform-feature-flags": "^1.1.0",
-		"@atlaskit/tmp-editor-statsig": "^102.0.0",
+		"@atlaskit/tmp-editor-statsig": "^103.0.0",
 		"@babel/runtime": "^7.0.0",
 		"bind-event-listener": "^3.0.0"
 	},

package/plugin-key/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/entry-points/plugin-key.js",
   "module:es2019": "../dist/es2019/entry-points/plugin-key.js",
   "sideEffects": false,
-  "types": "../dist/types/entry-points/plugin-key.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/plugin-key.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/plugin-key.d.ts"
 }

package/toolbar-plugin/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/entry-points/toolbar-plugin.js",
   "module:es2019": "../dist/es2019/entry-points/toolbar-plugin.js",
   "sideEffects": false,
-  "types": "../dist/types/entry-points/toolbar-plugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/toolbar-plugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/toolbar-plugin.d.ts"
 }

package/toolbar-plugin-type/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/entry-points/toolbar-plugin-type.js",
   "module:es2019": "../dist/es2019/entry-points/toolbar-plugin-type.js",
   "sideEffects": false,
-  "types": "../dist/types/entry-points/toolbar-plugin-type.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/toolbar-plugin-type.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/toolbar-plugin-type.d.ts"
 }

package/types/package.json

@@ -4,12 +4,5 @@
   "module": "../dist/esm/entry-points/types.js",
   "module:es2019": "../dist/es2019/entry-points/types.js",
   "sideEffects": false,
-  "types": "../dist/types/entry-points/types.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/types.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/types.d.ts"
 }

package/dist/types-ts4.5/entry-points/plugin-key.d.ts

@@ -1 +0,0 @@
-export { editorToolbarPluginKey } from '../pm-plugins/plugin-key';

package/dist/types-ts4.5/entry-points/toolbar-plugin-type.d.ts

@@ -1 +0,0 @@
-export type { ToolbarPlugin, EditorToolbarPluginState } from '../toolbarPluginType';

package/dist/types-ts4.5/entry-points/toolbar-plugin.d.ts

@@ -1 +0,0 @@
-export { toolbarPlugin } from '../toolbarPlugin';

package/dist/types-ts4.5/entry-points/types.d.ts

@@ -1 +0,0 @@
-export type { ToolbarPluginOptions, RegisterComponentsAction } from '../types/index';

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

@@ -1,3 +0,0 @@
-export { toolbarPlugin } from './toolbarPlugin';
-export type { ToolbarPlugin, EditorToolbarPluginState } from './toolbarPluginType';
-export type { ToolbarPluginOptions, RegisterComponentsAction } from './types';

package/dist/types-ts4.5/pm-plugins/experiences/selection-toolbar-open-experience.d.ts

@@ -1,20 +0,0 @@
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-type SelectionToolbarOpenExperienceOptions = {
-    dispatchAnalyticsEvent: DispatchAnalyticsEvent;
-    refs: {
-        popupsMountPoint?: HTMLElement;
-    };
-};
-/**
- * This experience tracks when the selection toolbar is opened.
- *
- * Start: When user makes a selection via mouseup or shift+arrow key down
- * Success: When the selection toolbar is added to the DOM within 1000ms of start
- * Failure: When 1000ms passes without the selection toolbar being added to the DOM
- * Abort: When selection transitions to empty or block menu is opened
- *
- * @see https://hello.atlassian.net/wiki/spaces/EDITOR/pages/6262117789/Experience+tracking+Selection+toolbar+open
- */
-export declare const getSelectionToolbarOpenExperiencePlugin: ({ refs, dispatchAnalyticsEvent, }: SelectionToolbarOpenExperienceOptions) => SafePlugin<{}>;
-export {};

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

@@ -1,2 +0,0 @@
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-export declare const editorToolbarPluginKey: PluginKey;

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

@@ -1,2 +0,0 @@
-import type { ToolbarPlugin } from './toolbarPluginType';
-export declare const toolbarPlugin: ToolbarPlugin;

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

@@ -1,81 +0,0 @@
-import type { ContextualFormattingEnabledOptions } from '@atlaskit/editor-common/toolbar';
-import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { ConnectivityPlugin } from '@atlaskit/editor-plugin-connectivity';
-import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
-import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
-import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
-import type { UserPreferencesPlugin } from '@atlaskit/editor-plugin-user-preferences';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { BreakpointPreset } from '@atlaskit/editor-toolbar';
-import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
-import type { RegisterComponentsAction, ToolbarPluginOptions } from './types';
-export type EditorToolbarPluginState = {
-    /**
-     * Runtime override for the contextual-formatting mode. When set, callers
-     * should treat it as taking precedence over `contextualFormattingMode()`.
-     * Lives in PM state so React subscribers re-render on flip. Updated via
-     * the `setContextualFormattingModeOverride` command; consumers must read
-     * it via `useSharedPluginStateWithSelector(api, ['toolbar'], ...)` and
-     * merge it themselves — see SelectionToolbar / Section / FullPageToolbarNext
-     * for the merge pattern. Used by Markdown Mode to pin the primary toolbar
-     * while source / preview view is active (no PM selection to anchor a
-     * floating toolbar to).
-     */
-    contextualFormattingModeOverride?: ContextualFormattingEnabledOptions;
-    selectedNode?: {
-        marks: string[];
-        node: PMNode;
-        nodeType: string;
-        pos: number;
-    };
-    shouldShowToolbar: boolean;
-};
-export type ToolbarPlugin = NextEditorPlugin<'toolbar', {
-    actions: {
-        /**
-         * Returns the current contextual formatting toolbar mode configuration.
-         *
-         * This method retrieves the active setting that determines the behavior and placement
-         * of the contextual formatting toolbar in the editor.
-         *
-         * @returns The active contextual formatting mode:
-         * - `always-inline`: Formatting controls appear in a floating toolbar near selected text
-         * - `always-pinned`: Formatting controls are pinned to the top toolbar (default)
-         * - `controlled`: Both inline and primary toolbars are available - this option requires editor-plugin-selection-toolbar to be configured with
-         * userPreferencesProvider to control the toolbar pinning.
-         */
-        contextualFormattingMode: () => ContextualFormattingEnabledOptions;
-        /**
-         * Returns the breakpoint preset configuration for the toolbar.
-         *
-         * This method retrieves the breakpoint preset that determines how the toolbar
-         * responds to different viewport sizes and layouts.
-         *
-         * @returns The configured breakpoint preset, or `undefined` if not set.
-         */
-        getBreakpointPreset: () => BreakpointPreset | undefined;
-        getComponents: () => Array<RegisterComponent>;
-        registerComponents: RegisterComponentsAction;
-    };
-    commands: {
-        /**
-         * Sets (or clears) the runtime override for `contextualFormattingMode`.
-         * Pass `undefined` to clear and fall back to config / user preference.
-         * Used by Markdown Mode to pin the toolbar while the source / preview
-         * view is active. Exposed as a command (not an action) so callers can
-         * compose the meta onto an existing transaction and dispatch once.
-         */
-        setContextualFormattingModeOverride: (mode: ContextualFormattingEnabledOptions | undefined) => EditorCommand;
-    };
-    dependencies: [
-        OptionalPlugin<UserIntentPlugin>,
-        OptionalPlugin<SelectionPlugin>,
-        OptionalPlugin<UserPreferencesPlugin>,
-        OptionalPlugin<EditorViewModePlugin>,
-        OptionalPlugin<ConnectivityPlugin>,
-        OptionalPlugin<AnalyticsPlugin>
-    ];
-    pluginConfiguration?: ToolbarPluginOptions;
-    sharedState: EditorToolbarPluginState;
-}>;

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

@@ -1,111 +0,0 @@
-import type { ContextualFormattingEnabledOptions } from '@atlaskit/editor-common/toolbar';
-import type { BreakpointPreset } from '@atlaskit/editor-toolbar';
-import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
-export type ToolbarPluginOptions = {
-    /**
-     * Option to set the breakpoint preset for the toolbar.
-     */
-    breakpointPreset?: BreakpointPreset;
-    /**
-     * EDITOR-6558: Optional predicate applied to every component returned
-     * from `getComponents` (i.e. evaluated at read time, not registration
-     * time). Components returning `false` are silently dropped. Used by
-     * Markdown Mode to hide toolbar buttons / menus whose underlying mark
-     * or node has no clean GFM round-trip (e.g. text colour, highlight,
-     * alignment, indentation, font size, etc.), and to hide ALL but the
-     * view-mode toggle when in source/preview view.
-     *
-     * The filter receives the registered component's `key` and `type` so
-     * consumers can distinguish buttons / menus / sections by their stable
-     * identifier without poking into component internals.
-     *
-     * Because the filter runs on every `getComponents` call, it can read
-     * mutable runtime state (e.g. via a closure over a sweet-state hook
-     * value) — but the consumer is responsible for ensuring the React tree
-     * re-renders when that state changes (e.g. via a parent component that
-     * subscribes to the same state and propagates re-renders).
-     */
-    componentFilter?: (component: {
-        key: string;
-        type: string;
-    }) => boolean;
-    /**
-     * Controls which toolbars are available for in the editor.
-     *
-     * The contextual formatting toolbar provides text formatting options (bold, italic, links, etc.)
-     * that appear contextually based on user selection.
-     *
-     * **Notes:**
-     * - The inline text toolbar has only been tested to work in the full-page and chromless editor appearances.
-     *
-     * **Options:**
-     * - `always-inline`: Formatting controls appear in a floating toolbar near selected text
-     * - `always-pinned`: Formatting controls are pinned to the top toolbar (default)
-     * - `controlled`: Both inline and primary toolbars are available - this option requires editor-plugin-selection-toolbar to be configured with
-     * userPreferencesProvider to control the toolbar pinning.
-     *
-     * @remarks
-     * This option determines where and when the formatting toolbar is displayed:
-     * - **Primary toolbar**: The toolbar mounted at the top of the editor that is always visible
-     * - **Inline text toolbar**: A floating toolbar that appears near the selected text
-     *
-     * @example
-     * ```tsx
-     * // Always show formatting controls in a floating (inline) toolbar near selection
-     * const toolbarPlugin = createToolbarPlugin({
-     *   contextualFormattingEnabled: 'always-inline',
-     * });
-     * ```
-     *
-     * @example
-     * ```tsx
-     * // Always show formatting controls pinned to the top (primary) toolbar
-     * const toolbarPlugin = createToolbarPlugin({
-     *   contextualFormattingEnabled: 'always-pinned',
-     * });
-     * ```
-     *
-     * @example
-     * ```tsx
-     * // Must have editor-plugin-selection-toolbar configured with userPreferencesProvider
-     * // Allow dynamic control of toolbar placement (both inline and primary available)
-     * const toolbarPlugin = createToolbarPlugin({
-     *   contextualFormattingEnabled: 'controlled',
-     * });
-     * ```
-     *
-     * @public
-     */
-    contextualFormattingEnabled?: ContextualFormattingEnabledOptions;
-    /**
-     * EDITOR-6558: Optional override for the `contextualFormattingMode`.
-     * When the returned value is non-null it takes precedence over the
-     * `contextualFormattingEnabled` config (and over the user's saved
-     * docking preference). Used by Markdown Mode to lock the toolbar to
-     * `always-pinned` while the floating toolbar would be useless (i.e.
-     * when the source / preview view is active and there's no ProseMirror
-     * selection to anchor to).
-     */
-    contextualFormattingModeOverride?: () => 'always-inline' | 'always-pinned' | 'controlled' | undefined;
-    /**
-     * @private
-     * @deprecated
-     * @description
-     * This option is deprecated and will be removed in the future, replaced with `contextualFormattingEnabled`.
-     *
-     * To disable the selection toolbar (so only the primary toolbar is shown), use `contextualFormattingEnabled: 'always-pinned'`.
-     * @example
-     * ```ts
-     * const toolbarPlugin = createToolbarPlugin({
-     *   contextualFormattingEnabled: 'always-inline',
-     * });
-     * ```
-     */
-    disableSelectionToolbar?: boolean;
-    disableSelectionToolbarWhenPinned?: boolean;
-    /**
-     * Option to enable new toolbar designs
-     */
-    enableNewToolbarExperience?: boolean;
-};
-export type RegisterComponentsAction = (toolbarComponents: Array<RegisterComponent>, replaceItems?: boolean) => void;

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

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const OverflowMenu: ({ children }: {
-    children: React.ReactNode;
-}) => React.JSX.Element;

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

@@ -1,6 +0,0 @@
-import React from 'react';
-type OverflowMenuSectionProps = {
-    children: React.ReactNode;
-};
-export declare const OverflowMenuSection: ({ children }: OverflowMenuSectionProps) => React.JSX.Element;
-export {};

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

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { SeparatorPosition } from '@atlaskit/editor-toolbar';
-export declare const OverflowSection: ({ children, hasSeparator, testId, }: {
-    children: React.ReactNode;
-    hasSeparator?: boolean | SeparatorPosition;
-    testId?: string;
-}) => React.JSX.Element | null;

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { BreakpointPreset } from '@atlaskit/editor-toolbar';
-type PrimaryToolbarProps = {
-    breakpointPreset?: BreakpointPreset;
-    children: React.ReactNode;
-};
-export declare const PrimaryToolbar: ({ children, breakpointPreset, }: PrimaryToolbarProps) => React.JSX.Element;
-export {};

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { ToolbarComponentTypes } from '@atlaskit/editor-toolbar-model';
-import type { ToolbarPlugin } from '../toolbarPluginType';
-type SectionProps = {
-    api?: ExtractInjectionAPI<ToolbarPlugin>;
-    children: React.ReactNode;
-    isSharedSection?: boolean;
-    parents: ToolbarComponentTypes;
-    showSeparatorInFullPagePrimaryToolbar?: boolean;
-    testId?: string;
-};
-export declare const Section: ({ children, parents, api, testId, showSeparatorInFullPagePrimaryToolbar, isSharedSection, }: SectionProps) => React.JSX.Element | null;
-export {};

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { ToolbarPlugin } from '../../toolbarPluginType';
-type SelectionToolbarProps = {
-    api?: ExtractInjectionAPI<ToolbarPlugin>;
-    disableSelectionToolbarWhenPinned: boolean;
-    editorView: EditorView;
-    mountPoint: HTMLElement | undefined;
-};
-export declare const SelectionToolbar: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element | null;
-export declare const SelectionToolbarWithErrorBoundary: ({ api, editorView, mountPoint, disableSelectionToolbarWhenPinned, }: SelectionToolbarProps) => React.JSX.Element;
-export {};

package/dist/types-ts4.5/ui/SelectionToolbar/keyboard-config.d.ts

@@ -1,6 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { ToolbarKeyboardNavigationProviderConfig } from '@atlaskit/editor-toolbar';
-import type { ToolbarPlugin } from '../../toolbarPluginType';
-export declare const getKeyboardNavigationConfig: (editorView: EditorView, intl: IntlShape, api?: ExtractInjectionAPI<ToolbarPlugin>) => ToolbarKeyboardNavigationProviderConfig | undefined;

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

@@ -1,6 +0,0 @@
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export type Position = {
-    left?: number;
-    top?: number;
-};
-export type CalculateToolbarPosition = (editorView: EditorView, position: Position) => Position;

package/dist/types-ts4.5/ui/SelectionToolbar/utils.d.ts

@@ -1,3 +0,0 @@
-import type { DispatchAnalyticsEvent } from '@atlaskit/editor-common/analytics';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-export declare const getDomRefFromSelection: (view: EditorView, dispatchAnalyticsEvent?: DispatchAnalyticsEvent) => HTMLElement | undefined;

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

@@ -1,10 +0,0 @@
-import React from 'react';
-type TextStylesMenuButtonProps = {
-    children: React.ReactNode;
-};
-/**
- * Basic version of existing 'Text Styles' Menu - which doesn't dynamically change icon
- * and is also placeholder to render all other menus in the collapsed state.
- */
-export declare const TextCollapsedMenu: ({ children }: TextStylesMenuButtonProps) => React.JSX.Element;
-export {};

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

@@ -1,5 +0,0 @@
-export declare const SELECTION_TOOLBAR_LABEL = "Selection toolbar";
-export declare const DEFAULT_POPUP_SELECTORS: {
-    readonly toolbarContainer: "[role=\"toolbar\"]";
-    readonly portal: ".atlaskit-portal";
-};

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

@@ -1,6 +0,0 @@
-import type { ContextualFormattingEnabledOptions } from '@atlaskit/editor-common/toolbar';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { BreakpointPreset } from '@atlaskit/editor-toolbar';
-import type { RegisterComponent } from '@atlaskit/editor-toolbar-model';
-import type { ToolbarPlugin } from '../toolbarPluginType';
-export declare const getToolbarComponents: (contextualFormattingEnabled: ContextualFormattingEnabledOptions, api?: ExtractInjectionAPI<ToolbarPlugin>, breakpointPreset?: BreakpointPreset) => RegisterComponent[];

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

@@ -1,3 +0,0 @@
-export declare const isEventInContainer: (event: Event, containerSelector: string) => boolean;
-export declare const isShortcutToFocusToolbar: (event: KeyboardEvent) => boolean;
-export declare const getFocusableElements: (rootNode: HTMLElement | null) => Array<HTMLElement>;