@atlaskit/editor-plugin-breakout 2.7.1 → 2.7.3

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

@@ -4,6 +4,11 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { BreakoutPlugin } from '../breakoutPluginType';
-import type { BreakoutPluginOptions } from '../breakoutPluginType';
-export declare const resizingPluginKey: PluginKey<any>;
-export declare const createResizingPlugin: (api: ExtractInjectionAPI<BreakoutPlugin> | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI, options?: BreakoutPluginOptions) => SafePlugin<any>;
+import type { BreakoutPluginOptions, BreakoutPluginState } from '../breakoutPluginType';
+import { 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/pm-plugins/utils/analytics.d.ts

@@ -5,3 +5,8 @@ export declare const generateResizeFrameRatePayloads: (props: {
     frameRateSamples: number[];
     originalNode: PMNode;
 }) => BreakoutEventPayload[];
+export declare const generateResizedEventPayload: ({ node, prevWidth, newWidth, }: {
+    node: PMNode;
+    prevWidth: number;
+    newWidth: number;
+}) => BreakoutEventPayload;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { BreakoutPlugin } from '../breakoutPluginType';
+type GuidelineLabelProps = {
+    api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
+    editorView: EditorView;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+};
+export declare const GuidelineLabel: ({ api, editorView, mountPoint, boundariesElement, scrollableElement, }: GuidelineLabelProps) => React.JSX.Element | null;
+export {};

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

@@ -8,8 +8,10 @@ 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 { ActiveGuidelineKey } from './pm-plugins/resizing-plugin';
 export interface BreakoutPluginState {
     breakoutNode: ContentNodeWithPos | undefined;
+    activeGuidelineKey: ActiveGuidelineKey | undefined;
 }
 export interface BreakoutPluginOptions {
     allowBreakoutButton?: boolean;

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

@@ -1,4 +1,12 @@
 import { GuidelineConfig } from '@atlaskit/editor-common/guideline';
 import { EditorContainerWidth } from '@atlaskit/editor-common/types';
 import { 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";
+};
 export declare const getGuidelines: import("memoize-one").MemoizedFn<(isResizing: boolean, newWidth: number, getEditorWidth: () => EditorContainerWidth | undefined, nodeType?: NodeType | undefined) => GuidelineConfig[]>;

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

@@ -4,6 +4,11 @@ import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
 import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import { PluginKey } from '@atlaskit/editor-prosemirror/state';
 import { BreakoutPlugin } from '../breakoutPluginType';
-import type { BreakoutPluginOptions } from '../breakoutPluginType';
-export declare const resizingPluginKey: PluginKey<any>;
-export declare const createResizingPlugin: (api: ExtractInjectionAPI<BreakoutPlugin> | undefined, getIntl: () => IntlShape, nodeViewPortalProviderAPI: PortalProviderAPI, options?: BreakoutPluginOptions) => SafePlugin<any>;
+import type { BreakoutPluginOptions, BreakoutPluginState } from '../breakoutPluginType';
+import { 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

@@ -5,3 +5,8 @@ export declare const generateResizeFrameRatePayloads: (props: {
     frameRateSamples: number[];
     originalNode: PMNode;
 }) => BreakoutEventPayload[];
+export declare const generateResizedEventPayload: ({ node, prevWidth, newWidth, }: {
+    node: PMNode;
+    prevWidth: number;
+    newWidth: number;
+}) => BreakoutEventPayload;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import { EditorView } from '@atlaskit/editor-prosemirror/view';
+import { BreakoutPlugin } from '../breakoutPluginType';
+type GuidelineLabelProps = {
+    api: ExtractInjectionAPI<BreakoutPlugin> | undefined;
+    editorView: EditorView;
+    mountPoint?: HTMLElement;
+    boundariesElement?: HTMLElement;
+    scrollableElement?: HTMLElement;
+};
+export declare const GuidelineLabel: ({ api, editorView, mountPoint, boundariesElement, scrollableElement, }: GuidelineLabelProps) => React.JSX.Element | null;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-breakout",
-	"version": "2.7.1",
+	"version": "2.7.3",
 	"description": "Breakout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -34,8 +34,8 @@
 	},
 	"dependencies": {
 		"@atlaskit/adf-schema": "^47.6.0",
-		"@atlaskit/editor-common": "^106.5.0",
-		"@atlaskit/editor-plugin-block-controls": "^3.16.0",
+		"@atlaskit/editor-common": "^106.6.0",
+		"@atlaskit/editor-plugin-block-controls": "^3.17.0",
 		"@atlaskit/editor-plugin-editor-disabled": "^2.0.0",
 		"@atlaskit/editor-plugin-editor-viewmode": "^4.0.0",
 		"@atlaskit/editor-plugin-guideline": "^2.0.0",
@@ -48,7 +48,7 @@
 		"@atlaskit/platform-feature-flags": "^1.1.0",
 		"@atlaskit/pragmatic-drag-and-drop": "^1.7.0",
 		"@atlaskit/theme": "^18.0.0",
-		"@atlaskit/tmp-editor-statsig": "^6.0.0",
+		"@atlaskit/tmp-editor-statsig": "^6.2.0",
 		"@atlaskit/tokens": "^5.1.0",
 		"@atlaskit/tooltip": "^20.3.0",
 		"@babel/runtime": "^7.0.0",