@atlaskit/editor-plugin-breakout 11.0.14 → 11.0.16

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/editor-plugin-breakout
 
+## 11.0.16
+
+### Patch Changes
+
+- Updated dependencies
+
+## 11.0.15
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 11.0.14
 
 ### Patch Changes

package/breakoutPlugin/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/breakoutPlugin.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/breakoutPlugin.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/breakoutPlugin.d.ts"
 }

package/breakoutPluginType/package.json

@@ -6,12 +6,5 @@
   "sideEffects": [
     "*.compiled.css"
   ],
-  "types": "../dist/types/entry-points/breakoutPluginType.d.ts",
-  "typesVersions": {
-    ">=4.5 <5.9": {
-      "*": [
-        "../dist/types-ts4.5/entry-points/breakoutPluginType.d.ts"
-      ]
-    }
-  }
+  "types": "../dist/types/entry-points/breakoutPluginType.d.ts"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-breakout",
-	"version": "11.0.14",
+	"version": "11.0.16",
 	"description": "Breakout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -43,7 +43,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.8.0",
 		"@atlaskit/theme": "^25.0.0",
-		"@atlaskit/tmp-editor-statsig": "^101.0.0",
+		"@atlaskit/tmp-editor-statsig": "^103.0.0",
 		"@atlaskit/tokens": "^13.4.0",
 		"@atlaskit/tooltip": "^22.6.0",
 		"@babel/runtime": "^7.0.0",

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

@@ -1,2 +0,0 @@
-import type { BreakoutPlugin } from './breakoutPluginType';
-export declare const breakoutPlugin: BreakoutPlugin;

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

@@ -1,34 +0,0 @@
-import type { EditorAppearance, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
-import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
-import type { BlockControlsPlugin } from '@atlaskit/editor-plugin-block-controls';
-import type { EditorDisabledPlugin } from '@atlaskit/editor-plugin-editor-disabled';
-import type { EditorViewModePlugin } from '@atlaskit/editor-plugin-editor-viewmode';
-import type { GuidelinePlugin } from '@atlaskit/editor-plugin-guideline';
-import type { InteractionPlugin } from '@atlaskit/editor-plugin-interaction';
-import type { UserIntentPlugin } from '@atlaskit/editor-plugin-user-intent';
-import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-import type { ActiveGuidelineKey } from './pm-plugins/resizing-plugin';
-export interface BreakoutPluginState {
-    activeGuidelineKey: ActiveGuidelineKey | undefined;
-    breakoutNode: ContentNodeWithPos | undefined;
-}
-export interface BreakoutPluginOptions {
-    allowBreakoutButton?: boolean;
-    appearance?: EditorAppearance;
-}
-export type BreakoutPluginDependencies = [
-    WidthPlugin,
-    OptionalPlugin<EditorViewModePlugin>,
-    OptionalPlugin<EditorDisabledPlugin>,
-    OptionalPlugin<BlockControlsPlugin>,
-    OptionalPlugin<InteractionPlugin>,
-    OptionalPlugin<UserIntentPlugin>,
-    OptionalPlugin<GuidelinePlugin>,
-    OptionalPlugin<AnalyticsPlugin>
-];
-export type BreakoutPlugin = NextEditorPlugin<'breakout', {
-    dependencies: BreakoutPluginDependencies;
-    pluginConfiguration: BreakoutPluginOptions | undefined;
-    sharedState: Partial<BreakoutPluginState>;
-}>;

package/dist/types-ts4.5/editor-commands/remove-breakout.d.ts

@@ -1,2 +0,0 @@
-import type { Command } from '@atlaskit/editor-common/types';
-export declare function removeBreakout(isLivePage?: boolean): Command;

package/dist/types-ts4.5/editor-commands/set-breakout-mode.d.ts

@@ -1,2 +0,0 @@
-import type { BreakoutMode, Command } from '@atlaskit/editor-common/types';
-export declare function setBreakoutMode(mode: BreakoutMode, isLivePage?: boolean): Command;

package/dist/types-ts4.5/editor-commands/set-breakout-width.d.ts

@@ -1,2 +0,0 @@
-import type { BreakoutMode, Command } from '@atlaskit/editor-common/types';
-export declare function setBreakoutWidth(width: number, mode: BreakoutMode, pos: number, isLivePage?: boolean): Command;

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

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

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

@@ -1 +0,0 @@
-export type { BreakoutPlugin, BreakoutPluginOptions, BreakoutPluginState, BreakoutPluginDependencies, } from '../breakoutPluginType';

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

@@ -1,2 +0,0 @@
-export { breakoutPlugin } from './breakoutPlugin';
-export type { BreakoutPlugin, BreakoutPluginOptions, BreakoutPluginState, BreakoutPluginDependencies, } from './breakoutPluginType';

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

@@ -1,15 +0,0 @@
-import type { MemoizedFn } from 'memoize-one';
-import type { GuidelineConfig } from '@atlaskit/editor-common/guideline';
-import type { EditorContainerWidth } from '@atlaskit/editor-common/types';
-import type { NodeType } from '@atlaskit/editor-prosemirror/model';
-export declare const GUIDELINE_KEYS: {
-    readonly lineLengthLeft: "grid_left";
-    readonly lineLengthRight: "grid_right";
-    readonly wideLeft: "wide_left";
-    readonly wideRight: "wide_right";
-    readonly fullWidthLeft: "full_width_left";
-    readonly fullWidthRight: "full_width_right";
-    readonly maxWidthLeft: "max_width_left";
-    readonly maxWidthRight: "max_width_right";
-};
-export declare const getGuidelines: MemoizedFn<(isResizing: boolean, newWidth: number, getEditorWidth: () => EditorContainerWidth | undefined, nodeType?: NodeType | undefined) => GuidelineConfig[]>;

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

@@ -1,4 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { BreakoutPlugin } from '../breakoutPluginType';
-export declare const handleKeyDown: (api: ExtractInjectionAPI<BreakoutPlugin> | undefined) => (view: EditorView, event: KeyboardEvent) => boolean;

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

@@ -1,5 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { BreakoutPluginState } from '../breakoutPluginType';
-export declare const pluginKey: PluginKey<BreakoutPluginState>;
-export declare const getPluginState: (state: EditorState) => BreakoutPluginState | undefined;

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

@@ -1,16 +0,0 @@
-import type { IntlShape, MessageDescriptor } from 'react-intl';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { BaseEventPayload, ElementDragType } from '@atlaskit/pragmatic-drag-and-drop/types';
-export declare const resizeHandleMessage: Record<string, MessageDescriptor>;
-export declare const createPragmaticResizer: ({ target, onDragStart, onDrag, onDrop, intl, nodeViewPortalProviderAPI, }: {
-    intl: IntlShape;
-    nodeViewPortalProviderAPI: PortalProviderAPI;
-    onDrag: (args: BaseEventPayload<ElementDragType>) => void;
-    onDragStart: (args: BaseEventPayload<ElementDragType>) => void;
-    onDrop: (args: BaseEventPayload<ElementDragType>) => void;
-    target: HTMLElement;
-}) => {
-    rightHandle: HTMLDivElement;
-    leftHandle: HTMLDivElement;
-    destroy: (isChangeToViewMode?: boolean) => void;
-};

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

@@ -1,22 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Mark } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { ElementDragPayload } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import type { BaseEventPayload, DragLocationHistory, ElementDragType } from '@atlaskit/pragmatic-drag-and-drop/types';
-import type { BreakoutPlugin } from '../breakoutPluginType';
-export declare function getProposedWidth({ initialWidth, location, api, source, }: {
-    api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
-    initialWidth: number;
-    location: DragLocationHistory;
-    source: ElementDragPayload;
-}): number;
-export declare function createResizerCallbacks({ dom, view, mark, api, }: {
-    api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
-    dom: HTMLElement;
-    mark: Mark;
-    view: EditorView;
-}): {
-    onDrag: (args: BaseEventPayload<ElementDragType>) => void;
-    onDragStart: () => void;
-    onDrop: (args: BaseEventPayload<ElementDragType>) => void;
-};

package/dist/types-ts4.5/pm-plugins/resizing-mark-view.d.ts

@@ -1,33 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Mark } from '@atlaskit/editor-prosemirror/model';
-import type { EditorView, NodeView } from '@atlaskit/editor-prosemirror/view';
-import type { BreakoutPlugin } from '../breakoutPluginType';
-export declare const LOCAL_RESIZE_PROPERTY = "--local-resizing-width";
-export declare class ResizingMarkView implements NodeView {
-    dom: HTMLElement;
-    contentDOM: HTMLElement;
-    view: EditorView;
-    mark: Mark;
-    destroyFn: ((isChangeToViewMode?: boolean) => void) | undefined;
-    intl: IntlShape;
-    nodeViewPortalProviderAPI: PortalProviderAPI;
-    unsubscribeToViewModeChange: (() => void) | undefined;
-    isResizingInitialised: boolean;
-    /**
-     * Wrap node view in a resizing mark view
-     * @param {Mark} mark - The breakout mark to resize
-     * @param {EditorView} view - The editor view
-     * @param {ExtractInjectionAPI<BreakoutPlugin> | undefined} api - The pluginInjectionAPI
-     * @param {Function} getIntl - () => IntlShape
-     * @param {PortalProviderAPI} - The nodeViewPortalProviderAPI
-     * @example
-     * ```ts
-     * ```
-     */
-    constructor(mark: Mark, view: EditorView, api: ExtractInjectionAPI<BreakoutPlugin> | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI);
-    setupResizerCallbacks(dom: HTMLElement, contentDOM: HTMLElement, view: EditorView, mark: Mark, api?: ExtractInjectionAPI<BreakoutPlugin>): void;
-    ignoreMutation(): boolean;
-    destroy(): void;
-}

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

@@ -1,13 +0,0 @@
-import type { IntlShape } from 'react-intl';
-import type { PortalProviderAPI } from '@atlaskit/editor-common/portal';
-import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import { PluginKey } from '@atlaskit/editor-prosemirror/state';
-import type { BreakoutPlugin, BreakoutPluginOptions, BreakoutPluginState } from '../breakoutPluginType';
-import type { GUIDELINE_KEYS } from './get-guidelines';
-export declare const resizingPluginKey: PluginKey<BreakoutPluginState>;
-export type ActiveGuidelineKey = Exclude<(typeof GUIDELINE_KEYS)[keyof typeof GUIDELINE_KEYS], 'grid_left' | 'grid_right'>;
-export declare const createResizingPlugin: (api: ExtractInjectionAPI<BreakoutPlugin> | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI, options?: BreakoutPluginOptions) => SafePlugin<BreakoutPluginState | {
-    activeGuidelineLabel: undefined;
-    breakoutNode: undefined;
-}>;

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

@@ -1,12 +0,0 @@
-import type { BreakoutEventPayload } from '@atlaskit/editor-common/analytics';
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-export declare const generateResizeFrameRatePayloads: (props: {
-    docSize: number;
-    frameRateSamples: number[];
-    originalNode: PMNode;
-}) => BreakoutEventPayload[];
-export declare const generateResizedEventPayload: ({ node, prevWidth, newWidth, }: {
-    newWidth: number;
-    node: PMNode;
-    prevWidth: number;
-}) => BreakoutEventPayload;

package/dist/types-ts4.5/pm-plugins/utils/find-breakout-node.d.ts

@@ -1,9 +0,0 @@
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-/**
- * Find the nearest parent node to the selection that supports breakout, or if the nearest
- * matching parent node is the doc, return undefined.
- * For depth, if a node is selected and supports breakout, return the depth of the node.
- * @param selection Current editor selection
- */
-export declare function findSupportedNodeForBreakout(selection: Selection): ContentNodeWithPos | undefined;

package/dist/types-ts4.5/pm-plugins/utils/get-breakout-mode.d.ts

@@ -1,7 +0,0 @@
-import type { BreakoutMode } from '@atlaskit/editor-common/types';
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-/**
- * Get the current mode of the breakout at the selection
- * @param state Current EditorState
- */
-export declare function getBreakoutMode(state: EditorState): BreakoutMode | undefined;

package/dist/types-ts4.5/pm-plugins/utils/is-breakout-mark-allowed.d.ts

@@ -1,9 +0,0 @@
-import type { EditorState } from '@atlaskit/editor-prosemirror/state';
-/**
- * Check if breakout should be allowed for the current selection. If a node is selected,
- * can this node be broken out, if text, can the enclosing parent node be broken out.
- *
- * Currently breakout of a node is not possible if it's nested in anything but the document, however
- * this logic supports this changing.
- */
-export declare function isBreakoutMarkAllowed(state: EditorState): boolean;

package/dist/types-ts4.5/pm-plugins/utils/is-supported-node.d.ts

@@ -1,6 +0,0 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-/**
- * Check if breakout can be applied to a node
- * @param node Node to check
- */
-export declare function isSupportedNodeForBreakout(node: PMNode): boolean;

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

@@ -1,30 +0,0 @@
-/**
- * Measure the FPS of a resizing component.
- *
- * This is a simplified version of the `useMeasureFramerate` hook from `editor-plugin-table`.
- * (packages/editor/editor-plugin-table/src/pm-plugins/utils/analytics.ts)
- */
-export declare const reduceResizeFrameRateSamples: (frameRateSamples: number[]) => number[];
-type MeasureFramerateConfig = {
-    maxSamples?: number;
-    minFrames?: number;
-    minTimeMs?: number;
-    sampleRateMs?: number;
-    timeoutMs?: number;
-};
-/**
- * Measures the framerate of a component over a given time period.
- * @param {object} [config] - Configuration options for framerate measurement.
- * @returns {object} An object containing startMeasure, endMeasure, and countFrames methods.
- * @example
- * const { startMeasure, endMeasure, countFrames } = measureFramerate();
- * startMeasure();
- * // ... animation loop with countFrames() calls
- * const samples = endMeasure(); // [60, 58, 62]
- */
-export declare const measureFramerate: (config?: MeasureFramerateConfig) => {
-    startMeasure: () => void;
-    endMeasure: () => number[];
-    countFrames: () => void;
-};
-export {};

package/dist/types-ts4.5/pm-plugins/utils/single-player-expand.d.ts

@@ -1,12 +0,0 @@
-import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
-import type { Transaction } from '@atlaskit/editor-prosemirror/state';
-import type { ContentNodeWithPos } from '@atlaskit/editor-prosemirror/utils';
-interface UpdateExpandedStateNew {
-    isLivePage?: boolean;
-    node: PMNode;
-    pos: number;
-    tr: Transaction;
-}
-export declare const updateExpandedStateNew: ({ tr, node, pos, isLivePage, }: UpdateExpandedStateNew) => void;
-export declare const updateExpandedState: (tr: Transaction, node: ContentNodeWithPos, isLivePage?: boolean) => void;
-export {};

package/dist/types-ts4.5/ui/GuidelineLabel.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 { BreakoutPlugin } from '../breakoutPluginType';
-type GuidelineLabelProps = {
-    api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
-    boundariesElement?: HTMLElement;
-    editorView: EditorView;
-    mountPoint?: HTMLElement;
-    scrollableElement?: HTMLElement;
-};
-export declare const GuidelineLabel: ({ api, editorView, mountPoint, boundariesElement, scrollableElement, }: GuidelineLabelProps) => React.JSX.Element | null;
-export {};

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

@@ -1,20 +0,0 @@
-import type { ComponentType, FC } from 'react';
-import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
-import type { BreakoutMode, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { EditorView } from '@atlaskit/editor-prosemirror/view';
-import type { BreakoutPlugin } from '../breakoutPluginType';
-export interface Props {
-    api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
-    boundariesElement?: HTMLElement;
-    breakoutMode: BreakoutMode | undefined;
-    editorView: EditorView | undefined;
-    handleClick?: Function;
-    isBreakoutNodePresent: boolean;
-    isLivePage?: boolean;
-    mountPoint?: HTMLElement;
-    scrollableElement?: HTMLElement;
-}
-declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: ComponentType<Props & WrappedComponentProps>;
-};
-export default _default_1;