@ryuzaki13/react-foundation-ui 1.0.1 → 1.0.3

package/dist/tree/index.js

@@ -1,6 +1,6 @@
-import { cn as e, handleKeyboardActivation as t } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { createElement as i, useMemo as a } from "react";
+import { createElement as e, useMemo as t } from "react";
+import { cn as n, handleKeyboardActivation as r } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 var o = {
 	nodeItem: "yJlLGL",
 	treeContainer: "lWEMr2",
@@ -11,14 +11,14 @@ function c(e, t) {
 	return e.id ?? e.key ?? t;
 }
 function l({ node: e, level: t }) {
-	let r = e.title ?? e.text ?? e.label;
-	return typeof r == "string" || typeof r == "number" ? /* @__PURE__ */ n("div", {
+	let n = e.title ?? e.text ?? e.label;
+	return typeof n == "string" || typeof n == "number" ? /* @__PURE__ */ i("div", {
 		"aria-level": t + 1,
 		style: { display: "inline-block" },
-		children: r
-	}) : /* @__PURE__ */ n("div", {
+		children: n
+	}) : /* @__PURE__ */ i("div", {
 		"aria-level": t + 1,
-		children: JSON.stringify(r ?? e)
+		children: JSON.stringify(n ?? e)
 	});
 }
 function u(u) {
@@ -26,32 +26,32 @@ function u(u) {
 		if (typeof p == "function") return p(e);
 		let t = e[f];
 		return Array.isArray(t) ? t : void 0;
-	}, O = (a, s, c, u) => {
-		let d = D(a), f = Array.isArray(d) && d.length > 0, p = !f, v = typeof h == "function" ? h({
-			node: a,
+	}, O = (t, s, c, u) => {
+		let d = D(t), f = Array.isArray(d) && d.length > 0, p = !f, v = typeof h == "function" ? h({
+			node: t,
 			level: c,
 			hasChildren: f,
 			isLeaf: p,
 			path: u
 		}) : l({
-			node: a,
+			node: t,
 			level: c,
 			hasChildren: f,
 			isLeaf: p,
 			path: u
 		});
 		function y() {
-			let e = /* @__PURE__ */ n("div", {
+			let e = /* @__PURE__ */ i("div", {
 				className: T,
 				style: E,
 				"aria-current": p ? void 0 : !1,
 				children: v
 			});
-			return g ? /* @__PURE__ */ n("button", {
+			return g ? /* @__PURE__ */ i("button", {
 				type: "button",
-				onClick: () => g(a, u),
+				onClick: () => g(t, u),
 				onKeyDown: (e) => {
-					t(e, () => g(a, u));
+					r(e, () => g(t, u));
 				},
 				"data-ui": "tree-node-button",
 				"data-action": "select-tree-node",
@@ -63,20 +63,20 @@ function u(u) {
 					cursor: "pointer"
 				},
 				children: e
-			}) : /* @__PURE__ */ n("div", {
+			}) : /* @__PURE__ */ i("div", {
 				role: "presentation",
 				children: e
 			});
 		}
-		return /* @__PURE__ */ r("li", {
-			className: e(o.nodeItem, x),
+		return /* @__PURE__ */ a("li", {
+			className: n(o.nodeItem, x),
 			style: S,
-			children: [/* @__PURE__ */ n(y, {}), f && i(_, {
+			children: [/* @__PURE__ */ i(y, {}), f && e(_, {
 				className: C ?? o.nestedList,
 				style: w
 			}, d.map((e, t) => O(e, t, c + 1, [...u, t])))]
-		}, m(a, s, u));
-	}, k = a(() => d.map((e, t) => O(e, t, 0, [t])), [
+		}, m(t, s, u));
+	}, k = t(() => d.map((e, t) => O(e, t, 0, [t])), [
 		d,
 		f,
 		p,
@@ -91,8 +91,8 @@ function u(u) {
 		T,
 		E
 	]);
-	return i(_, {
-		className: e(v ?? o.treeContainer, b && o.nestedСounter),
+	return e(_, {
+		className: n(v ?? o.treeContainer, b && o.nestedСounter),
 		style: y
 	}, k);
 }

package/dist/tree-select/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../chunks/TreeMultiSelect-C76RYavo.js";
-import { t } from "../chunks/TreeSelect-LEhNdPCX.js";
+import { t as e } from "../chunks/TreeMultiSelect-CfQhlfnC.js";
+import { t } from "../chunks/TreeSelect-2wUXs90E.js";
 //#region src/tree-select/helpers.ts
 function n(e) {
 	return e ? { [e.codeKey]: [e.value] } : {};

package/dist/tree-select/stories/TreeMultiSelect.stories.js

@@ -1,23 +1,23 @@
-import { t as e } from "../../chunks/TreeMultiSelect-C76RYavo.js";
+import { t as e } from "../../chunks/TreeMultiSelect-CfQhlfnC.js";
 import { t } from "../../chunks/treeStoryFixtures-Bhm3Gdky.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useState as i } from "react";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/tree-select/stories/TreeMultiSelect.stories.tsx
 function a({ initialValue: a = {}, label: o = "TreeMultiSelect", description: s }) {
-	let [c, l] = i(a);
-	return /* @__PURE__ */ r("div", {
+	let [c, l] = n(a);
+	return /* @__PURE__ */ i("div", {
 		style: {
 			display: "grid",
 			gap: 12,
 			maxWidth: 520
 		},
-		children: [/* @__PURE__ */ n(e, {
+		children: [/* @__PURE__ */ r(e, {
 			label: o,
 			description: s,
 			nodes: t,
 			value: c,
 			onChange: l
-		}), /* @__PURE__ */ r("div", {
+		}), /* @__PURE__ */ i("div", {
 			style: {
 				fontSize: "var(--font-size-sm)",
 				color: "var(--content-1)"
@@ -46,11 +46,11 @@ var o = {
 		onChange: { control: !1 }
 	},
 	tags: ["autodocs"]
-}, s = { render: () => /* @__PURE__ */ n(a, { initialValue: { OWNER: ["P0001"] } }) }, c = { render: () => /* @__PURE__ */ n(a, {
+}, s = { render: () => /* @__PURE__ */ r(a, { initialValue: { OWNER: ["P0001"] } }) }, c = { render: () => /* @__PURE__ */ r(a, {
 	label: "Компрессия parent",
 	description: "Когда выбран весь subtree, наружу может уйти только родительский узел.",
 	initialValue: { REGION: ["R01"] }
-}) }, l = { render: () => /* @__PURE__ */ n(a, {
+}) }, l = { render: () => /* @__PURE__ */ r(a, {
 	label: "Смешанный выбор",
 	description: "Пример mixed frontier по соседним уровням.",
 	initialValue: {

package/dist/tree-select/stories/TreeSelect.stories.js

@@ -1,23 +1,23 @@
-import { t as e } from "../../chunks/TreeSelect-LEhNdPCX.js";
+import { t as e } from "../../chunks/TreeSelect-2wUXs90E.js";
 import { t } from "../../chunks/treeStoryFixtures-Bhm3Gdky.js";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useState as i } from "react";
+import { useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/tree-select/stories/TreeSelect.stories.tsx
 function a({ initialValue: a, label: o = "TreeSelect", description: s }) {
-	let [c, l] = i(a);
-	return /* @__PURE__ */ r("div", {
+	let [c, l] = n(a);
+	return /* @__PURE__ */ i("div", {
 		style: {
 			display: "grid",
 			gap: 12,
 			maxWidth: 520
 		},
-		children: [/* @__PURE__ */ n(e, {
+		children: [/* @__PURE__ */ r(e, {
 			label: o,
 			description: s,
 			nodes: t,
 			value: c,
 			onChange: l
-		}), /* @__PURE__ */ r("div", {
+		}), /* @__PURE__ */ i("div", {
 			style: {
 				fontSize: "var(--font-size-sm)",
 				color: "var(--content-1)"
@@ -46,10 +46,10 @@ var o = {
 		onChange: { control: !1 }
 	},
 	tags: ["autodocs"]
-}, s = { render: () => /* @__PURE__ */ n(a, { initialValue: {
+}, s = { render: () => /* @__PURE__ */ r(a, { initialValue: {
 	codeKey: "BRANCH",
 	value: "B0101"
-} }) }, c = { render: () => /* @__PURE__ */ n(a, {
+} }) }, c = { render: () => /* @__PURE__ */ r(a, {
 	label: "Выбор родителя",
 	description: "Проверка single-select сценария, когда выбирается не leaf, а промежуточный узел.",
 	initialValue: {

package/dist/tree-table/index.js

@@ -1,10 +1,10 @@
-import { a as e, c as t, d as n, i as r, m as i, n as ee, o as te, r as ne, s as re, t as ie } from "../chunks/base-table-ij2guVMB.js";
-import { cn as ae } from "@ryuzaki13/react-foundation-lib/utils";
-import { ChevronDownIcon as a, ChevronRightIcon as o } from "lucide-react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { useEffect as l, useEffectEvent as u, useMemo as d, useRef as f, useState as oe } from "react";
+import { a as e, c as t, d as n, i as r, m as i, n as ee, o as te, r as ne, s as re, t as ie } from "../chunks/base-table-CoQlKABk.js";
+import { useEffect as a, useEffectEvent as o, useMemo as s, useRef as c, useState as ae } from "react";
+import { cn as oe } from "@ryuzaki13/react-foundation-lib/utils";
 import { formatPipelineDisplayValue as se } from "@ryuzaki13/react-foundation-lib/formatters";
-import { resolveTableLength as p, useTableRowSelection as ce } from "@ryuzaki13/react-foundation-lib/table";
+import { resolveTableLength as l, useTableRowSelection as ce } from "@ryuzaki13/react-foundation-lib/table";
+import { ChevronDownIcon as u, ChevronRightIcon as d } from "lucide-react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { getCoreRowModel as m, getExpandedRowModel as le, useReactTable as ue } from "@tanstack/react-table";
 import { buildTreeTableRows as de } from "@ryuzaki13/react-foundation-lib/tree-table";
 var h = {
@@ -28,10 +28,10 @@ function v(e, t) {
 	return t.get(e.id) ?? e.original;
 }
 function fe(e, t, n, r) {
-	return e.cell.column.id === n ? /* @__PURE__ */ c("div", {
+	return e.cell.column.id === n ? /* @__PURE__ */ p("div", {
 		className: h.treeCell,
-		style: { paddingInlineStart: `calc(${e.row.depth} * ${p(r) ?? "0em"})` },
-		children: [e.row.getCanExpand() ? /* @__PURE__ */ s("button", {
+		style: { paddingInlineStart: `calc(${e.row.depth} * ${l(r) ?? "0em"})` },
+		children: [e.row.getCanExpand() ? /* @__PURE__ */ f("button", {
 			type: "button",
 			className: h.expanderButton,
 			"aria-label": e.row.getIsExpanded() ? "Свернуть строку" : "Развернуть строку",
@@ -41,18 +41,18 @@ function fe(e, t, n, r) {
 			onClick: (t) => {
 				t.stopPropagation(), e.row.toggleExpanded();
 			},
-			children: e.row.getIsExpanded() ? /* @__PURE__ */ s(a, { size: 16 }) : /* @__PURE__ */ s(o, { size: 16 })
-		}) : /* @__PURE__ */ s("span", {
+			children: e.row.getIsExpanded() ? /* @__PURE__ */ f(u, { size: 16 }) : /* @__PURE__ */ f(d, { size: 16 })
+		}) : /* @__PURE__ */ f("span", {
 			className: h.expanderSpacer,
 			"aria-hidden": "true"
-		}), /* @__PURE__ */ s("div", {
+		}), /* @__PURE__ */ f("div", {
 			className: h.treeCellContent,
 			children: t
 		})]
 	}) : t;
 }
-function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarchy: b, selectionMode: x = "none", expandFirstLevel: S = !1, defaultExpandedRowIds: C, treeColumnId: pe, indentSize: me = 1, className: he, tableClassName: ge, columnVisibility: _e, defaultColumnVisibility: ve, columnOrder: ye, defaultColumnOrder: be, columnSizing: xe, defaultColumnSizing: Se, columnPinning: w, defaultColumnPinning: T, enableColumnResizing: E = !1, enableColumnReordering: D = !1, columnResizeMinWidth: O, onColumnVisibilityChange: k, onColumnOrderChange: A, onColumnSizingChange: j, onColumnPinningChange: Ce, onRowClick: M, onRowSelectionChange: we, onExpandedRowIdsChange: Te, onReachEnd: N, getRowCanSelect: P, getRowClassName: Ee, renderHeaderContextMenu: De, renderCellContent: F }) {
-	let I = d(() => de(p ?? [], b), [p, b]), L = d(() => t(y), [y]), R = d(() => {
+function y({ title: l, isLoading: u, isFetching: d, data: p, columns: y, hierarchy: b, selectionMode: x = "none", expandFirstLevel: S = !1, defaultExpandedRowIds: C, treeColumnId: pe, indentSize: me = 1, className: he, tableClassName: ge, columnVisibility: _e, defaultColumnVisibility: ve, columnOrder: ye, defaultColumnOrder: be, columnSizing: xe, defaultColumnSizing: Se, columnPinning: w, defaultColumnPinning: T, enableColumnResizing: E = !1, enableColumnReordering: D = !1, columnResizeMinWidth: O, onColumnVisibilityChange: k, onColumnOrderChange: A, onColumnSizingChange: j, onColumnPinningChange: Ce, onRowClick: M, onRowSelectionChange: we, onExpandedRowIdsChange: Te, onReachEnd: N, getRowCanSelect: P, getRowClassName: Ee, renderHeaderContextMenu: De, renderCellContent: F }) {
+	let I = s(() => de(p ?? [], b), [p, b]), L = s(() => t(y), [y]), R = s(() => {
 		let e = new Set(C ?? []);
 		if (S) for (let t of I.rootRowIds) e.add(t);
 		return Array.from(e);
@@ -60,7 +60,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 		C,
 		S,
 		I.rootRowIds
-	]), [z, B] = oe({}), V = f(!1), H = f(null), U = f(null), { rowSelection: Oe, activateRowSelection: ke } = ce({
+	]), [z, B] = ae({}), V = c(!1), H = c(null), U = c(null), { rowSelection: Oe, activateRowSelection: ke } = ce({
 		availableRowIds: I.allRowIds,
 		rowById: I.rowById,
 		selectionMode: x,
@@ -82,7 +82,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 		columnPinning: w,
 		defaultColumnPinning: T,
 		onColumnPinningChange: Ce
-	}), Y = d(() => ({
+	}), Y = s(() => ({
 		columnOrder: G,
 		columnPinning: q,
 		columnSizing: K,
@@ -92,7 +92,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 		q,
 		K,
 		W
-	]), Ne = u((e, t) => {
+	]), Ne = o((e, t) => {
 		if (e.length === 0) {
 			V.current = !1, B({});
 			return;
@@ -102,17 +102,17 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 			let r = _(e).filter((e) => n.has(e));
 			return V.current ? g(r) : (V.current = !0, g(Array.from(/* @__PURE__ */ new Set([...r, ...t.filter((e) => n.has(e))]))));
 		});
-	}), Pe = u((e) => {
+	}), Pe = o((e) => {
 		Te?.(_(e));
-	}), Fe = u(() => {
+	}), Fe = o(() => {
 		N?.();
 	});
-	l(() => {
+	a(() => {
 		Ne(I.allRowIds, R);
-	}, [R, I.allRowIds]), l(() => {
+	}, [R, I.allRowIds]), a(() => {
 		Pe(z);
-	}, [z]), l(() => {
-		if (!N || !H.current || !U.current || o) return;
+	}, [z]), a(() => {
+		if (!N || !H.current || !U.current || u) return;
 		let e = new IntersectionObserver((e) => {
 			e[0]?.isIntersecting && Fe();
 		}, {
@@ -121,7 +121,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 		});
 		return e.observe(U.current), () => e.disconnect();
 	}, [
-		o,
+		u,
 		N,
 		I.rows.length
 	]);
@@ -151,7 +151,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 			let t = v(e, I.rowById);
 			return P ? P(t) : !0;
 		}
-	}), Z = i(X, Y), Q = pe ?? Z[0]?.id, $ = X.getRowModel().rows, Ie = d(() => re({
+	}), Z = i(X, Y), Q = pe ?? Z[0]?.id, $ = X.getRowModel().rows, Ie = s(() => re({
 		rows: $,
 		columns: Z,
 		resolveRowBoundaryKey: (e) => e.depth,
@@ -161,12 +161,12 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 		Z,
 		Q
 	]);
-	return /* @__PURE__ */ s(ee, {
+	return /* @__PURE__ */ f(ee, {
 		table: X,
 		columnState: Y,
-		title: a,
-		isLoading: o,
-		isFetching: c,
+		title: l,
+		isLoading: u,
+		isFetching: d,
 		className: he,
 		tableClassName: ge,
 		selectionMode: x,
@@ -181,7 +181,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 			let t = v(e, I.rowById);
 			return Ee?.(t);
 		},
-		getCellClassName: ({ row: e, cell: t }) => ae(t.column.id === Q && h.treeColumnCell, t.column.id === Q && e.getIsSelected() && h.selectedIndicatorCell),
+		getCellClassName: ({ row: e, cell: t }) => oe(t.column.id === Q && h.treeColumnCell, t.column.id === Q && e.getIsSelected() && h.selectedIndicatorCell),
 		getCellLayout: ({ cell: e }) => Ie.get(e.id),
 		renderHeaderContextMenu: De,
 		enableColumnResizing: E,
@@ -197,7 +197,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 				columnId: e.cell.column.id,
 				runtimeByColumnId: L.runtimeByColumnId,
 				customCellColumnIds: L.customCellColumnIds
-			}) ? /* @__PURE__ */ s(ie, {
+			}) ? /* @__PURE__ */ f(ie, {
 				displayValue: r,
 				align: e.columnMeta?.align
 			}) : e.defaultContent;
@@ -207,7 +207,7 @@ function y({ title: a, isLoading: o, isFetching: c, data: p, columns: y, hierarc
 				displayValue: r
 			}) : i, Q, me);
 		},
-		afterTableContent: N ? /* @__PURE__ */ s("div", {
+		afterTableContent: N ? /* @__PURE__ */ f("div", {
 			ref: U,
 			className: h.sentinel,
 			"aria-hidden": "true"

package/dist/wheel-picker/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/wheel-picker-DUHGy7wE.js";
+import { t as e } from "../chunks/wheel-picker-FS58cRsQ.js";
 export { e as WheelPicker };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ryuzaki13/react-foundation-ui",
-	"version": "1.0.1",
+	"version": "1.0.3",
 	"description": "Reusable React foundation UI primitives and Storybook stories.",
 	"license": "MIT",
 	"author": "Ryuzaki13",
@@ -65,6 +65,10 @@
 			"types": "./dist/badge/index.d.ts",
 			"import": "./dist/badge/index.js"
 		},
+		"./advanced-search": {
+			"types": "./dist/advanced-search/index.d.ts",
+			"import": "./dist/advanced-search/index.js"
+		},
 		"./base-table": {
 			"types": "./dist/base-table/index.d.ts",
 			"import": "./dist/base-table/index.js"
@@ -504,6 +508,9 @@
 			"types": [
 				"dist/types.d.ts"
 			],
+			"advanced-search": [
+				"dist/advanced-search/index.d.ts"
+			],
 			"badge": [
 				"dist/badge/index.d.ts"
 			],
@@ -966,6 +973,8 @@
 		"@storybook/addon-a11y": "^10.4.6",
 		"@storybook/addon-docs": "^10.4.6",
 		"@storybook/react-vite": "^10.4.6",
+		"@tanstack/query-broadcast-client-experimental": "^5.101.2",
+		"@tanstack/query-persist-client-core": "^5.101.2",
 		"@tanstack/react-query": "^5.101.1",
 		"@tanstack/react-router": "^1.170.17",
 		"@tanstack/react-table": "^8.21.3",
@@ -984,6 +993,7 @@
 		"eslint-plugin-react-hooks": "^7.1.1",
 		"eslint-plugin-react-refresh": "^0.5.3",
 		"globals": "^17.7.0",
+		"immer": "^11.1.11",
 		"jiti": "^2.7.0",
 		"jsdom": "^29.1.1",
 		"lexical": "^0.46.0",