@atlaskit/editor-plugin-breakout 8.0.0 → 8.0.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/editor-plugin-breakout
 
+## 8.0.2
+
+### Patch Changes
+
+- [`d84e100ff2136`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d84e100ff2136) -
+  Update README.md and 0-intro.tsx
+- Updated dependencies
+
+## 8.0.1
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 8.0.0
 
 ### Patch Changes

package/README.md

@@ -1,10 +1,23 @@
-# Editor plugin breakout
+# Editor Plugin Breakout
 
 Breakout plugin for @atlaskit/editor-core
 
 **Note:** This component is designed for internal Atlassian development.
 External contributors will be able to use this component but will not be able to submit issues.
 
+## Overview
+
+The Breakout plugin enables content within the Atlassian Editor to break out of the standard layout constraints. It provides interactive resizing and layout mode controls for supported nodes like code blocks, expansions, and other block-level content, allowing them to extend beyond their normal container boundaries.
+
+## Key features
+
+- **Layout modes** - Support for wide and full-width breakout modes
+- **Interactive resizing** - Drag-based resizing of breakout nodes with visual guidelines
+- **Multi-node support** - Breakout functionality for code blocks, expansions, and other configurable nodes
+- **Guidelines and measurements** - Visual layout guidelines to assist with content positioning
+- **Block control integration** - Seamless integration with editor block controls for easy mode switching
+- **Responsive layout handling** - Proper layout adjustments across different editor appearances
+
 ## Install
 ---
 - **Install** - *yarn add @atlaskit/editor-plugin-breakout*

package/dist/cjs/ui/LayoutButton.js

@@ -180,4 +180,5 @@ var LayoutButton = function LayoutButton(_ref) {
   })));
 };
 LayoutButton.displayName = 'LayoutButton';
-var _default = exports.default = (0, _reactIntlNext.injectIntl)(LayoutButton);
+var _default_1 = (0, _reactIntlNext.injectIntl)(LayoutButton);
+var _default = exports.default = _default_1;

package/dist/es2019/ui/LayoutButton.js

@@ -176,4 +176,5 @@ const LayoutButton = ({
   })));
 };
 LayoutButton.displayName = 'LayoutButton';
-export default injectIntl(LayoutButton);
+const _default_1 = injectIntl(LayoutButton);
+export default _default_1;

package/dist/esm/ui/LayoutButton.js

@@ -172,4 +172,5 @@ var LayoutButton = function LayoutButton(_ref) {
   })));
 };
 LayoutButton.displayName = 'LayoutButton';
-export default injectIntl(LayoutButton);
+var _default_1 = injectIntl(LayoutButton);
+export default _default_1;

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

@@ -1,3 +1,4 @@
+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';
@@ -11,4 +12,4 @@ export declare const GUIDELINE_KEYS: {
     readonly maxWidthLeft: "max_width_left";
     readonly maxWidthRight: "max_width_right";
 };
-export declare const getGuidelines: import("memoize-one").MemoizedFn<(isResizing: boolean, newWidth: number, getEditorWidth: () => EditorContainerWidth | undefined, nodeType?: NodeType | undefined) => GuidelineConfig[]>;
+export declare const getGuidelines: MemoizedFn<(isResizing: boolean, newWidth: number, getEditorWidth: () => EditorContainerWidth | undefined, nodeType?: NodeType | undefined) => GuidelineConfig[]>;

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

@@ -1,4 +1,9 @@
-import type { WrappedComponentProps } from 'react-intl-next';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type FC } from 'react';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { BreakoutMode, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BreakoutPlugin } from '../breakoutPluginType';
@@ -13,7 +18,7 @@ export interface Props {
     mountPoint?: HTMLElement;
     scrollableElement?: HTMLElement;
 }
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
+declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: ComponentType<Props & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

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

@@ -1,3 +1,4 @@
+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';
@@ -11,4 +12,4 @@ export declare const GUIDELINE_KEYS: {
     readonly maxWidthLeft: "max_width_left";
     readonly maxWidthRight: "max_width_right";
 };
-export declare const getGuidelines: import("memoize-one").MemoizedFn<(isResizing: boolean, newWidth: number, getEditorWidth: () => EditorContainerWidth | undefined, nodeType?: NodeType | undefined) => GuidelineConfig[]>;
+export declare const getGuidelines: MemoizedFn<(isResizing: boolean, newWidth: number, getEditorWidth: () => EditorContainerWidth | undefined, nodeType?: NodeType | undefined) => GuidelineConfig[]>;

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

@@ -1,4 +1,9 @@
-import type { WrappedComponentProps } from 'react-intl-next';
+/**
+ * @jsxRuntime classic
+ * @jsx jsx
+ */
+import { type ComponentType, type FC } from 'react';
+import type { WithIntlProps, WrappedComponentProps } from 'react-intl-next';
 import type { BreakoutMode, ExtractInjectionAPI } from '@atlaskit/editor-common/types';
 import type { EditorView } from '@atlaskit/editor-prosemirror/view';
 import type { BreakoutPlugin } from '../breakoutPluginType';
@@ -13,7 +18,7 @@ export interface Props {
     mountPoint?: HTMLElement;
     scrollableElement?: HTMLElement;
 }
-declare const _default: import("react").FC<import("react-intl-next").WithIntlProps<Props & WrappedComponentProps>> & {
-    WrappedComponent: import("react").ComponentType<Props & WrappedComponentProps>;
+declare const _default_1: FC<WithIntlProps<Props & WrappedComponentProps>> & {
+    WrappedComponent: ComponentType<Props & WrappedComponentProps>;
 };
-export default _default;
+export default _default_1;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-breakout",
-	"version": "8.0.0",
+	"version": "8.0.2",
 	"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.7.0",
 		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tmp-editor-statsig": "^35.10.0",
+		"@atlaskit/tmp-editor-statsig": "^36.3.0",
 		"@atlaskit/tokens": "^11.1.0",
 		"@atlaskit/tooltip": "^20.14.0",
 		"@babel/runtime": "^7.0.0",
@@ -53,7 +53,7 @@
 		"uuid": "^3.1.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^112.0.0",
+		"@atlaskit/editor-common": "^112.2.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
 		"react-intl-next": "npm:react-intl@^5.18.1"