@atlaskit/editor-plugin-layout 10.5.0 → 10.6.0

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

@@ -31,7 +31,7 @@ export type LayoutPlugin = NextEditorPlugin<'layout', {
     commands: {
         deleteLayoutColumn: ReturnType<typeof deleteLayoutColumn>;
         insertLayoutColumn: (side: InsertLayoutColumnSide) => EditorCommand;
-        setLayoutColumnValign: typeof setLayoutColumnValign;
+        setLayoutColumnValign: (valign: Parameters<typeof setLayoutColumnValign>[0]) => EditorCommand;
         toggleLayoutColumnMenu: typeof toggleLayoutColumnMenu;
     };
     dependencies: LayoutPluginDependencies;

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

@@ -33,8 +33,9 @@ export type InsertLayoutColumnSide = 'left' | 'right';
  */
 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 }: {
+export declare const setLayoutColumnValign: (valign: Valign, editorAnalyticsAPI?: EditorAnalyticsAPI) => EditorCommand;
+export declare const toggleLayoutColumnMenu: ({ anchorPos, isOpen }: {
+    anchorPos?: number;
     isOpen?: boolean;
 }) => EditorCommand;
 export declare const deleteLayoutColumn: (editorAnalyticsAPI?: EditorAnalyticsAPI) => EditorCommand;

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

@@ -6,6 +6,7 @@ export type LayoutState = {
     allowSingleColumnLayout: boolean;
     isLayoutColumnMenuOpen: boolean;
     isResizing: boolean;
+    layoutColumnMenuAnchorPos: number | undefined;
     pos: number | null;
     selectedLayout: PresetLayout | undefined;
 };

package/dist/types-ts4.5/pm-plugins/utils/layout-column-selection.d.ts

@@ -0,0 +1,18 @@
+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 type SelectedLayoutColumn = {
+    index: number;
+    node: PMNode;
+    pos: number;
+};
+export type SelectedLayoutColumns = {
+    layoutSectionNode: PMNode;
+    layoutSectionPos: number;
+    selectedColumnIndices: number[];
+    selectedColumns: SelectedLayoutColumn[];
+};
+export declare const getSelectedLayoutColumns: (selection: Selection | undefined) => SelectedLayoutColumns | undefined;
+export declare const getLayoutSectionColumnCount: (layoutSection: PMNode | undefined) => number;
+export declare const getLayoutColumnValign: (layoutColumn: PMNode | undefined) => Valign | undefined;
+export declare const getLayoutColumnMenuAnchorPos: (selection: Selection | undefined, anchorPosFromHandle?: number) => number | undefined;

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

@@ -0,0 +1,4 @@
+import type { ExtractInjectionAPI } from '@atlaskit/editor-common/types';
+import type { LayoutPlugin } from '../../layoutPluginType';
+import { type SelectedLayoutColumns } from '../../pm-plugins/utils/layout-column-selection';
+export declare const useSelectedLayoutColumns: (api: ExtractInjectionAPI<LayoutPlugin> | undefined) => SelectedLayoutColumns | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/editor-plugin-layout",
-	"version": "10.5.0",
+	"version": "10.6.0",
 	"description": "Layout plugin for @atlaskit/editor-core",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -29,7 +29,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
-		"@atlaskit/adf-schema": "^52.13.0",
+		"@atlaskit/adf-schema": "^52.14.0",
 		"@atlaskit/css": "^0.19.0",
 		"@atlaskit/editor-plugin-analytics": "^10.1.0",
 		"@atlaskit/editor-plugin-block-menu": "^9.2.0",
@@ -55,7 +55,7 @@
 		"bind-event-listener": "^3.0.0"
 	},
 	"peerDependencies": {
-		"@atlaskit/editor-common": "^114.42.0",
+		"@atlaskit/editor-common": "^114.45.0",
 		"react": "^18.2.0",
 		"react-intl": "^5.25.1 || ^6.0.0 || ^7.0.0"
 	},

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getLayoutSectionColumnCount = exports.getLayoutSectionAtSelection = exports.getLayoutColumnValign = exports.getLayoutColumnAtSelection = void 0;
-var _state = require("@atlaskit/editor-prosemirror/state");
-var getLayoutColumnAtSelection = exports.getLayoutColumnAtSelection = function getLayoutColumnAtSelection(selection) {
-  return selection instanceof _state.NodeSelection && selection.node.type.name === 'layoutColumn' ? selection.node : undefined;
-};
-var getLayoutSectionAtSelection = exports.getLayoutSectionAtSelection = function getLayoutSectionAtSelection(selection) {
-  var selectedColumn = getLayoutColumnAtSelection(selection);
-  var parent = selectedColumn ? selection === null || selection === void 0 ? void 0 : selection.$from.parent : undefined;
-  return (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' ? parent : undefined;
-};
-var getLayoutSectionColumnCount = exports.getLayoutSectionColumnCount = function getLayoutSectionColumnCount(layoutSection) {
-  return (layoutSection === null || layoutSection === void 0 ? void 0 : layoutSection.type.name) === 'layoutSection' ? layoutSection.childCount : 0;
-};
-var getLayoutColumnValign = exports.getLayoutColumnValign = function getLayoutColumnValign(layoutColumn) {
-  return layoutColumn === null || layoutColumn === void 0 ? void 0 : layoutColumn.attrs.valign;
-};

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

@@ -1,20 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCurrentLayoutSection = exports.useCurrentLayoutColumn = void 0;
-var _hooks = require("@atlaskit/editor-common/hooks");
-var _layoutColumnSelection = require("./layoutColumnSelection");
-var useCurrentLayoutColumn = exports.useCurrentLayoutColumn = function useCurrentLayoutColumn(api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
-    var _states$selectionStat;
-    return (0, _layoutColumnSelection.getLayoutColumnAtSelection)((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection);
-  });
-};
-var useCurrentLayoutSection = exports.useCurrentLayoutSection = function useCurrentLayoutSection(api) {
-  return (0, _hooks.useSharedPluginStateWithSelector)(api, ['selection'], function (states) {
-    var _states$selectionStat2;
-    return (0, _layoutColumnSelection.getLayoutSectionAtSelection)((_states$selectionStat2 = states.selectionState) === null || _states$selectionStat2 === void 0 ? void 0 : _states$selectionStat2.selection);
-  });
-};

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

@@ -1,9 +0,0 @@
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export const getLayoutColumnAtSelection = selection => selection instanceof NodeSelection && selection.node.type.name === 'layoutColumn' ? selection.node : undefined;
-export const getLayoutSectionAtSelection = selection => {
-  const selectedColumn = getLayoutColumnAtSelection(selection);
-  const parent = selectedColumn ? selection === null || selection === void 0 ? void 0 : selection.$from.parent : undefined;
-  return (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' ? parent : undefined;
-};
-export const getLayoutSectionColumnCount = layoutSection => (layoutSection === null || layoutSection === void 0 ? void 0 : layoutSection.type.name) === 'layoutSection' ? layoutSection.childCount : 0;
-export const getLayoutColumnValign = layoutColumn => layoutColumn === null || layoutColumn === void 0 ? void 0 : layoutColumn.attrs.valign;

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

@@ -1,10 +0,0 @@
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { getLayoutColumnAtSelection, getLayoutSectionAtSelection } from './layoutColumnSelection';
-export const useCurrentLayoutColumn = api => useSharedPluginStateWithSelector(api, ['selection'], states => {
-  var _states$selectionStat;
-  return getLayoutColumnAtSelection((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection);
-});
-export const useCurrentLayoutSection = api => useSharedPluginStateWithSelector(api, ['selection'], states => {
-  var _states$selectionStat2;
-  return getLayoutSectionAtSelection((_states$selectionStat2 = states.selectionState) === null || _states$selectionStat2 === void 0 ? void 0 : _states$selectionStat2.selection);
-});

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

@@ -1,15 +0,0 @@
-import { NodeSelection } from '@atlaskit/editor-prosemirror/state';
-export var getLayoutColumnAtSelection = function getLayoutColumnAtSelection(selection) {
-  return selection instanceof NodeSelection && selection.node.type.name === 'layoutColumn' ? selection.node : undefined;
-};
-export var getLayoutSectionAtSelection = function getLayoutSectionAtSelection(selection) {
-  var selectedColumn = getLayoutColumnAtSelection(selection);
-  var parent = selectedColumn ? selection === null || selection === void 0 ? void 0 : selection.$from.parent : undefined;
-  return (parent === null || parent === void 0 ? void 0 : parent.type.name) === 'layoutSection' ? parent : undefined;
-};
-export var getLayoutSectionColumnCount = function getLayoutSectionColumnCount(layoutSection) {
-  return (layoutSection === null || layoutSection === void 0 ? void 0 : layoutSection.type.name) === 'layoutSection' ? layoutSection.childCount : 0;
-};
-export var getLayoutColumnValign = function getLayoutColumnValign(layoutColumn) {
-  return layoutColumn === null || layoutColumn === void 0 ? void 0 : layoutColumn.attrs.valign;
-};

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

@@ -1,14 +0,0 @@
-import { useSharedPluginStateWithSelector } from '@atlaskit/editor-common/hooks';
-import { getLayoutColumnAtSelection, getLayoutSectionAtSelection } from './layoutColumnSelection';
-export var useCurrentLayoutColumn = function useCurrentLayoutColumn(api) {
-  return useSharedPluginStateWithSelector(api, ['selection'], function (states) {
-    var _states$selectionStat;
-    return getLayoutColumnAtSelection((_states$selectionStat = states.selectionState) === null || _states$selectionStat === void 0 ? void 0 : _states$selectionStat.selection);
-  });
-};
-export var useCurrentLayoutSection = function useCurrentLayoutSection(api) {
-  return useSharedPluginStateWithSelector(api, ['selection'], function (states) {
-    var _states$selectionStat2;
-    return getLayoutSectionAtSelection((_states$selectionStat2 = states.selectionState) === null || _states$selectionStat2 === void 0 ? void 0 : _states$selectionStat2.selection);
-  });
-};

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

@@ -1,7 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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/ui/LayoutColumnMenu/layoutColumnSelection.d.ts

@@ -1,7 +0,0 @@
-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

@@ -1,5 +0,0 @@
-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;