@lofcz/platejs-layout 52.0.11

package/LICENSE

@@ -0,0 +1,24 @@
+The MIT License (MIT)
+
+Copyright (c) Ziad Beyens, Dylan Schiemann, Joe Anderson, Felix Feng
+
+Unless otherwise specified in a LICENSE file within an individual package directory,
+this license applies to all files in this repository outside of those package directories.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+# Plate Column plugin

package/dist/BaseColumnPlugin-BFM6r9Zm.js

@@ -0,0 +1,84 @@
+import { ElementApi, KEYS, PathApi, createSlatePlugin } from "platejs";
+
+//#region src/lib/withColumn.ts
+const withColumn = ({ editor, tf: { normalizeNode, selectAll }, type }) => ({ transforms: {
+	normalizeNode([n, path]) {
+		if (ElementApi.isElement(n) && n.type === editor.getType(KEYS.columnGroup)) {
+			const node = n;
+			const firstChild = node.children[0];
+			if (node.children.length === 1 && firstChild.type === editor.getType(KEYS.p)) editor.tf.unwrapNodes({ at: PathApi.child(path, 0) });
+			if (!node.children.some((child) => ElementApi.isElement(child) && child.type === type)) {
+				editor.tf.removeNodes({ at: path });
+				return;
+			}
+			if (node.children.length < 2) {
+				editor.tf.withoutNormalizing(() => {
+					editor.tf.unwrapNodes({ at: path });
+					editor.tf.unwrapNodes({ at: path });
+				});
+				return;
+			}
+			editor.tf.withoutNormalizing(() => {
+				const totalColumns = node.children.length;
+				let widths = node.children.map((col) => {
+					const parsed = Number.parseFloat(col.width);
+					return Number.isNaN(parsed) ? 0 : parsed;
+				});
+				const sum = widths.reduce((acc, w) => acc + w, 0);
+				if (sum !== 100) {
+					const adjustment = (100 - sum) / totalColumns;
+					widths = widths.map((w) => w + adjustment);
+					widths.forEach((w, i) => {
+						const columnPath = path.concat([i]);
+						editor.tf.setNodes({ width: `${w}%` }, { at: columnPath });
+					});
+				}
+			});
+		}
+		if (ElementApi.isElement(n) && n.type === type) {
+			if (n.children.length === 0) {
+				editor.tf.removeNodes({ at: path });
+				return;
+			}
+		}
+		return normalizeNode([n, path]);
+	},
+	selectAll: () => {
+		const apply = () => {
+			const at = editor.selection;
+			if (!at) return;
+			const column = editor.api.above({ match: { type } });
+			if (!column) return;
+			let targetPath = column[1];
+			if (editor.api.isStart(editor.api.start(at), targetPath) && editor.api.isEnd(editor.api.end(at), targetPath)) targetPath = PathApi.parent(targetPath);
+			if (targetPath.length === 0) return;
+			editor.tf.select(targetPath);
+			return true;
+		};
+		if (apply()) return true;
+		return selectAll();
+	}
+} });
+
+//#endregion
+//#region src/lib/BaseColumnPlugin.ts
+const BaseColumnItemPlugin = createSlatePlugin({
+	key: KEYS.column,
+	node: {
+		isContainer: true,
+		isElement: true,
+		isStrictSiblings: true
+	}
+}).overrideEditor(withColumn);
+const BaseColumnPlugin = createSlatePlugin({
+	key: KEYS.columnGroup,
+	node: {
+		isContainer: true,
+		isElement: true
+	},
+	plugins: [BaseColumnItemPlugin]
+});
+
+//#endregion
+export { BaseColumnPlugin as n, withColumn as r, BaseColumnItemPlugin as t };
+//# sourceMappingURL=BaseColumnPlugin-BFM6r9Zm.js.map

package/dist/BaseColumnPlugin-BFM6r9Zm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseColumnPlugin-BFM6r9Zm.js","names":["OverrideEditor","TColumnElement","TColumnGroupElement","ElementApi","KEYS","PathApi","withColumn","editor","tf","normalizeNode","selectAll","type","transforms","n","path","isElement","getType","columnGroup","node","firstChild","children","length","p","unwrapNodes","at","child","some","removeNodes","withoutNormalizing","totalColumns","widths","map","col","parsed","Number","parseFloat","width","isNaN","sum","reduce","acc","w","diff","adjustment","forEach","i","columnPath","concat","setNodes","apply","selection","column","api","above","match","targetPath","isStart","start","isEnd","end","parent","select","createSlatePlugin","KEYS","withColumn","BaseColumnItemPlugin","key","column","node","isContainer","isElement","isStrictSiblings","overrideEditor","BaseColumnPlugin","columnGroup","plugins"],"sources":["../src/lib/withColumn.ts","../src/lib/BaseColumnPlugin.ts"],"sourcesContent":["import {\n  type OverrideEditor,\n  type TColumnElement,\n  type TColumnGroupElement,\n  ElementApi,\n  KEYS,\n  PathApi,\n} from 'platejs';\n\nexport const withColumn: OverrideEditor = ({\n  editor,\n  tf: { normalizeNode, selectAll },\n  type,\n}) => ({\n  transforms: {\n    normalizeNode([n, path]) {\n      // If it's a column group, ensure it has valid children\n      if (\n        ElementApi.isElement(n) &&\n        n.type === editor.getType(KEYS.columnGroup)\n      ) {\n        const node = n as TColumnGroupElement;\n\n        // If the first child is a p, unwrap it\n        const firstChild = node.children[0];\n        if (\n          node.children.length === 1 &&\n          firstChild.type === editor.getType(KEYS.p)\n        ) {\n          editor.tf.unwrapNodes({ at: PathApi.child(path, 0) });\n        }\n\n        // If no columns found, unwrap the column group\n        if (\n          !node.children.some(\n            (child) => ElementApi.isElement(child) && child.type === type\n          )\n        ) {\n          editor.tf.removeNodes({ at: path });\n\n          return;\n        }\n        // If only one column remains, unwrap the group (optional logic)\n        if (node.children.length < 2) {\n          editor.tf.withoutNormalizing(() => {\n            editor.tf.unwrapNodes({ at: path });\n            editor.tf.unwrapNodes({ at: path });\n          });\n\n          return;\n        }\n\n        // PERF: only run when the number of columns changes\n        editor.tf.withoutNormalizing(() => {\n          // Add new width normalization logic\n          const totalColumns = node.children.length;\n          let widths = node.children.map((col) => {\n            const parsed = Number.parseFloat(col.width);\n\n            return Number.isNaN(parsed) ? 0 : parsed;\n          });\n\n          const sum = widths.reduce((acc, w) => acc + w, 0);\n\n          if (sum !== 100) {\n            const diff = 100 - sum;\n            const adjustment = diff / totalColumns;\n\n            widths = widths.map((w) => w + adjustment);\n\n            // Update the columns with the new widths\n            widths.forEach((w, i) => {\n              const columnPath = path.concat([i]);\n              editor.tf.setNodes<TColumnElement>(\n                { width: `${w}%` },\n                { at: columnPath }\n              );\n            });\n          }\n        });\n      }\n      // If it's a column, ensure it has at least one block (optional)\n      if (ElementApi.isElement(n) && n.type === type) {\n        const node = n as TColumnElement;\n\n        // node.children.forEach((child, index) => {\n        //   if (TextApi.isText(child)) {\n        //     editor.tf.wrapNodes(\n        //       { children: [], type: editor.getType(KEYS.p) },\n        //       {\n        //         at: PathApi.child(path, index),\n        //       }\n        //     );\n        //   }\n        // });\n\n        if (node.children.length === 0) {\n          editor.tf.removeNodes({ at: path });\n\n          return;\n        }\n      }\n\n      return normalizeNode([n, path]);\n    },\n    selectAll: () => {\n      const apply = () => {\n        const at = editor.selection;\n\n        if (!at) return;\n\n        const column = editor.api.above({\n          match: { type },\n        });\n\n        if (!column) return;\n\n        let targetPath = column[1];\n\n        if (\n          editor.api.isStart(editor.api.start(at), targetPath) &&\n          editor.api.isEnd(editor.api.end(at), targetPath)\n        ) {\n          targetPath = PathApi.parent(targetPath);\n        }\n\n        if (targetPath.length === 0) return;\n\n        editor.tf.select(targetPath);\n\n        return true;\n      };\n\n      if (apply()) return true;\n\n      return selectAll();\n    },\n  },\n});\n","import { createSlatePlugin, KEYS } from 'platejs';\n\nimport { withColumn } from './withColumn';\n\nexport const BaseColumnItemPlugin = createSlatePlugin({\n  key: KEYS.column,\n  node: { isContainer: true, isElement: true, isStrictSiblings: true },\n}).overrideEditor(withColumn);\n\nexport const BaseColumnPlugin = createSlatePlugin({\n  key: KEYS.columnGroup,\n  node: { isContainer: true, isElement: true },\n  plugins: [BaseColumnItemPlugin],\n});\n"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,69 @@
+import { At, InsertNodesOptions, NodeEntry, OverrideEditor, ReplaceNodesOptions, SlateEditor, TColumnGroupElement, TNode } from "platejs";
+
+//#region src/lib/BaseColumnPlugin.d.ts
+declare const BaseColumnItemPlugin: any;
+declare const BaseColumnPlugin: any;
+//#endregion
+//#region src/lib/withColumn.d.ts
+declare const withColumn: OverrideEditor;
+//#endregion
+//#region src/lib/transforms/insertColumn.d.ts
+declare const insertColumn: (editor: SlateEditor, {
+  width,
+  ...options
+}?: {
+  width?: string;
+} & InsertNodesOptions) => void;
+//#endregion
+//#region src/lib/transforms/insertColumnGroup.d.ts
+declare const insertColumnGroup: (editor: SlateEditor, {
+  columns,
+  select: selectProp,
+  ...options
+}?: InsertNodesOptions & {
+  columns?: number;
+}) => void;
+//#endregion
+//#region src/lib/transforms/moveMiddleColumn.d.ts
+/**
+ * Move the middle column to the left if direction is 'left', or to the right if
+ * 'right'. If the middle node is empty, return false and remove it.
+ */
+declare const moveMiddleColumn: <N extends TNode>(editor: SlateEditor, [node, path]: NodeEntry<N>, options?: {
+  direction: "left" | "right";
+}) => false | undefined;
+//#endregion
+//#region src/lib/transforms/resizeColumn.d.ts
+declare function resizeColumn(columnGroup: TColumnGroupElement, columnId: string, newWidthPercent: number): TColumnGroupElement;
+//#endregion
+//#region src/lib/transforms/setColumns.d.ts
+declare const setColumns: (editor: SlateEditor, {
+  at,
+  columns,
+  widths
+}: {
+  /** Column group path */
+  at?: At;
+  columns?: number;
+  widths?: string[];
+}) => void;
+//#endregion
+//#region src/lib/transforms/toggleColumnGroup.d.ts
+declare const toggleColumnGroup: (editor: SlateEditor, {
+  at,
+  columns,
+  widths
+}?: Partial<ReplaceNodesOptions> & {
+  columns?: number;
+  widths?: string[];
+}) => void;
+//#endregion
+//#region src/lib/utils/columnsToWidths.d.ts
+declare const columnsToWidths: ({
+  columns
+}?: {
+  columns?: number;
+}) => string[];
+//#endregion
+export { BaseColumnItemPlugin, BaseColumnPlugin, columnsToWidths, insertColumn, insertColumnGroup, moveMiddleColumn, resizeColumn, setColumns, toggleColumnGroup, withColumn };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/lib/BaseColumnPlugin.ts","../src/lib/withColumn.ts","../src/lib/transforms/insertColumn.ts","../src/lib/transforms/insertColumnGroup.ts","../src/lib/transforms/moveMiddleColumn.ts","../src/lib/transforms/resizeColumn.ts","../src/lib/transforms/setColumns.ts","../src/lib/transforms/toggleColumnGroup.ts","../src/lib/utils/columnsToWidths.ts"],"sourcesContent":[],"mappings":";;;cAIa;cAKA;;;cCAA,YAAY;;;cCLZ,uBACH;;;AFDG,CAAA;;AAAb,CAAA,GEEsD,kBFFzC,EAAA,GAGgB,IAAA;;;cGChB,4BACH;;UACR;;AHNF,CAAA,GGUK;;AHVL,CAAA,EAAA,GAAa,IAAA;;;;;AAAb;AAKA;cIGa,6BAA8B,eACjC,2BACM,UAAU;;;;;iBCZV,YAAA,cACD,iEAGZ;;;cCKU,qBACH;;;;;;ENRG,EAAA,CAAA,EMeJ,ENfI;EAKA,OAAA,CAAA,EAAA,MAAA;;;;;cOFA,4BACH;;;;APCV,CAAA,GOIK,QAAQ;;EPTA,MAAA,CAAA,EAAA,MAAA,EAAA;AAKb,CAAA,EAAA,GAAa,IAAA;;;cQTA"}

package/dist/index.js

@@ -0,0 +1,190 @@
+import { n as BaseColumnPlugin, r as withColumn, t as BaseColumnItemPlugin } from "./BaseColumnPlugin-BFM6r9Zm.js";
+import { KEYS, NodeApi } from "platejs";
+
+//#region src/lib/transforms/insertColumn.ts
+const insertColumn = (editor, { width = "33%", ...options } = {}) => {
+	editor.tf.insertNodes({
+		children: [editor.api.create.block()],
+		type: editor.getType(KEYS.column),
+		width
+	}, options);
+};
+
+//#endregion
+//#region src/lib/transforms/insertColumnGroup.ts
+const insertColumnGroup = (editor, { columns = 2, select: selectProp, ...options } = {}) => {
+	const width = 100 / columns;
+	editor.tf.withoutNormalizing(() => {
+		editor.tf.insertNodes({
+			children: new Array(columns).fill(null).map(() => ({
+				children: [editor.api.create.block()],
+				type: editor.getType(KEYS.column),
+				width: `${width}%`
+			})),
+			type: editor.getType(KEYS.columnGroup)
+		}, options);
+		if (selectProp) {
+			const entry = editor.api.node({
+				at: options.at,
+				match: { type: editor.getType(KEYS.column) }
+			});
+			if (!entry) return;
+			editor.tf.select(entry[1].concat([0]));
+		}
+	});
+};
+
+//#endregion
+//#region src/lib/transforms/moveMiddleColumn.ts
+/**
+* Move the middle column to the left if direction is 'left', or to the right if
+* 'right'. If the middle node is empty, return false and remove it.
+*/
+const moveMiddleColumn = (editor, [node, path], options) => {
+	if ((options?.direction || "left") === "left") {
+		const DESCENDANT_PATH = [1];
+		const middleChildNode = NodeApi.get(node, DESCENDANT_PATH);
+		if (!middleChildNode) return false;
+		const isEmpty = NodeApi.string(middleChildNode) === "";
+		const middleChildPathRef = editor.api.pathRef(path.concat(DESCENDANT_PATH));
+		if (isEmpty) {
+			editor.tf.removeNodes({ at: middleChildPathRef.current });
+			return false;
+		}
+		const firstNode = NodeApi.descendant(node, [0]);
+		if (!firstNode) return false;
+		const firstLast = path.concat([0, firstNode.children.length]);
+		editor.tf.moveNodes({
+			at: middleChildPathRef.current,
+			to: firstLast
+		});
+		editor.tf.unwrapNodes({ at: middleChildPathRef.current });
+		middleChildPathRef.unref();
+	}
+};
+
+//#endregion
+//#region src/lib/transforms/resizeColumn.ts
+function resizeColumn(columnGroup, columnId, newWidthPercent) {
+	const widths = columnGroup.children.map((col) => col.width ? Number.parseFloat(col.width) : 0);
+	if (widths.reduce((sum, w) => sum + w, 0) === 0) {
+		const evenWidth = 100 / columnGroup.children.length;
+		columnGroup.children.forEach((col) => {
+			col.width = `${evenWidth}%`;
+		});
+		return columnGroup;
+	}
+	const index = columnGroup.children.findIndex((col) => col.id === columnId);
+	if (index === -1) return columnGroup;
+	widths[index] = newWidthPercent;
+	let totalAfter = widths.reduce((sum, w) => sum + w, 0);
+	const diff = 100 - totalAfter;
+	if (diff !== 0) {
+		const siblingIndex = (index + 1) % widths.length;
+		widths[siblingIndex] = Math.max(widths[siblingIndex] + diff, 0);
+	}
+	totalAfter = widths.reduce((sum, w) => sum + w, 0);
+	if (Math.round(totalAfter) !== 100) {
+		const scale = 100 / totalAfter;
+		for (let i = 0; i < widths.length; i++) widths[i] = Number.parseFloat((widths[i] * scale).toFixed(2));
+	}
+	columnGroup.children.forEach((col, i) => {
+		col.width = `${widths[i]}%`;
+	});
+	return columnGroup;
+}
+
+//#endregion
+//#region src/lib/utils/columnsToWidths.ts
+const columnsToWidths = ({ columns = 2 } = {}) => new Array(columns).fill(null).map(() => `${100 / columns}%`);
+
+//#endregion
+//#region src/lib/transforms/setColumns.ts
+const setColumns = (editor, { at, columns, widths }) => {
+	editor.tf.withoutNormalizing(() => {
+		if (!at) return;
+		widths = widths ?? columnsToWidths({ columns });
+		if (widths.length === 0) return;
+		const columnGroup = editor.api.node(at);
+		if (!columnGroup) return;
+		const [{ children }, path] = columnGroup;
+		const currentCount = children.length;
+		const targetCount = widths.length;
+		if (currentCount === targetCount) {
+			widths.forEach((width, i) => {
+				editor.tf.setNodes({ width }, { at: path.concat([i]) });
+			});
+			return;
+		}
+		if (targetCount > currentCount) {
+			const columnsToAdd = targetCount - currentCount;
+			const insertPath = path.concat([currentCount]);
+			const newColumns = new Array(columnsToAdd).fill(null).map((_, i) => ({
+				children: [editor.api.create.block()],
+				type: editor.getType(KEYS.column),
+				width: widths[currentCount + i] || `${100 / targetCount}%`
+			}));
+			editor.tf.insertNodes(newColumns, { at: insertPath });
+			widths.forEach((width, i) => {
+				editor.tf.setNodes({ width }, { at: path.concat([i]) });
+			});
+			return;
+		}
+		if (targetCount < currentCount) {
+			const keepColumnIndex = targetCount - 1;
+			const keepColumnPath = path.concat([keepColumnIndex]);
+			const keepColumnNode = NodeApi.get(editor, keepColumnPath);
+			if (!keepColumnNode) return;
+			const to = keepColumnPath.concat([keepColumnNode.children.length]);
+			for (let i = currentCount - 1; i > keepColumnIndex; i--) {
+				const columnPath = path.concat([i]);
+				const columnEntry = editor.api.node(columnPath);
+				if (!columnEntry) continue;
+				editor.tf.moveNodes({
+					at: columnEntry[1],
+					children: true,
+					to
+				});
+			}
+			for (let i = currentCount - 1; i > keepColumnIndex; i--) editor.tf.removeNodes({ at: path.concat([i]) });
+			widths.forEach((width, i) => {
+				editor.tf.setNodes({ width }, { at: path.concat([i]) });
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/lib/transforms/toggleColumnGroup.ts
+const toggleColumnGroup = (editor, { at, columns = 2, widths } = {}) => {
+	const entry = editor.api.block({ at });
+	const columnGroupEntry = editor.api.block({
+		above: true,
+		at,
+		match: { type: editor.getType(KEYS.columnGroup) }
+	});
+	if (!entry) return;
+	const [node, path] = entry;
+	if (columnGroupEntry) setColumns(editor, {
+		at: columnGroupEntry[1],
+		columns,
+		widths
+	});
+	else {
+		const columnWidths = widths || columnsToWidths({ columns });
+		const nodes = {
+			children: new Array(columns).fill(null).map((_, index) => ({
+				children: [index === 0 ? node : editor.api.create.block()],
+				type: editor.getType(KEYS.column),
+				width: columnWidths[index]
+			})),
+			type: editor.getType(KEYS.columnGroup)
+		};
+		editor.tf.replaceNodes(nodes, { at: path });
+		editor.tf.select(editor.api.start(path.concat([0])));
+	}
+};
+
+//#endregion
+export { BaseColumnItemPlugin, BaseColumnPlugin, columnsToWidths, insertColumn, insertColumnGroup, moveMiddleColumn, resizeColumn, setColumns, toggleColumnGroup, withColumn };
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["InsertNodesOptions","SlateEditor","TColumnElement","KEYS","insertColumn","editor","width","options","tf","insertNodes","children","api","create","block","type","getType","column","InsertNodesOptions","SlateEditor","TColumnGroupElement","KEYS","insertColumnGroup","editor","columns","select","selectProp","options","width","tf","withoutNormalizing","insertNodes","children","Array","fill","map","api","create","block","type","getType","column","columnGroup","entry","node","at","match","concat","NodeEntry","SlateEditor","TColumnElement","TNode","NodeApi","moveMiddleColumn","editor","node","path","N","options","direction","DESCENDANT_PATH","middleChildNode","get","isEmpty","string","middleChildPathRef","api","pathRef","concat","tf","removeNodes","at","current","firstNode","descendant","firstLast","children","length","moveNodes","to","unwrapNodes","unref","TColumnGroupElement","resizeColumn","columnGroup","columnId","newWidthPercent","widths","children","map","col","width","Number","parseFloat","totalBefore","reduce","sum","w","evenWidth","length","forEach","index","findIndex","id","totalAfter","diff","siblingIndex","Math","max","round","scale","i","toFixed","columnsToWidths","columns","Array","fill","map","At","SlateEditor","TColumnElement","TColumnGroupElement","NodeApi","KEYS","columnsToWidths","setColumns","editor","at","columns","widths","tf","withoutNormalizing","length","columnGroup","api","node","children","path","currentCount","targetCount","forEach","width","i","setNodes","concat","columnsToAdd","insertPath","newColumns","Array","fill","map","_","create","block","type","getType","column","insertNodes","keepColumnIndex","keepColumnPath","keepColumnNode","get","to","columnPath","columnEntry","moveNodes","removeNodes","ReplaceNodesOptions","SlateEditor","TElement","KEYS","columnsToWidths","setColumns","toggleColumnGroup","editor","at","columns","widths","Partial","entry","api","block","columnGroupEntry","above","match","type","getType","columnGroup","node","path","columnWidths","nodes","children","Array","fill","map","_","index","create","column","width","tf","replaceNodes","select","start","concat"],"sources":["../src/lib/transforms/insertColumn.ts","../src/lib/transforms/insertColumnGroup.ts","../src/lib/transforms/moveMiddleColumn.ts","../src/lib/transforms/resizeColumn.ts","../src/lib/utils/columnsToWidths.ts","../src/lib/transforms/setColumns.ts","../src/lib/transforms/toggleColumnGroup.ts"],"sourcesContent":["import type { InsertNodesOptions, SlateEditor, TColumnElement } from 'platejs';\n\nimport { KEYS } from 'platejs';\n\nexport const insertColumn = (\n  editor: SlateEditor,\n  { width = '33%', ...options }: { width?: string } & InsertNodesOptions = {}\n) => {\n  editor.tf.insertNodes<TColumnElement>(\n    {\n      children: [editor.api.create.block()],\n      type: editor.getType(KEYS.column) as any,\n      width,\n    },\n    options as any\n  );\n};\n","import type {\n  InsertNodesOptions,\n  SlateEditor,\n  TColumnGroupElement,\n} from 'platejs';\n\nimport { KEYS } from 'platejs';\n\nexport const insertColumnGroup = (\n  editor: SlateEditor,\n  {\n    columns = 2,\n    select: selectProp,\n    ...options\n  }: InsertNodesOptions & {\n    columns?: number;\n  } = {}\n) => {\n  const width = 100 / columns;\n\n  editor.tf.withoutNormalizing(() => {\n    editor.tf.insertNodes<TColumnGroupElement>(\n      {\n        children: new Array(columns).fill(null).map(() => ({\n          children: [editor.api.create.block()],\n          type: editor.getType(KEYS.column) as any,\n          width: `${width}%`,\n        })),\n        type: editor.getType(KEYS.columnGroup) as any,\n      },\n      options\n    );\n\n    if (selectProp) {\n      const entry = editor.api.node({\n        at: options.at,\n        match: { type: editor.getType(KEYS.column) },\n      });\n\n      if (!entry) return;\n\n      editor.tf.select(entry[1].concat([0]));\n    }\n  });\n};\n","import {\n  type NodeEntry,\n  type SlateEditor,\n  type TColumnElement,\n  type TNode,\n  NodeApi,\n} from 'platejs';\n\n/**\n * Move the middle column to the left if direction is 'left', or to the right if\n * 'right'. If the middle node is empty, return false and remove it.\n */\nexport const moveMiddleColumn = <N extends TNode>(\n  editor: SlateEditor,\n  [node, path]: NodeEntry<N>,\n  options?: {\n    direction: 'left' | 'right';\n  }\n) => {\n  const direction = options?.direction || 'left';\n\n  if (direction === 'left') {\n    const DESCENDANT_PATH = [1];\n\n    const middleChildNode = NodeApi.get<TColumnElement>(node, DESCENDANT_PATH);\n\n    if (!middleChildNode) return false;\n\n    // Check emptiness using Api.string\n    const isEmpty = NodeApi.string(middleChildNode) === '';\n\n    const middleChildPathRef = editor.api.pathRef(path.concat(DESCENDANT_PATH));\n\n    if (isEmpty) {\n      editor.tf.removeNodes({ at: middleChildPathRef.current! });\n\n      return false;\n    }\n\n    const firstNode = NodeApi.descendant<TColumnElement>(node, [0]);\n\n    if (!firstNode) return false;\n\n    const firstLast = path.concat([0, firstNode.children.length]);\n\n    editor.tf.moveNodes({ at: middleChildPathRef.current!, to: firstLast });\n    editor.tf.unwrapNodes({ at: middleChildPathRef.current! });\n    middleChildPathRef.unref();\n  }\n};\n","import type { TColumnGroupElement } from 'platejs';\n\nexport function resizeColumn(\n  columnGroup: TColumnGroupElement,\n  columnId: string,\n  newWidthPercent: number\n): TColumnGroupElement {\n  // Convert widths to numbers for easier math\n  const widths = columnGroup.children.map((col) =>\n    col.width ? Number.parseFloat(col.width) : 0\n  );\n\n  const totalBefore = widths.reduce((sum, w) => sum + w, 0);\n\n  // fallback if columns do not sum to 100: normalize them\n  if (totalBefore === 0) {\n    // distribute evenly if no widths\n    const evenWidth = 100 / columnGroup.children.length;\n    columnGroup.children.forEach((col) => {\n      col.width = `${evenWidth}%`;\n    });\n\n    return columnGroup;\n  }\n\n  const index = columnGroup.children.findIndex((col) => col.id === columnId);\n\n  if (index === -1) return columnGroup; // Column not found\n\n  // Set the new width for the target column\n  widths[index] = newWidthPercent;\n\n  // Calculate the difference from total (ideally 100)\n  let totalAfter = widths.reduce((sum, w) => sum + w, 0);\n\n  // If total is off from 100%, adjust siblings\n  // For simplicity, assume totalAfter < 100%. Add leftover to the next column.\n  // You can make this logic more balanced if needed.\n  const diff = 100 - totalAfter;\n\n  if (diff !== 0) {\n    // Find a sibling to adjust. For a simple strategy, pick the next column.\n    const siblingIndex = (index + 1) % widths.length;\n    widths[siblingIndex] = Math.max(widths[siblingIndex] + diff, 0);\n  }\n\n  // Normalize again if rounding introduced a small error\n  totalAfter = widths.reduce((sum, w) => sum + w, 0);\n\n  if (Math.round(totalAfter) !== 100) {\n    // If you want a perfectly balanced approach:\n    // Scale all widths so they sum exactly to 100\n    const scale = 100 / totalAfter;\n\n    for (let i = 0; i < widths.length; i++) {\n      widths[i] = Number.parseFloat((widths[i] * scale).toFixed(2));\n    }\n  }\n\n  // Update the column widths\n  columnGroup.children.forEach((col, i) => {\n    col.width = `${widths[i]}%`;\n  });\n\n  return columnGroup;\n}\n","export const columnsToWidths = ({ columns = 2 }: { columns?: number } = {}) =>\n  new Array(columns).fill(null).map(() => `${100 / columns}%`);\n","import {\n  type At,\n  type SlateEditor,\n  type TColumnElement,\n  type TColumnGroupElement,\n  NodeApi,\n} from 'platejs';\nimport { KEYS } from 'platejs';\n\nimport { columnsToWidths } from '../utils/columnsToWidths';\n\nexport const setColumns = (\n  editor: SlateEditor,\n  {\n    at,\n    columns,\n    widths,\n  }: {\n    /** Column group path */\n    at?: At;\n    columns?: number;\n    widths?: string[];\n  }\n) => {\n  editor.tf.withoutNormalizing(() => {\n    if (!at) return;\n\n    widths = widths ?? columnsToWidths({ columns });\n\n    // If widths is empty, do nothing.\n    if (widths.length === 0) {\n      return;\n    }\n\n    const columnGroup = editor.api.node<TColumnGroupElement>(at);\n\n    if (!columnGroup) return;\n\n    const [{ children }, path] = columnGroup;\n\n    const currentCount = children.length;\n    const targetCount = widths.length;\n\n    if (currentCount === targetCount) {\n      // Same number of columns: just set widths directly\n      widths.forEach((width, i) => {\n        editor.tf.setNodes<TColumnElement>({ width }, { at: path.concat([i]) });\n      });\n\n      return;\n    }\n    if (targetCount > currentCount) {\n      // Need more columns than we have: insert extra columns at the end\n      const columnsToAdd = targetCount - currentCount;\n      const insertPath = path.concat([currentCount]);\n\n      // Insert the extra columns\n      const newColumns = new Array(columnsToAdd).fill(null).map((_, i) => ({\n        children: [editor.api.create.block()],\n        type: editor.getType(KEYS.column),\n        width: widths![currentCount + i] || `${100 / targetCount}%`,\n      }));\n\n      editor.tf.insertNodes(newColumns, { at: insertPath });\n\n      // Just ensure final widths match exactly\n      widths.forEach((width, i) => {\n        editor.tf.setNodes<TColumnElement>({ width }, { at: path.concat([i]) });\n      });\n\n      return;\n    }\n    if (targetCount < currentCount) {\n      // Need fewer columns than we have: merge extra columns into the last kept column\n      const keepColumnIndex = targetCount - 1;\n      const keepColumnPath = path.concat([keepColumnIndex]);\n      const keepColumnNode = NodeApi.get<TColumnElement>(\n        editor,\n        keepColumnPath\n      );\n\n      if (!keepColumnNode) return;\n\n      const to = keepColumnPath.concat([keepColumnNode.children.length]);\n\n      // Move content from columns beyond keepIndex into keepIndex column\n      for (let i = currentCount - 1; i > keepColumnIndex; i--) {\n        const columnPath = path.concat([i]);\n        const columnEntry = editor.api.node<TColumnElement>(columnPath);\n\n        if (!columnEntry) continue;\n\n        editor.tf.moveNodes({\n          at: columnEntry[1],\n          children: true,\n          to,\n        });\n      }\n\n      // Remove the now-empty extra columns\n      // Removing from the end to avoid path shifts\n      for (let i = currentCount - 1; i > keepColumnIndex; i--) {\n        editor.tf.removeNodes({ at: path.concat([i]) });\n      }\n\n      // Set the final widths\n      widths.forEach((width, i) => {\n        editor.tf.setNodes<TColumnElement>({ width }, { at: path.concat([i]) });\n      });\n    }\n  });\n};\n","import type { ReplaceNodesOptions, SlateEditor, TElement } from 'platejs';\n\nimport { KEYS } from 'platejs';\n\nimport { columnsToWidths } from '../utils/columnsToWidths';\nimport { setColumns } from './setColumns';\n\nexport const toggleColumnGroup = (\n  editor: SlateEditor,\n  {\n    at,\n    columns = 2,\n    widths,\n  }: Partial<ReplaceNodesOptions> & {\n    columns?: number;\n    widths?: string[];\n  } = {}\n) => {\n  const entry = editor.api.block({ at });\n  const columnGroupEntry = editor.api.block({\n    above: true,\n    at,\n    match: { type: editor.getType(KEYS.columnGroup) },\n  });\n\n  if (!entry) return;\n\n  const [node, path] = entry;\n\n  // Check if the node is already a column_group\n  if (columnGroupEntry) {\n    // Node is already a column_group, just update the columns using setColumns\n    setColumns(editor, { at: columnGroupEntry[1], columns, widths });\n  } else {\n    // Node is not a column_group, wrap it in a column_group\n    const columnWidths = widths || columnsToWidths({ columns });\n\n    const nodes = {\n      children: new Array(columns).fill(null).map((_, index) => ({\n        children: [index === 0 ? node : editor.api.create.block()],\n        type: editor.getType(KEYS.column) as any,\n        width: columnWidths[index],\n      })),\n      type: editor.getType(KEYS.columnGroup) as any,\n    } as TElement;\n\n    editor.tf.replaceNodes(nodes, {\n      at: path,\n    });\n\n    editor.tf.select(editor.api.start(path.concat([0]))!);\n  }\n};\n"],"mappings":"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"}

package/dist/react/index.d.ts

@@ -0,0 +1,10 @@
+//#region src/react/ColumnPlugin.d.ts
+declare const ColumnItemPlugin: any;
+/** Enables support for columns with React-specific features. */
+declare const ColumnPlugin: any;
+//#endregion
+//#region src/react/hooks/useDebouncePopoverOpen.d.ts
+declare const useDebouncePopoverOpen: () => any;
+//#endregion
+export { ColumnItemPlugin, ColumnPlugin, useDebouncePopoverOpen };
+//# sourceMappingURL=index.d.ts.map

package/dist/react/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../src/react/ColumnPlugin.tsx","../../src/react/hooks/useDebouncePopoverOpen.ts"],"sourcesContent":[],"mappings":";cAIa;AAAb;AAGa,cAAA,YAEX,EAAA,GAAA;;;cCPW"}

package/dist/react/index.js

@@ -0,0 +1,30 @@
+import { n as BaseColumnPlugin, t as BaseColumnItemPlugin } from "../BaseColumnPlugin-BFM6r9Zm.js";
+import { toPlatePlugin, useEditorSelector, useReadOnly, useSelected } from "platejs/react";
+import { c } from "react-compiler-runtime";
+
+//#region src/react/ColumnPlugin.tsx
+const ColumnItemPlugin = toPlatePlugin(BaseColumnItemPlugin);
+/** Enables support for columns with React-specific features. */
+const ColumnPlugin = toPlatePlugin(BaseColumnPlugin, { plugins: [ColumnItemPlugin] });
+
+//#endregion
+//#region src/react/hooks/useDebouncePopoverOpen.ts
+const useDebouncePopoverOpen = () => {
+	const $ = c(1);
+	const readOnly = useReadOnly();
+	const selected = useSelected();
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = [];
+		$[0] = t0;
+	} else t0 = $[0];
+	const selectionCollapsed = useEditorSelector(_temp, t0);
+	return !readOnly && selected && selectionCollapsed;
+};
+function _temp(editor) {
+	return editor.api.isCollapsed();
+}
+
+//#endregion
+export { ColumnItemPlugin, ColumnPlugin, useDebouncePopoverOpen };
+//# sourceMappingURL=index.js.map

package/dist/react/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["toPlatePlugin","BaseColumnItemPlugin","BaseColumnPlugin","ColumnItemPlugin","ColumnPlugin","plugins","useEditorSelector","useReadOnly","useSelected","useDebouncePopoverOpen","$","_c","readOnly","selected","t0","Symbol","for","selectionCollapsed","_temp","editor","api","isCollapsed"],"sources":["../../src/react/ColumnPlugin.tsx","../../src/react/hooks/useDebouncePopoverOpen.ts"],"sourcesContent":["import { toPlatePlugin } from 'platejs/react';\n\nimport { BaseColumnItemPlugin, BaseColumnPlugin } from '../lib';\n\nexport const ColumnItemPlugin = toPlatePlugin(BaseColumnItemPlugin);\n\n/** Enables support for columns with React-specific features. */\nexport const ColumnPlugin = toPlatePlugin(BaseColumnPlugin, {\n  plugins: [ColumnItemPlugin],\n});\n","import { useEditorSelector, useReadOnly, useSelected } from 'platejs/react';\n\nexport const useDebouncePopoverOpen = () => {\n  const readOnly = useReadOnly();\n  const selected = useSelected();\n\n  const selectionCollapsed = useEditorSelector(\n    (editor) => editor.api.isCollapsed(),\n    []\n  );\n\n  // TODO:should add debounce\n  return !readOnly && selected && selectionCollapsed;\n};\n"],"mappings":";;;;;AAIA,MAAaG,mBAAmBH,cAAcC,qBAAqB;;AAGnE,MAAaG,eAAeJ,cAAcE,kBAAkB,EAC1DG,SAAS,CAACF,iBAAgB,EAC3B,CAAC;;;;ACPF,MAAaM,+BAAyB;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACpC,MAAAC,WAAiBL,aAAa;CAC9B,MAAAM,WAAiBL,aAAa;CAAC,IAAAM;AAAA,KAAAJ,EAAA,OAAAK,OAAAC,IAAA,4BAAA,EAAA;AAI7BF,OAAA,EAAE;AAAAJ,IAAA,KAAAI;OAAAA,MAAAJ,EAAA;CAFJ,MAAAO,qBAA2BX,kBACzBY,OACAJ,GACD;AAAC,QAGK,CAACF,YAADC,YAAAI;;AAV6B,SAAAC,MAAAC,QAAA;AAAA,QAKtBA,OAAMC,IAAIC,aAAc"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@lofcz/platejs-layout",
+  "version": "52.0.11",
+  "description": "Layout plugin for Plate",
+  "keywords": [
+    "plate",
+    "plugin",
+    "slate"
+  ],
+  "homepage": "https://platejs.org",
+  "bugs": {
+    "url": "https://github.com/udecode/plate/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/lofcz/plate.git",
+    "directory": "packages/layout"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": "./dist/index.js",
+    "./react": "./dist/react/index.js",
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist/**/*"
+  ],
+  "devDependencies": {
+    "@plate/scripts": "1.0.0"
+  },
+  "peerDependencies": {
+    "platejs": ">=52.0.11",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "module": "./dist/index.js",
+  "dependencies": {
+    "react-compiler-runtime": "^1.0.0"
+  },
+  "scripts": {
+    "brl": "plate-pkg p:brl",
+    "build": "plate-pkg p:build",
+    "build:watch": "plate-pkg p:build:watch",
+    "clean": "plate-pkg p:clean",
+    "lint": "plate-pkg p:lint",
+    "lint:fix": "plate-pkg p:lint:fix",
+    "test": "plate-pkg p:test",
+    "test:watch": "plate-pkg p:test:watch",
+    "typecheck": "plate-pkg p:typecheck"
+  }
+}