@atlaskit/editor-plugin-layout 0.1.0

package/dist/esm/toolbar.js

@@ -0,0 +1,108 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import commonMessages, { layoutMessages as toolbarMessages } from '@atlaskit/editor-common/messages';
+import { findDomRefAtPos } from '@atlaskit/editor-prosemirror/utils';
+import EditorLayoutSingleIcon from '@atlaskit/icon/glyph/editor/layout-single';
+import LayoutThreeEqualIcon from '@atlaskit/icon/glyph/editor/layout-three-equal';
+import LayoutThreeWithSidebarsIcon from '@atlaskit/icon/glyph/editor/layout-three-with-sidebars';
+import LayoutTwoEqualIcon from '@atlaskit/icon/glyph/editor/layout-two-equal';
+import LayoutTwoLeftSidebarIcon from '@atlaskit/icon/glyph/editor/layout-two-left-sidebar';
+import LayoutTwoRightSidebarIcon from '@atlaskit/icon/glyph/editor/layout-two-right-sidebar';
+import RemoveIcon from '@atlaskit/icon/glyph/editor/remove';
+import { deleteActiveLayoutNode, getPresetLayout, setPresetLayout } from './actions';
+var LAYOUT_TYPES = [{
+  id: 'editor.layout.twoEquals',
+  type: 'two_equal',
+  title: toolbarMessages.twoColumns,
+  icon: LayoutTwoEqualIcon
+}, {
+  id: 'editor.layout.threeEquals',
+  type: 'three_equal',
+  title: toolbarMessages.threeColumns,
+  icon: LayoutThreeEqualIcon
+}];
+var LAYOUT_TYPES_WITH_SINGLE_COL = [{
+  id: 'editor.layout.singeLayout',
+  type: 'single',
+  title: toolbarMessages.singleColumn,
+  icon: EditorLayoutSingleIcon
+}].concat(LAYOUT_TYPES);
+var SIDEBAR_LAYOUT_TYPES = [{
+  id: 'editor.layout.twoRightSidebar',
+  type: 'two_right_sidebar',
+  title: toolbarMessages.rightSidebar,
+  icon: LayoutTwoRightSidebarIcon
+}, {
+  id: 'editor.layout.twoLeftSidebar',
+  type: 'two_left_sidebar',
+  title: toolbarMessages.leftSidebar,
+  icon: LayoutTwoLeftSidebarIcon
+}, {
+  id: 'editor.layout.threeWithSidebars',
+  type: 'three_with_sidebars',
+  title: toolbarMessages.threeColumnsWithSidebars,
+  icon: LayoutThreeWithSidebarsIcon
+}];
+var buildLayoutButton = function buildLayoutButton(intl, item, currentLayout, editorAnalyticsAPI) {
+  return {
+    id: item.id,
+    type: 'button',
+    icon: item.icon,
+    testId: item.title.id ? "".concat(item.title.id) : undefined,
+    title: intl.formatMessage(item.title),
+    onClick: setPresetLayout(editorAnalyticsAPI)(item.type),
+    selected: !!currentLayout && currentLayout === item.type,
+    tabIndex: null
+  };
+};
+export var layoutToolbarTitle = 'Layout floating controls';
+export var buildToolbar = function buildToolbar(state, intl, pos, _allowBreakout, addSidebarLayouts, allowSingleColumnLayout, api) {
+  var _api$decorations$acti, _api$decorations, _api$analytics;
+  var _ref = (_api$decorations$acti = api === null || api === void 0 || (_api$decorations = api.decorations) === null || _api$decorations === void 0 ? void 0 : _api$decorations.actions) !== null && _api$decorations$acti !== void 0 ? _api$decorations$acti : {},
+    hoverDecoration = _ref.hoverDecoration;
+  var editorAnalyticsAPI = api === null || api === void 0 || (_api$analytics = api.analytics) === null || _api$analytics === void 0 ? void 0 : _api$analytics.actions;
+  var node = state.doc.nodeAt(pos);
+  if (node) {
+    var currentLayout = getPresetLayout(node);
+    var separator = {
+      type: 'separator'
+    };
+    var nodeType = state.schema.nodes.layoutSection;
+    var deleteButton = {
+      id: 'editor.layout.delete',
+      type: 'button',
+      appearance: 'danger',
+      focusEditoronEnter: true,
+      icon: RemoveIcon,
+      testId: commonMessages.remove.id,
+      title: intl.formatMessage(commonMessages.remove),
+      onClick: deleteActiveLayoutNode(editorAnalyticsAPI),
+      onMouseEnter: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
+      onMouseLeave: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
+      onFocus: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, true),
+      onBlur: hoverDecoration === null || hoverDecoration === void 0 ? void 0 : hoverDecoration(nodeType, false),
+      tabIndex: null
+    };
+    var layoutTypes = allowSingleColumnLayout ? LAYOUT_TYPES_WITH_SINGLE_COL : LAYOUT_TYPES;
+    return {
+      title: layoutToolbarTitle,
+      getDomRef: function getDomRef(view) {
+        return findDomRefAtPos(pos, view.domAtPos.bind(view));
+      },
+      nodeType: nodeType,
+      items: [].concat(_toConsumableArray(layoutTypes.map(function (i) {
+        return buildLayoutButton(intl, i, currentLayout, editorAnalyticsAPI);
+      })), _toConsumableArray(addSidebarLayouts ? SIDEBAR_LAYOUT_TYPES.map(function (i) {
+        return buildLayoutButton(intl, i, currentLayout, editorAnalyticsAPI);
+      }) : []), [{
+        type: 'copy-button',
+        items: [separator, {
+          state: state,
+          formatMessage: intl.formatMessage,
+          nodeType: nodeType
+        }]
+      }, separator, deleteButton]),
+      scrollable: true
+    };
+  }
+  return;
+};

package/dist/esm/types.js

@@ -0,0 +1 @@
+export {};

package/dist/types/actions.d.ts

@@ -0,0 +1,22 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Change, PresetLayout } from './types';
+export declare const ONE_COL_LAYOUTS: PresetLayout[];
+export declare const TWO_COL_LAYOUTS: PresetLayout[];
+export declare const THREE_COL_LAYOUTS: PresetLayout[];
+/**
+ * Finds layout preset based on the width attrs of all the layoutColumn nodes
+ * inside the layoutSection node
+ */
+export declare const getPresetLayout: (section: Node) => PresetLayout | undefined;
+export declare const getSelectedLayout: (maybeLayoutSection: Node | undefined, current: PresetLayout) => PresetLayout;
+export declare const createDefaultLayoutSection: (state: EditorState) => Node;
+export declare const insertLayoutColumns: Command;
+export declare const insertLayoutColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (inputMethod: TOOLBAR_MENU_TYPE) => Command;
+export declare function forceSectionToPresetLayout(state: EditorState, node: Node, pos: number, presetLayout: PresetLayout): Transaction;
+export declare const setPresetLayout: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (layout: PresetLayout) => Command;
+export declare const fixColumnSizes: (changedTr: Transaction, state: EditorState) => Change | undefined;
+export declare const fixColumnStructure: (state: EditorState) => Transaction | undefined;
+export declare const deleteActiveLayoutNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export { layoutPlugin } from './plugin';
+export type { LayoutPlugin } from './plugin';
+export type { LayoutPluginOptions } from './types';

package/dist/types/plugin.d.ts

@@ -0,0 +1,15 @@
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import { insertLayoutColumnsWithAnalytics } from './actions';
+import { pluginKey } from './pm-plugins/plugin-key';
+import type { LayoutPluginOptions } from './types';
+export { pluginKey };
+export type LayoutPlugin = NextEditorPlugin<'layout', {
+    pluginConfiguration: LayoutPluginOptions | undefined;
+    dependencies: [DecorationsPlugin, OptionalPlugin<AnalyticsPlugin>];
+    actions: {
+        insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
+    };
+}>;
+export declare const layoutPlugin: LayoutPlugin;

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

@@ -0,0 +1,6 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { LayoutPluginOptions } from '../types';
+import type { LayoutState } from './types';
+export declare const DEFAULT_LAYOUT = "two_equal";
+declare const _default: (options: LayoutPluginOptions) => SafePlugin<LayoutState>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { LayoutState } from './types';
+export declare const pluginKey: PluginKey<LayoutState>;

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

@@ -0,0 +1,14 @@
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+import type { PresetLayout } from '../types';
+export type LayoutState = {
+    pos: number | null;
+    allowBreakout: boolean;
+    addSidebarLayouts: boolean;
+    selectedLayout: PresetLayout | undefined;
+    allowSingleColumnLayout: boolean;
+};
+export type Change = {
+    from: number;
+    to: number;
+    slice: Slice;
+};

package/dist/types/toolbar.d.ts

@@ -0,0 +1,6 @@
+import type { IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { LayoutPlugin } from './index';
+export declare const layoutToolbarTitle = "Layout floating controls";
+export declare const buildToolbar: (state: EditorState, intl: IntlShape, pos: number, _allowBreakout: boolean, addSidebarLayouts: boolean, allowSingleColumnLayout: boolean, api: ExtractInjectionAPI<LayoutPlugin> | undefined) => FloatingToolbarConfig | undefined;

package/dist/types/types.d.ts

@@ -0,0 +1,13 @@
+import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+export interface LayoutPluginOptions extends LongPressSelectionPluginOptions {
+    allowBreakout?: boolean;
+    UNSAFE_addSidebarLayouts?: boolean;
+    UNSAFE_allowSingleColumnLayout?: boolean;
+}
+export type PresetLayout = 'single' | 'two_equal' | 'three_equal' | 'two_right_sidebar' | 'two_left_sidebar' | 'three_with_sidebars';
+export interface Change {
+    from: number;
+    to: number;
+    slice: Slice;
+}

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

@@ -0,0 +1,22 @@
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { Command, TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
+import type { Node } from '@atlaskit/editor-prosemirror/model';
+import type { EditorState, Transaction } from '@atlaskit/editor-prosemirror/state';
+import type { Change, PresetLayout } from './types';
+export declare const ONE_COL_LAYOUTS: PresetLayout[];
+export declare const TWO_COL_LAYOUTS: PresetLayout[];
+export declare const THREE_COL_LAYOUTS: PresetLayout[];
+/**
+ * Finds layout preset based on the width attrs of all the layoutColumn nodes
+ * inside the layoutSection node
+ */
+export declare const getPresetLayout: (section: Node) => PresetLayout | undefined;
+export declare const getSelectedLayout: (maybeLayoutSection: Node | undefined, current: PresetLayout) => PresetLayout;
+export declare const createDefaultLayoutSection: (state: EditorState) => Node;
+export declare const insertLayoutColumns: Command;
+export declare const insertLayoutColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (inputMethod: TOOLBAR_MENU_TYPE) => Command;
+export declare function forceSectionToPresetLayout(state: EditorState, node: Node, pos: number, presetLayout: PresetLayout): Transaction;
+export declare const setPresetLayout: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (layout: PresetLayout) => Command;
+export declare const fixColumnSizes: (changedTr: Transaction, state: EditorState) => Change | undefined;
+export declare const fixColumnStructure: (state: EditorState) => Transaction | undefined;
+export declare const deleteActiveLayoutNode: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => Command;

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

@@ -0,0 +1,3 @@
+export { layoutPlugin } from './plugin';
+export type { LayoutPlugin } from './plugin';
+export type { LayoutPluginOptions } from './types';

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

@@ -0,0 +1,18 @@
+import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import { insertLayoutColumnsWithAnalytics } from './actions';
+import { pluginKey } from './pm-plugins/plugin-key';
+import type { LayoutPluginOptions } from './types';
+export { pluginKey };
+export type LayoutPlugin = NextEditorPlugin<'layout', {
+    pluginConfiguration: LayoutPluginOptions | undefined;
+    dependencies: [
+        DecorationsPlugin,
+        OptionalPlugin<AnalyticsPlugin>
+    ];
+    actions: {
+        insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
+    };
+}>;
+export declare const layoutPlugin: LayoutPlugin;

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

@@ -0,0 +1,6 @@
+import { SafePlugin } from '@atlaskit/editor-common/safe-plugin';
+import type { LayoutPluginOptions } from '../types';
+import type { LayoutState } from './types';
+export declare const DEFAULT_LAYOUT = "two_equal";
+declare const _default: (options: LayoutPluginOptions) => SafePlugin<LayoutState>;
+export default _default;

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

@@ -0,0 +1,3 @@
+import { PluginKey } from '@atlaskit/editor-prosemirror/state';
+import type { LayoutState } from './types';
+export declare const pluginKey: PluginKey<LayoutState>;

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

@@ -0,0 +1,14 @@
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+import type { PresetLayout } from '../types';
+export type LayoutState = {
+    pos: number | null;
+    allowBreakout: boolean;
+    addSidebarLayouts: boolean;
+    selectedLayout: PresetLayout | undefined;
+    allowSingleColumnLayout: boolean;
+};
+export type Change = {
+    from: number;
+    to: number;
+    slice: Slice;
+};

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

@@ -0,0 +1,6 @@
+import type { IntlShape } from 'react-intl-next';
+import type { ExtractInjectionAPI, FloatingToolbarConfig } from '@atlaskit/editor-common/types';
+import type { EditorState } from '@atlaskit/editor-prosemirror/state';
+import type { LayoutPlugin } from './index';
+export declare const layoutToolbarTitle = "Layout floating controls";
+export declare const buildToolbar: (state: EditorState, intl: IntlShape, pos: number, _allowBreakout: boolean, addSidebarLayouts: boolean, allowSingleColumnLayout: boolean, api: ExtractInjectionAPI<LayoutPlugin> | undefined) => FloatingToolbarConfig | undefined;

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

@@ -0,0 +1,13 @@
+import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import type { Slice } from '@atlaskit/editor-prosemirror/model';
+export interface LayoutPluginOptions extends LongPressSelectionPluginOptions {
+    allowBreakout?: boolean;
+    UNSAFE_addSidebarLayouts?: boolean;
+    UNSAFE_allowSingleColumnLayout?: boolean;
+}
+export type PresetLayout = 'single' | 'two_equal' | 'three_equal' | 'two_right_sidebar' | 'two_left_sidebar' | 'three_with_sidebars';
+export interface Change {
+    from: number;
+    to: number;
+    slice: Slice;
+}

package/package.json

@@ -0,0 +1,94 @@
+{
+  "name": "@atlaskit/editor-plugin-layout",
+  "version": "0.1.0",
+  "description": "Layout plugin for @atlaskit/editor-core",
+  "author": "Atlassian Pty Ltd",
+  "license": "Apache-2.0",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "atlassian": {
+    "team": "Editor: Jenga",
+    "inPublicMirror": false,
+    "releaseModel": "continuous"
+  },
+  "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "module:es2019": "dist/es2019/index.js",
+  "types": "dist/types/index.d.ts",
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
+  "sideEffects": false,
+  "atlaskit:src": "src/index.ts",
+  "af:exports": {
+    ".": "./src/index.ts"
+  },
+  "dependencies": {
+    "@atlaskit/adf-schema": "^32.0.0",
+    "@atlaskit/editor-common": "^76.17.0",
+    "@atlaskit/editor-plugin-analytics": "^0.3.0",
+    "@atlaskit/editor-plugin-decorations": "^0.2.0",
+    "@atlaskit/editor-prosemirror": "1.1.0",
+    "@atlaskit/icon": "^21.12.0",
+    "@babel/runtime": "^7.0.0"
+  },
+  "peerDependencies": {
+    "react": "^16.8.0",
+    "react-intl-next": "npm:react-intl@^5.18.1"
+  },
+  "devDependencies": {
+    "@af/integration-testing": "*",
+    "@af/visual-regression": "*",
+    "@atlaskit/ssr": "*",
+    "@atlaskit/visual-regression": "*",
+    "@atlaskit/webdriver-runner": "*",
+    "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
+    "@testing-library/react": "^12.1.5",
+    "react-dom": "^16.8.0",
+    "typescript": "~4.9.5",
+    "wait-for-expect": "^1.2.0"
+  },
+  "techstack": {
+    "@atlassian/frontend": {
+      "import-structure": [
+        "atlassian-conventions"
+      ],
+      "circular-dependencies": [
+        "file-and-folder-level"
+      ]
+    },
+    "@repo/internal": {
+      "dom-events": "use-bind-event-listener",
+      "analytics": [
+        "analytics-next"
+      ],
+      "design-tokens": [
+        "color"
+      ],
+      "theming": [
+        "react-context"
+      ],
+      "ui-components": [
+        "lite-mode"
+      ],
+      "deprecation": [
+        "no-deprecated-imports"
+      ],
+      "styling": [
+        "static",
+        "emotion"
+      ],
+      "imports": [
+        "import-no-extraneous-disable-for-examples-and-docs"
+      ]
+    }
+  },
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.0"
+}

package/report.api.md

@@ -0,0 +1,73 @@
+<!-- API Report Version: 2.3 -->
+
+## API Report File for "@atlaskit/editor-plugin-layout"
+
+> Do not edit this file. This report is auto-generated using [API Extractor](https://api-extractor.com/).
+> [Learn more about API reports](https://hello.atlassian.net/wiki/spaces/UR/pages/1825484529/Package+API+Reports)
+
+### Table of contents
+
+- [Main Entry Types](#main-entry-types)
+- [Peer Dependencies](#peer-dependencies)
+
+### Main Entry Types
+
+<!--SECTION START: Main Entry Types-->
+
+```ts
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
+
+// @public (undocumented)
+const insertLayoutColumnsWithAnalytics: (
+  editorAnalyticsAPI: EditorAnalyticsAPI | undefined,
+) => (inputMethod: TOOLBAR_MENU_TYPE) => Command;
+
+// @public (undocumented)
+export type LayoutPlugin = NextEditorPlugin<
+  'layout',
+  {
+    pluginConfiguration: LayoutPluginOptions | undefined;
+    dependencies: [DecorationsPlugin, OptionalPlugin<AnalyticsPlugin>];
+    actions: {
+      insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
+    };
+  }
+>;
+
+// @public (undocumented)
+export const layoutPlugin: LayoutPlugin;
+
+// @public (undocumented)
+export interface LayoutPluginOptions extends LongPressSelectionPluginOptions {
+  // (undocumented)
+  allowBreakout?: boolean;
+  // (undocumented)
+  UNSAFE_addSidebarLayouts?: boolean;
+  // (undocumented)
+  UNSAFE_allowSingleColumnLayout?: boolean;
+}
+
+// (No @packageDocumentation comment for this package)
+```
+
+<!--SECTION END: Main Entry Types-->
+
+### Peer Dependencies
+
+<!--SECTION START: Peer Dependencies-->
+
+```json
+{
+  "react": "^16.8.0",
+  "react-intl-next": "npm:react-intl@^5.18.1"
+}
+```
+
+<!--SECTION END: Peer Dependencies-->

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,43 @@
+## API Report File for "@atlaskit/editor-plugin-layout"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
+import type { Command } from '@atlaskit/editor-common/types';
+import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
+import type { EditorAnalyticsAPI } from '@atlaskit/editor-common/analytics';
+import type { LongPressSelectionPluginOptions } from '@atlaskit/editor-common/types';
+import type { NextEditorPlugin } from '@atlaskit/editor-common/types';
+import type { OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { TOOLBAR_MENU_TYPE } from '@atlaskit/editor-common/types';
+
+// @public (undocumented)
+const insertLayoutColumnsWithAnalytics: (editorAnalyticsAPI: EditorAnalyticsAPI | undefined) => (inputMethod: TOOLBAR_MENU_TYPE) => Command;
+
+// @public (undocumented)
+export type LayoutPlugin = NextEditorPlugin<'layout', {
+    pluginConfiguration: LayoutPluginOptions | undefined;
+    dependencies: [DecorationsPlugin, OptionalPlugin<AnalyticsPlugin>];
+    actions: {
+        insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
+    };
+}>;
+
+// @public (undocumented)
+export const layoutPlugin: LayoutPlugin;
+
+// @public (undocumented)
+export interface LayoutPluginOptions extends LongPressSelectionPluginOptions {
+    // (undocumented)
+    allowBreakout?: boolean;
+    // (undocumented)
+    UNSAFE_addSidebarLayouts?: boolean;
+    // (undocumented)
+    UNSAFE_allowSingleColumnLayout?: boolean;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```