@atlaskit/editor-plugin-layout 10.3.4 → 10.3.5

package/dist/types/layoutPluginType.d.ts

@@ -1,4 +1,4 @@
-import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -9,7 +9,7 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
+import type { InsertLayoutColumnSide, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
 import type { LayoutState } from './pm-plugins/types';
 import type { LayoutPluginOptions } from './types';
 export type LayoutPluginDependencies = [
@@ -29,6 +29,7 @@ export type LayoutPlugin = NextEditorPlugin<'layout', {
         insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
     };
     commands: {
+        insertLayoutColumn: (side: InsertLayoutColumnSide) => EditorCommand;
         setLayoutColumnValign: typeof setLayoutColumnValign;
         toggleLayoutColumnMenu: typeof toggleLayoutColumnMenu;
     };

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

@@ -27,6 +27,12 @@ export declare const setPresetLayout: (editorAnalyticsAPI: EditorAnalyticsAPI |
 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, inputMethod?: INPUT_METHOD.FLOATING_TB) => Command;
+export type InsertLayoutColumnSide = 'left' | 'right';
+/**
+ * Returns the active maximum layout column count for the current advanced layouts experiment state.
+ */
+export declare function getEffectiveMaxLayoutColumns(): number;
+export declare const insertLayoutColumn: (side: InsertLayoutColumnSide, editorAnalyticsAPI?: EditorAnalyticsAPI) => EditorCommand;
 export declare const setLayoutColumnValign: (valign: Valign) => EditorCommand;
 export declare const toggleLayoutColumnMenu: ({ isOpen }: {
     isOpen?: boolean;

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

@@ -1,3 +1,6 @@
+export declare const MAX_STANDARD_LAYOUT_COLUMNS = 3;
+export declare const MAX_LAYOUT_COLUMNS = 5;
+export declare const MIN_LAYOUT_COLUMN_WIDTH_PERCENT = 5;
 export declare const EVEN_DISTRIBUTED_COL_WIDTHS: {
     [key: number]: number;
 };

package/dist/types/pm-plugins/utils/redistribute-proportionally.d.ts

@@ -0,0 +1 @@
+export declare const redistributeProportionally: (currentWidths: number[], insertIndex: number, maxColumns: number, minWidth: number) => number[];

package/dist/types/ui/LayoutColumnMenu/InsertColumnDropdownItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { LayoutPlugin } from '../../layoutPluginType';
+import { type InsertLayoutColumnSide } from '../../pm-plugins/actions';
+type InsertColumnDropdownItemProps = {
+    api: ExtractInjectionAPI<LayoutPlugin> | undefined;
+    side: InsertLayoutColumnSide;
+};
+export declare const InsertColumnDropdownItem: ({ api, side, }: InsertColumnDropdownItemProps) => React.JSX.Element | null;
+export {};

package/dist/types/ui/LayoutColumnMenu/keys.d.ts

@@ -4,6 +4,8 @@ export declare const LAYOUT_COLUMN_MENU_SECTION: MenuSectionType;
 export declare const LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION: MenuSectionType;
 export declare const LAYOUT_COLUMN_MENU_RANK: Record<string, number>;
 export declare const VERTICAL_ALIGN_MENU: NestedMenuType;
+export declare const INSERT_COLUMN_LEFT_MENU_ITEM: MenuItemType;
+export declare const INSERT_COLUMN_RIGHT_MENU_ITEM: MenuItemType;
 export declare const DISTRIBUTE_COLUMNS_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_TOP_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_MIDDLE_MENU_ITEM: MenuItemType;

package/dist/types/ui/LayoutColumnMenu/layoutColumnSelection.d.ts

@@ -0,0 +1,7 @@
+import type { Valign } from '@atlaskit/editor-common/types/valign';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const getLayoutColumnAtSelection: (selection: Selection | undefined) => PMNode | undefined;
+export declare const getLayoutSectionAtSelection: (selection: Selection | undefined) => PMNode | undefined;
+export declare const getLayoutSectionColumnCount: (layoutSection: PMNode | undefined) => number;
+export declare const getLayoutColumnValign: (layoutColumn: PMNode | undefined) => Valign | undefined;

package/dist/types/ui/LayoutColumnMenu/useCurrentLayoutColumn.d.ts

@@ -0,0 +1,5 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { LayoutPlugin } from '../../layoutPluginType';
+export declare const useCurrentLayoutColumn: (api: ExtractInjectionAPI<LayoutPlugin> | undefined) => PMNode | undefined;
+export declare const useCurrentLayoutSection: (api: ExtractInjectionAPI<LayoutPlugin> | undefined) => PMNode | undefined;

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

@@ -1,4 +1,4 @@
-import type { NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
+import type { EditorCommand, NextEditorPlugin, OptionalPlugin } from '@atlaskit/editor-common/types';
 import type { AnalyticsPlugin } from '@atlaskit/editor-plugin-analytics';
 import type { BlockMenuPlugin } from '@atlaskit/editor-plugin-block-menu';
 import type { DecorationsPlugin } from '@atlaskit/editor-plugin-decorations';
@@ -9,7 +9,7 @@ import type { SelectionPlugin } from '@atlaskit/editor-plugin-selection';
 import type { ToolbarPlugin } from '@atlaskit/editor-plugin-toolbar';
 import type { UiControlRegistryPlugin } from '@atlaskit/editor-plugin-ui-control-registry';
 import type { WidthPlugin } from '@atlaskit/editor-plugin-width';
-import type { insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
+import type { InsertLayoutColumnSide, insertLayoutColumnsWithAnalytics, setLayoutColumnValign, toggleLayoutColumnMenu } from './pm-plugins/actions';
 import type { LayoutState } from './pm-plugins/types';
 import type { LayoutPluginOptions } from './types';
 export type LayoutPluginDependencies = [
@@ -29,6 +29,7 @@ export type LayoutPlugin = NextEditorPlugin<'layout', {
         insertLayoutColumns: ReturnType<typeof insertLayoutColumnsWithAnalytics>;
     };
     commands: {
+        insertLayoutColumn: (side: InsertLayoutColumnSide) => EditorCommand;
         setLayoutColumnValign: typeof setLayoutColumnValign;
         toggleLayoutColumnMenu: typeof toggleLayoutColumnMenu;
     };

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

@@ -27,6 +27,12 @@ export declare const setPresetLayout: (editorAnalyticsAPI: EditorAnalyticsAPI |
 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, inputMethod?: INPUT_METHOD.FLOATING_TB) => Command;
+export type InsertLayoutColumnSide = 'left' | 'right';
+/**
+ * Returns the active maximum layout column count for the current advanced layouts experiment state.
+ */
+export declare function getEffectiveMaxLayoutColumns(): number;
+export declare const insertLayoutColumn: (side: InsertLayoutColumnSide, editorAnalyticsAPI?: EditorAnalyticsAPI) => EditorCommand;
 export declare const setLayoutColumnValign: (valign: Valign) => EditorCommand;
 export declare const toggleLayoutColumnMenu: ({ isOpen }: {
     isOpen?: boolean;

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

@@ -1,3 +1,6 @@
+export declare const MAX_STANDARD_LAYOUT_COLUMNS = 3;
+export declare const MAX_LAYOUT_COLUMNS = 5;
+export declare const MIN_LAYOUT_COLUMN_WIDTH_PERCENT = 5;
 export declare const EVEN_DISTRIBUTED_COL_WIDTHS: {
     [key: number]: number;
 };

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

@@ -0,0 +1 @@
+export declare const redistributeProportionally: (currentWidths: number[], insertIndex: number, maxColumns: number, minWidth: number) => number[];

package/dist/types-ts4.5/ui/LayoutColumnMenu/InsertColumnDropdownItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { LayoutPlugin } from '../../layoutPluginType';
+import { type InsertLayoutColumnSide } from '../../pm-plugins/actions';
+type InsertColumnDropdownItemProps = {
+    api: ExtractInjectionAPI<LayoutPlugin> | undefined;
+    side: InsertLayoutColumnSide;
+};
+export declare const InsertColumnDropdownItem: ({ api, side, }: InsertColumnDropdownItemProps) => React.JSX.Element | null;
+export {};

package/dist/types-ts4.5/ui/LayoutColumnMenu/keys.d.ts

@@ -4,6 +4,8 @@ export declare const LAYOUT_COLUMN_MENU_SECTION: MenuSectionType;
 export declare const LAYOUT_COLUMN_VERTICAL_ALIGN_MENU_SECTION: MenuSectionType;
 export declare const LAYOUT_COLUMN_MENU_RANK: Record<string, number>;
 export declare const VERTICAL_ALIGN_MENU: NestedMenuType;
+export declare const INSERT_COLUMN_LEFT_MENU_ITEM: MenuItemType;
+export declare const INSERT_COLUMN_RIGHT_MENU_ITEM: MenuItemType;
 export declare const DISTRIBUTE_COLUMNS_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_TOP_MENU_ITEM: MenuItemType;
 export declare const VERTICAL_ALIGN_MIDDLE_MENU_ITEM: MenuItemType;

package/dist/types-ts4.5/ui/LayoutColumnMenu/layoutColumnSelection.d.ts

@@ -0,0 +1,7 @@
+import type { Valign } from '@atlaskit/editor-common/types/valign';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { Selection } from '@atlaskit/editor-prosemirror/state';
+export declare const getLayoutColumnAtSelection: (selection: Selection | undefined) => PMNode | undefined;
+export declare const getLayoutSectionAtSelection: (selection: Selection | undefined) => PMNode | undefined;
+export declare const getLayoutSectionColumnCount: (layoutSection: PMNode | undefined) => number;
+export declare const getLayoutColumnValign: (layoutColumn: PMNode | undefined) => Valign | undefined;

package/dist/types-ts4.5/ui/LayoutColumnMenu/useCurrentLayoutColumn.d.ts

@@ -0,0 +1,5 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { Node as PMNode } from '@atlaskit/editor-prosemirror/model';
+import type { LayoutPlugin } from '../../layoutPluginType';
+export declare const useCurrentLayoutColumn: (api: ExtractInjectionAPI<LayoutPlugin> | undefined) => PMNode | undefined;
+export declare const useCurrentLayoutSection: (api: ExtractInjectionAPI<LayoutPlugin> | undefined) => PMNode | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-layout",
-	"version": "10.3.4",
+	"version": "10.3.5",
 	"description": "Layout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -55,7 +55,7 @@
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.36.0",
+		"@atlaskit/editor-common": "^114.37.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},

package/dist/cjs/ui/LayoutColumnMenu/useCurrentLayoutColumnValign.js

@@ -1,22 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCurrentLayoutColumnValign = exports.getCurrentLayoutColumnValign = void 0;
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _state = require("@atlaskit/editor-prosemirror/state");
-var getCurrentLayoutColumnValign = exports.getCurrentLayoutColumnValign = function getCurrentLayoutColumnValign(selection) {
-  var selectedColumn = selection instanceof _state.NodeSelection && selection.node.type.name === 'layoutColumn' ? selection.node : undefined;
-  var currentValign = selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.attrs.valign;
-  return {
-    currentValign: currentValign,
-    selectedColumn: selectedColumn
-  };
-};
-var useCurrentLayoutColumnValign = exports.useCurrentLayoutColumnValign = function useCurrentLayoutColumnValign(api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
-    var _states$selectionStat;
-    return getCurrentLayoutColumnValign((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection);
-  });
-};

package/dist/es2019/ui/LayoutColumnMenu/useCurrentLayoutColumnValign.js

@@ -1,14 +0,0 @@
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export const getCurrentLayoutColumnValign = selection => {
-  const selectedColumn = selection instanceof NodeSelection && selection.node.type.name === 'layoutColumn' ? selection.node : undefined;
-  const currentValign = selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.attrs.valign;
-  return {
-    currentValign,
-    selectedColumn
-  };
-};
-export const useCurrentLayoutColumnValign = api => useSharedPluginStateWithSelector(api, ['selection'], states => {
-  var _states$selectionStat;
-  return getCurrentLayoutColumnValign((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection);
-});

package/dist/esm/ui/LayoutColumnMenu/useCurrentLayoutColumnValign.js

@@ -1,16 +0,0 @@
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export var getCurrentLayoutColumnValign = function getCurrentLayoutColumnValign(selection) {
-  var selectedColumn = selection instanceof NodeSelection && selection.node.type.name === 'layoutColumn' ? selection.node : undefined;
-  var currentValign = selectedColumn === null || selectedColumn === void 0 ? void 0 : selectedColumn.attrs.valign;
-  return {
-    currentValign: currentValign,
-    selectedColumn: selectedColumn
-  };
-};
-export var useCurrentLayoutColumnValign = function useCurrentLayoutColumnValign(api) {
-  return useSharedPluginStateWithSelector(api, ['selection'], function (states) {
-    var _states$selectionStat;
-    return getCurrentLayoutColumnValign((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection);
-  });
-};

package/dist/types/ui/LayoutColumnMenu/useCurrentLayoutColumnValign.d.ts

@@ -1,11 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Valign } from '@atlaskit/editor-common/types/valign';
-import type { Node as ProsemirrorNode } from '@atlaskit/editor-prosemirror/model';
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
-import type { LayoutPlugin } from '../../layoutPluginType';
-export type CurrentLayoutColumnValignState = {
-    currentValign: Valign | undefined;
-    selectedColumn: ProsemirrorNode | undefined;
-};
-export declare const getCurrentLayoutColumnValign: (selection: Selection | undefined) => CurrentLayoutColumnValignState;
-export declare const useCurrentLayoutColumnValign: (api: ExtractInjectionAPI<LayoutPlugin> | undefined) => CurrentLayoutColumnValignState;

package/dist/types-ts4.5/ui/LayoutColumnMenu/useCurrentLayoutColumnValign.d.ts

@@ -1,11 +0,0 @@
-import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
-import type { Valign } from '@atlaskit/editor-common/types/valign';
-import type { Node as ProsemirrorNode } from '@atlaskit/editor-prosemirror/model';
-import type { Selection } from '@atlaskit/editor-prosemirror/state';
-import type { LayoutPlugin } from '../../layoutPluginType';
-export type CurrentLayoutColumnValignState = {
-    currentValign: Valign | undefined;
-    selectedColumn: ProsemirrorNode | undefined;
-};
-export declare const getCurrentLayoutColumnValign: (selection: Selection | undefined) => CurrentLayoutColumnValignState;
-export declare const useCurrentLayoutColumnValign: (api: ExtractInjectionAPI<LayoutPlugin> | undefined) => CurrentLayoutColumnValignState;