@ryuzaki13/react-foundation-ui 3.4.2 → 3.5.0

package/dist/table-editor/index.js

@@ -1,9 +1,9 @@
-import { n as e } from "../chunks/button-DF21yxVp.js";
-import { n as t, o as n } from "../chunks/input-DSPKgiCK.js";
-import { t as r } from "../chunks/check-box-CZyhzmR0.js";
-import { t as i } from "../chunks/dialog-1Z1zCNCe.js";
-import { useId as a, useMemo as o, useRef as s, useState as c } from "react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { n as e } from "../chunks/button-D7GAU2Wa.js";
+import { n as t, o as n } from "../chunks/input-CuRK9Vbz.js";
+import { t as r } from "../chunks/check-box-D_Y6iIWv.js";
+import { t as i } from "../chunks/dialog-BcQGVNbu.js";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useId as c, useMemo as l, useRef as u, useState as d } from "react";
 import { cellSpanningFeature as f, tableFeatures as p, useTable as m } from "@tanstack/react-table";
 import { assertTableDocument as h, deleteTableDocumentAxisGroup as g, expandTableDocumentRange as _, getTableDocumentAxisGroups as v, getTableDocumentCellRange as y, insertTableDocumentAxis as b, mergeTableDocumentCells as x, moveTableDocumentAxisGroup as S, splitTableDocumentCell as C, updateTableDocumentCell as w } from "@ryuzaki13/react-foundation-lib/table-document";
 import { uuidv4 as T } from "@ryuzaki13/react-foundation-lib/crypto";
@@ -18,7 +18,7 @@ var E = {
 	structure: "tuhyZe"
 }, D = p({ cellSpanningFeature: f });
 function O(e) {
-	let t = o(() => [...e.rows], [e]), n = o(() => e.columns.map((t, n) => ({
+	let t = l(() => [...e.rows], [e]), n = l(() => e.columns.map((t, n) => ({
 		id: t.id,
 		accessorFn: (t, r) => {
 			let i = y(e, {
@@ -46,40 +46,40 @@ function O(e) {
 //#endregion
 //#region src/table-editor/ui/TableEditorGrid.tsx
 function k({ editor: e, extendSelection: t, disabled: n, renderCell: r, getCellText: i }) {
-	let o = a(), c = s(/* @__PURE__ */ new Map()), f = O(e.document), { document: p, selection: m, focus: h } = e;
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("p", {
-		id: o,
+	let l = c(), d = u(/* @__PURE__ */ new Map()), f = O(e.document), { document: p, selection: m, focus: h } = e;
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o("p", {
+		id: l,
 		className: E.help,
 		children: "Стрелки — переход между ячейками. Shift + стрелки или Shift + щелчок — выделение диапазона. Содержимое выбранной ячейки редактируется под таблицей."
-	}), /* @__PURE__ */ u("div", {
+	}), /* @__PURE__ */ o("div", {
 		className: E.scroll,
-		children: /* @__PURE__ */ d("table", {
+		children: /* @__PURE__ */ s("table", {
 			role: "grid",
 			"aria-label": p.caption || "Редактор таблицы",
-			"aria-describedby": o,
+			"aria-describedby": l,
 			"aria-multiselectable": "true",
 			"aria-disabled": n || void 0,
 			className: E.table,
-			children: [/* @__PURE__ */ u("colgroup", { children: p.columns.map((e) => /* @__PURE__ */ u("col", { style: { width: e.width ?? 180 } }, e.id)) }), /* @__PURE__ */ u("tbody", { children: f.getRowModel().rows.map((a) => /* @__PURE__ */ u("tr", {
+			children: [/* @__PURE__ */ o("colgroup", { children: p.columns.map((e) => /* @__PURE__ */ o("col", { style: { width: e.width ?? 180 } }, e.id)) }), /* @__PURE__ */ o("tbody", { children: f.getRowModel().rows.map((a) => /* @__PURE__ */ o("tr", {
 				"aria-rowindex": a.index + 1,
 				"data-header": a.index < p.headerRowCount || void 0,
-				children: a.getAllCells().map((o, s) => {
-					if (o.getIsCovered()) return null;
-					let l = a.index >= m.row && a.index < m.row + m.rowSpan && s >= m.column && s < m.column + m.columnSpan, f = {
+				children: a.getAllCells().map((c, l) => {
+					if (c.getIsCovered()) return null;
+					let u = a.index >= m.row && a.index < m.row + m.rowSpan && l >= m.column && l < m.column + m.columnSpan, f = {
 						row: a.index,
-						column: s
-					}, g = a.original.cells[s], _ = a.index < p.headerRowCount ? "th" : "td";
-					return /* @__PURE__ */ d(_, {
+						column: l
+					}, g = a.original.cells[l], _ = a.index < p.headerRowCount ? "th" : "td";
+					return /* @__PURE__ */ s(_, {
 						role: a.index < p.headerRowCount ? "columnheader" : "gridcell",
 						ref: (e) => {
-							e ? c.current.set(g.id, e) : c.current.delete(g.id);
+							e ? d.current.set(g.id, e) : d.current.delete(g.id);
 						},
-						rowSpan: o.getRowSpan(),
-						colSpan: o.getColSpan(),
-						"aria-colindex": s + 1,
-						"aria-label": `Строка ${a.index + 1}, столбец ${s + 1}: ${i(g) || "Пустая ячейка"}`,
-						"aria-selected": l,
-						tabIndex: !n && h.row === a.index && h.column === s ? 0 : -1,
+						rowSpan: c.getRowSpan(),
+						colSpan: c.getColSpan(),
+						"aria-colindex": l + 1,
+						"aria-label": `Строка ${a.index + 1}, столбец ${l + 1}: ${i(g) || "Пустая ячейка"}`,
+						"aria-selected": u,
+						tabIndex: !n && h.row === a.index && h.column === l ? 0 : -1,
 						onClick: (r) => {
 							n || e.select(f, t || r.shiftKey);
 						},
@@ -93,19 +93,19 @@ function k({ editor: e, extendSelection: t, disabled: n, renderCell: r, getCellT
 								case "ArrowRight":
 									r = {
 										...f,
-										column: s + o.getColSpan()
+										column: l + c.getColSpan()
 									};
 									break;
 								case "ArrowLeft":
 									r = {
 										...f,
-										column: s - 1
+										column: l - 1
 									};
 									break;
 								case "ArrowDown":
 									r = {
 										...f,
-										row: a.index + o.getRowSpan()
+										row: a.index + c.getRowSpan()
 									};
 									break;
 								case "ArrowUp":
@@ -133,17 +133,17 @@ function k({ editor: e, extendSelection: t, disabled: n, renderCell: r, getCellT
 							}
 							if (t.preventDefault(), r.row < 0 || r.column < 0 || r.row >= p.rows.length || r.column >= p.columns.length) return;
 							let i = y(p, r);
-							e.select(r, t.shiftKey), c.current.get(p.rows[i.row].cells[i.column].id)?.focus();
+							e.select(r, t.shiftKey), d.current.get(p.rows[i.row].cells[i.column].id)?.focus();
 						},
-						children: [a.index < p.headerRowCount ? /* @__PURE__ */ u("span", {
+						children: [a.index < p.headerRowCount ? /* @__PURE__ */ o("span", {
 							className: "visuallyHidden",
 							children: i(g) || "Пустой заголовок"
-						}) : null, /* @__PURE__ */ u("div", {
+						}) : null, /* @__PURE__ */ o("div", {
 							inert: !0,
 							className: E.cellContent,
 							children: r(g)
 						})]
-					}, o.id);
+					}, c.id);
 				})
 			}, a.id)) })]
 		})
@@ -152,45 +152,45 @@ function k({ editor: e, extendSelection: t, disabled: n, renderCell: r, getCellT
 //#endregion
 //#region src/table-editor/ui/TableEditorStructure.tsx
 function A({ editor: t, createEmptyValue: n, disabled: r }) {
-	let [a, o] = c(null), { document: s, focus: f } = t, p = a ? v(s, a).find((e) => f[a] >= e.start && f[a] < e.start + e.count) : null;
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("details", {
+	let [c, l] = d(null), { document: u, focus: f } = t, p = c ? v(u, c).find((e) => f[c] >= e.start && f[c] < e.start + e.count) : null;
+	return /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ s("details", {
 		className: E.structure,
 		children: [
-			/* @__PURE__ */ u("summary", { children: "Строки и столбцы" }),
-			["row", "column"].map((i) => /* @__PURE__ */ d("div", {
+			/* @__PURE__ */ o("summary", { children: "Строки и столбцы" }),
+			["row", "column"].map((i) => /* @__PURE__ */ s("div", {
 				className: E.toolbar,
 				role: "group",
 				"aria-label": i === "row" ? "Строки" : "Столбцы",
 				children: [
-					/* @__PURE__ */ u("strong", { children: i === "row" ? "Строка" : "Столбец" }),
-					[0, 1].map((a) => /* @__PURE__ */ d(e, {
+					/* @__PURE__ */ o("strong", { children: i === "row" ? "Строка" : "Столбец" }),
+					[0, 1].map((a) => /* @__PURE__ */ s(e, {
 						disabled: r,
 						onClick: () => {
-							let e = Array.from({ length: i === "row" ? s.columns.length : s.rows.length }, () => ({
+							let e = Array.from({ length: i === "row" ? u.columns.length : u.rows.length }, () => ({
 								id: T(),
 								value: n()
 							})), r = T();
-							t.execute((t) => b(t, i, f[i] + a, r, e, f.row < s.headerRowCount ? "header" : "body"));
+							t.execute((t) => b(t, i, f[i] + a, r, e, f.row < u.headerRowCount ? "header" : "body"));
 						},
 						children: ["Вставить ", a ? "после" : "перед"]
 					}, a)),
-					[-1, 1].map((n) => /* @__PURE__ */ d(e, {
+					[-1, 1].map((n) => /* @__PURE__ */ s(e, {
 						disabled: r,
 						onClick: () => t.execute((e) => S(e, i, f[i], n)),
 						children: ["Переместить ", i === "row" ? n === -1 ? "выше" : "ниже" : n === -1 ? "левее" : "правее"]
 					}, n)),
-					/* @__PURE__ */ d(e, {
+					/* @__PURE__ */ s(e, {
 						tone: "error",
 						disabled: r,
-						onClick: () => o(i),
+						onClick: () => l(i),
 						children: ["Удалить ", i === "row" ? "строку" : "столбец"]
 					})
 				]
 			}, i)),
-			/* @__PURE__ */ u(e, {
+			/* @__PURE__ */ o(e, {
 				disabled: r,
 				onClick: () => {
-					let e = s.columns.map(() => ({
+					let e = u.columns.map(() => ({
 						id: T(),
 						value: n()
 					})), r = T();
@@ -199,21 +199,21 @@ function A({ editor: t, createEmptyValue: n, disabled: r }) {
 				children: "Добавить строку заголовка"
 			})
 		]
-	}), /* @__PURE__ */ u(i, {
-		open: !!a,
-		onClose: () => o(null),
+	}), /* @__PURE__ */ o(i, {
+		open: !!c,
+		onClose: () => l(null),
 		title: "Удалить часть таблицы?",
-		description: `Будет удалено ${p?.count ?? 0} ${a === "row" ? "строк" : "столбцов"}, включая скрытое объединением содержимое. Объединённая группа удаляется целиком. До сохранения действие можно отменить.`,
-		children: /* @__PURE__ */ d("div", {
+		description: `Будет удалено ${p?.count ?? 0} ${c === "row" ? "строк" : "столбцов"}, включая скрытое объединением содержимое. Объединённая группа удаляется целиком. До сохранения действие можно отменить.`,
+		children: /* @__PURE__ */ s("div", {
 			className: E.toolbar,
-			children: [/* @__PURE__ */ u(e, {
-				onClick: () => o(null),
+			children: [/* @__PURE__ */ o(e, {
+				onClick: () => l(null),
 				children: "Не удалять"
-			}), /* @__PURE__ */ u(e, {
+			}), /* @__PURE__ */ o(e, {
 				tone: "error",
 				disabled: r,
 				onClick: () => {
-					a && t.execute((e) => g(e, a, f[a])), o(null);
+					c && t.execute((e) => g(e, c, f[c])), l(null);
 				},
 				children: "Удалить группу"
 			})]
@@ -223,48 +223,48 @@ function A({ editor: t, createEmptyValue: n, disabled: r }) {
 //#endregion
 //#region src/table-editor/ui/TableEditorToolbar.tsx
 function j({ editor: t, disabled: n, extendSelection: i, onExtendSelectionChange: a }) {
-	let { document: o, selection: s } = t, c = {
-		row: s.row + s.rowSpan - 1,
-		column: s.column + s.columnSpan - 1
-	}, l = s.rowSpan * s.columnSpan === 1, f = s.row < o.headerRowCount && c.row >= o.headerRowCount, p = o.merges.find((e) => e.row === s.row && e.column === s.column && e.rowSpan === s.rowSpan && e.columnSpan === s.columnSpan);
-	return /* @__PURE__ */ d("div", {
+	let { document: c, selection: l } = t, u = {
+		row: l.row + l.rowSpan - 1,
+		column: l.column + l.columnSpan - 1
+	}, d = l.rowSpan * l.columnSpan === 1, f = l.row < c.headerRowCount && u.row >= c.headerRowCount, p = c.merges.find((e) => e.row === l.row && e.column === l.column && e.rowSpan === l.rowSpan && e.columnSpan === l.columnSpan);
+	return /* @__PURE__ */ s("div", {
 		className: E.toolbar,
 		role: "group",
 		"aria-label": "История и объединение",
 		children: [
-			/* @__PURE__ */ u(e, {
+			/* @__PURE__ */ o(e, {
 				disabled: n || !t.canUndo,
 				onClick: t.undo,
 				children: "Отменить"
 			}),
-			/* @__PURE__ */ u(e, {
+			/* @__PURE__ */ o(e, {
 				disabled: n || !t.canRedo,
 				onClick: t.redo,
 				children: "Повторить"
 			}),
-			/* @__PURE__ */ u(e, {
-				disabled: n || l || f || !!p,
-				onClick: () => t.execute((e) => x(e, s, c)),
+			/* @__PURE__ */ o(e, {
+				disabled: n || d || f || !!p,
+				onClick: () => t.execute((e) => x(e, l, u)),
 				children: "Объединить ячейки"
 			}),
-			/* @__PURE__ */ u(e, {
+			/* @__PURE__ */ o(e, {
 				disabled: n || !p,
-				onClick: () => t.execute((e) => C(e, s)),
+				onClick: () => t.execute((e) => C(e, l)),
 				children: "Разъединить ячейки"
 			}),
-			/* @__PURE__ */ u(r, {
+			/* @__PURE__ */ o(r, {
 				label: "Выделять диапазон",
 				value: i,
 				disabled: n,
 				onChange: a
 			}),
-			/* @__PURE__ */ d("span", {
+			/* @__PURE__ */ s("span", {
 				role: "status",
 				children: [
 					"Выделение: ",
-					s.rowSpan,
+					l.rowSpan,
 					" × ",
-					s.columnSpan,
+					l.columnSpan,
 					". Шаг ",
 					t.historyPosition,
 					" из ",
@@ -272,93 +272,93 @@ function j({ editor: t, disabled: n, extendSelection: i, onExtendSelectionChange
 					"."
 				]
 			}),
-			f ? /* @__PURE__ */ u("p", { children: "Заголовок и основную часть нельзя объединить в одну ячейку." }) : null
+			f ? /* @__PURE__ */ o("p", { children: "Заголовок и основную часть нельзя объединить в одну ячейку." }) : null
 		]
 	});
 }
 //#endregion
 //#region src/table-editor/ui/TableEditor.tsx
-function M({ editor: e, renderCell: i, getCellText: a, renderValueEditor: o, createEmptyValue: s, disabled: l = !1 }) {
-	let [f, p] = c(!1), { document: m, focus: h } = e, g = m.rows[h.row].cells[h.column];
-	return /* @__PURE__ */ d("section", {
+function M({ editor: e, renderCell: i, getCellText: a, renderValueEditor: c, createEmptyValue: l, disabled: u = !1 }) {
+	let [f, p] = d(!1), { document: m, focus: h } = e, g = m.rows[h.row].cells[h.column];
+	return /* @__PURE__ */ s("section", {
 		className: E.editor,
 		"aria-label": "Конструктор таблицы",
 		children: [
-			/* @__PURE__ */ u(t, {
+			/* @__PURE__ */ o(t, {
 				label: "Название таблицы",
 				value: m.caption,
-				disabled: l,
+				disabled: u,
 				onChange: (t) => e.change({
 					...m,
 					caption: t ?? ""
 				})
 			}),
-			/* @__PURE__ */ u(j, {
+			/* @__PURE__ */ o(j, {
 				editor: e,
-				disabled: l,
+				disabled: u,
 				extendSelection: f,
 				onExtendSelectionChange: p
 			}),
-			e.error ? /* @__PURE__ */ u("p", {
+			e.error ? /* @__PURE__ */ o("p", {
 				role: "alert",
 				children: e.error
 			}) : null,
-			/* @__PURE__ */ u(k, {
+			/* @__PURE__ */ o(k, {
 				editor: e,
-				disabled: l,
+				disabled: u,
 				renderCell: i,
 				getCellText: a,
 				extendSelection: f
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ s("div", {
 				className: E.inspector,
 				children: [
-					/* @__PURE__ */ d("strong", { children: [
+					/* @__PURE__ */ s("strong", { children: [
 						"Ячейка: строка ",
 						h.row + 1,
 						", столбец ",
 						h.column + 1
 					] }),
-					o({
+					c({
 						cell: g,
-						disabled: l,
+						disabled: u,
 						onChange: (t) => e.change(w(m, h, t))
 					}),
-					e.selection.rowSpan * e.selection.columnSpan > 1 ? /* @__PURE__ */ u("p", { children: "При объединении показывается верхняя левая ячейка. Остальное содержимое сохранится и снова появится после разъединения." }) : null
+					e.selection.rowSpan * e.selection.columnSpan > 1 ? /* @__PURE__ */ o("p", { children: "При объединении показывается верхняя левая ячейка. Остальное содержимое сохранится и снова появится после разъединения." }) : null
 				]
 			}),
-			/* @__PURE__ */ u(A, {
+			/* @__PURE__ */ o(A, {
 				editor: e,
-				disabled: l,
-				createEmptyValue: s
+				disabled: u,
+				createEmptyValue: l
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ s("div", {
 				className: E.toolbar,
 				children: [
-					/* @__PURE__ */ u(r, {
+					/* @__PURE__ */ o(r, {
 						label: "Скрыть заголовки при публикации",
 						value: m.hideHeaders,
-						disabled: l,
+						disabled: u,
 						onChange: (t) => e.change({
 							...m,
 							hideHeaders: t
 						})
 					}),
-					/* @__PURE__ */ u(r, {
+					/* @__PURE__ */ o(r, {
 						label: "Показывать номера строк",
 						value: m.showRowNumbers,
-						disabled: l,
+						disabled: u,
 						onChange: (t) => e.change({
 							...m,
 							showRowNumbers: t
 						})
 					}),
-					/* @__PURE__ */ u(n, {
+					/* @__PURE__ */ o(n, {
 						label: "Ширина выбранного столбца, px",
 						value: m.columns[h.column].width ?? void 0,
 						min: 40,
 						max: 1600,
-						disabled: l,
+						disabled: u,
 						onChange: (t) => {
 							t !== void 0 && (t < 40 || t > 1600) || e.change({
 								...m,
@@ -377,7 +377,7 @@ function M({ editor: e, renderCell: i, getCellText: a, renderValueEditor: o, cre
 //#endregion
 //#region src/table-editor/model/useTableEditor.ts
 function N(e) {
-	let [t, n] = c(() => (h(e), {
+	let [t, n] = d(() => (h(e), {
 		documents: [e],
 		index: 0,
 		anchor: {

package/dist/table-sorting/index.js

@@ -1,6 +1,6 @@
-import { n as e } from "../chunks/context-menu-DgvXGCuI.js";
-import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
-import { BrushCleaningIcon as i, SortAscIcon as a, SortDescIcon as o } from "lucide-react";
+import { n as e } from "../chunks/context-menu-BQePxRpu.js";
+import { BrushCleaningIcon as t, SortAscIcon as n, SortDescIcon as r } from "lucide-react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 //#region src/table-sorting/TableSortingControls.tsx
 var s = {
 	asc: "По возрастанию",
@@ -8,10 +8,10 @@ var s = {
 	clear: "Сбросить"
 };
 function c({ direction: e, order: t, className: i }) {
-	return e ? /* @__PURE__ */ r("span", {
+	return e ? /* @__PURE__ */ o("span", {
 		className: i,
 		"aria-hidden": !0,
-		children: [n(e === "desc" ? o : a, {}), typeof t == "number" ? /* @__PURE__ */ n("span", {
+		children: [a(e === "desc" ? r : n, {}), typeof t == "number" ? /* @__PURE__ */ a("span", {
 			className: "fontSizeXs",
 			children: t
 		}) : null]
@@ -22,20 +22,20 @@ function l({ onSelect: c, labels: l }) {
 		...s,
 		...l
 	};
-	return /* @__PURE__ */ r(t, { children: [
-		/* @__PURE__ */ n(e.GroupLabel, { children: "Сортировка" }),
-		/* @__PURE__ */ n(e.Item, {
-			icon: /* @__PURE__ */ n(a, {}),
+	return /* @__PURE__ */ o(i, { children: [
+		/* @__PURE__ */ a(e.GroupLabel, { children: "Сортировка" }),
+		/* @__PURE__ */ a(e.Item, {
+			icon: /* @__PURE__ */ a(n, {}),
 			onSelect: () => c("asc"),
 			children: u.asc
 		}),
-		/* @__PURE__ */ n(e.Item, {
-			icon: /* @__PURE__ */ n(o, {}),
+		/* @__PURE__ */ a(e.Item, {
+			icon: /* @__PURE__ */ a(r, {}),
 			onSelect: () => c("desc"),
 			children: u.desc
 		}),
-		/* @__PURE__ */ n(e.Item, {
-			icon: /* @__PURE__ */ n(i, {}),
+		/* @__PURE__ */ a(e.Item, {
+			icon: /* @__PURE__ */ a(t, {}),
 			onSelect: () => c("clear"),
 			children: u.clear
 		})