@ryuzaki13/react-foundation-ui 1.7.0 → 1.8.0

package/README.md

@@ -563,6 +563,42 @@ npm run serve-storybook
 npm run pack:dry-run
 ```
 
+## Зависимые OData-сегменты
+
+`ODataDependentMultiSelect` принимает один `ODataDependentBaseProps`, сам разворачивает его `segments` и отображает готовую группу. `ODataDependentSegmentMultiSelect` и `ODataDependentSegmentSelect` работают с одним уже развёрнутым `ODataDependentSegmentItem`: этот уровень нужен композициям, которые объединяют несколько сервисов, сортируют сегменты по metadata-chain или накладывают пользовательский порядок.
+
+Общее состояние для single- и multi-select хранит `useODataDependentSelection` из отдельного entrypoint `@ryuzaki13/react-foundation-ui/odata-dependent`. Формат намеренно всегда массивный — `Record<string, string[]>`, поэтому один снимок без адаптеров передаётся в `dependencies` обоих OData-контролов.
+
+```tsx
+import { flattenODataDependentServices } from "@ryuzaki13/react-foundation-api/odata";
+import { useODataDependentSelection } from "@ryuzaki13/react-foundation-ui/odata-dependent";
+import { ODataDependentSegmentSelect } from "@ryuzaki13/react-foundation-ui/select";
+
+const items = flattenODataDependentServices([serviceConfig]);
+const segmentOrder = items.map((item) => item.id);
+
+export function SequentialFilters() {
+	const selection = useODataDependentSelection({
+		selectionMode: "sequential",
+		segmentOrder
+	});
+
+	return items.map((item) => (
+		<ODataDependentSegmentSelect
+			key={`${item.serviceKey}.${item.id}`}
+			item={item}
+			values={selection.values}
+			onChange={selection.updateValues}
+			selectionMode="sequential"
+			segmentOrder={segmentOrder}
+			clearable
+		/>
+	));
+}
+```
+
+В режиме `sequential` первый сегмент доступен сразу, а каждый следующий — только после заполнения всего предыдущего пути. Изменение любого уровня сбрасывает значения всех последующих уровней из переданного `segmentOrder`. Для segment-level композиции все контролы должны получать общий `values`/`onChange` от одного экземпляра hook; отдельные uncontrolled-экземпляры не могут разделять состояние между соседними React-компонентами. Если фактический порядок приходит из OData metadata, передавайте результат `sortODataDependentSegmentItemsByChains`, а не полагайтесь на порядок ключей объекта.
+
 ## Зависимости
 
 UI-пакет напрямую опирается на `@ryuzaki13/react-foundation-lib`.

package/dist/advanced-search/index.js

@@ -7,7 +7,7 @@ import { a as s, i as c, n as l, r as u } from "../chunks/modal-DLRYn-Lr.js";
 import { n as d, t as f } from "../chunks/badge-DMM8cOHd.js";
 import { d as p, f as m } from "../chunks/input-CCdBtl-C.js";
 import { t as h } from "../chunks/input-search-Ca8iqeK2.js";
-import { n as g } from "../chunks/multi-select-Bs1GU5MD.js";
+import { n as g } from "../chunks/multi-select-Clsst6DE.js";
 import { t as _ } from "../chunks/table-RO4dfMAj.js";
 import { useCallback as v, useMemo as y, useState as b } from "react";
 import { odataQueryFn as x, useODataTableColumns as S } from "@ryuzaki13/react-foundation-api/odata";

package/dist/chunks/{multi-select-Bs1GU5MD.js → multi-select-Clsst6DE.js}

@@ -4,52 +4,53 @@ import { t as n } from "./check-box-sfGjYczQ.js";
 import { a as r, c as i, d as a, f as o, i as s, l as c, n as l, p as u, r as d, t as f, u as p } from "./picker-CrRdwdA5.js";
 import { t as ee } from "./separator-B72Aq-6a.js";
 import { n as m, r as h, t as g } from "./useODataSelectBase-Bq36Wp1U.js";
-import { forwardRef as _, useCallback as te, useMemo as v, useRef as ne, useState as y } from "react";
-import { flattenODataDependentServices as re, useODataCollectionModel as ie } from "@ryuzaki13/react-foundation-api/odata";
+import { t as _ } from "./odata-dependent-C_DCbKY2.js";
+import { forwardRef as te, useCallback as ne, useMemo as v, useRef as re, useState as ie } from "react";
+import { flattenODataDependentServices as y, useODataCollectionModel as b } from "@ryuzaki13/react-foundation-api/odata";
 import { cn as ae } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as oe, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { Fragment as oe, jsx as x, jsxs as S } from "react/jsx-runtime";
 import { XIcon as se } from "lucide-react";
 import { formatRussianPlural as ce } from "@ryuzaki13/react-foundation-lib/formatters";
 //#region src/multi-select/ui/MultiSelectOption.tsx
 function le({ item: e, textKey: t, codeKey: n, highlight: r }) {
-	return /* @__PURE__ */ b(h, {
+	return /* @__PURE__ */ x(h, {
 		label: e[t],
 		code: n && e[n],
 		highlight: r
 	});
 }
-var S = {
+var C = {
 	multiSelect: "_9oSdQi",
 	multiSelectTokens: "iobHig",
 	multiSelectToken: "yatXso"
 };
 //#endregion
 //#region src/multi-select/ui/MultiSelectToken.tsx
-function C({ value: e }) {
-	return e ? /* @__PURE__ */ b("div", {
-		className: S.multiSelectTokens,
-		children: /* @__PURE__ */ b("div", {
-			className: S.multiSelectToken,
+function w({ value: e }) {
+	return e ? /* @__PURE__ */ x("div", {
+		className: C.multiSelectTokens,
+		children: /* @__PURE__ */ x("div", {
+			className: C.multiSelectToken,
 			children: e
 		})
 	}) : null;
 }
 //#endregion
 //#region src/multi-select/ui/defaultRenderers.tsx
-var w = {
+var ue = {
 	one: "элемент",
 	few: "элемента",
 	many: "элементов"
 };
 function T(e) {
-	return ce(e, w);
+	return ce(e, ue);
 }
 function E(e, t, n) {
 	if (n) return n;
 	let r = e[0];
 	return r ? Object.keys(r).find((e) => e !== t) ?? t : t;
 }
-function ue(e, t, n) {
+function D(e, t, n) {
 	if (e.length === 0) return;
 	if (e.length > 1) return T(e.length);
 	let r = E(e, t, n);
@@ -57,18 +58,18 @@ function ue(e, t, n) {
 }
 function de(e) {
 	return function(t) {
-		return /* @__PURE__ */ b(C, { value: ue(t.selectedItems, e.codeKey, e.textKey) });
+		return /* @__PURE__ */ x(w, { value: D(t.selectedItems, e.codeKey, e.textKey) });
 	};
 }
 function fe(e) {
-	return /* @__PURE__ */ b(a, {
+	return /* @__PURE__ */ x(a, {
 		onSelectAll: e.selectAll,
 		onDeselectAll: e.deselectAll
 	});
 }
 function pe(e) {
 	return function(t, n) {
-		return /* @__PURE__ */ b(le, {
+		return /* @__PURE__ */ x(le, {
 			item: t,
 			selected: n.selected,
 			highlight: n.highlightQuery,
@@ -79,10 +80,10 @@ function pe(e) {
 }
 //#endregion
 //#region src/multi-select/ui/MultiSelectOptionSkeleton.tsx
-function D({ text: n, isError: r }) {
-	return /* @__PURE__ */ x("div", {
+function O({ text: n, isError: r }) {
+	return /* @__PURE__ */ S("div", {
 		className: e.uiPopupOption,
-		children: [/* @__PURE__ */ b("span", { className: e.uiPopupOptionIcon }), /* @__PURE__ */ b(t, {
+		children: [/* @__PURE__ */ x("span", { className: e.uiPopupOptionIcon }), /* @__PURE__ */ x(t, {
 			color: r ? "error" : "primary",
 			children: n
 		})]
@@ -91,13 +92,13 @@ function D({ text: n, isError: r }) {
 //#endregion
 //#region src/multi-select/ui/MultiSelect.tsx
 function me({ isNoData: e, error: t, children: n }) {
-	return e ? /* @__PURE__ */ b(p, { emptyState: /* @__PURE__ */ b(D, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ b(p, { errorState: /* @__PURE__ */ b(D, {
+	return e ? /* @__PURE__ */ x(p, { emptyState: /* @__PURE__ */ x(O, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ x(p, { errorState: /* @__PURE__ */ x(O, {
 		isError: !0,
 		text: "Ошибка загрузки"
-	}) }) : /* @__PURE__ */ b(oe, { children: n });
+	}) }) : /* @__PURE__ */ x(oe, { children: n });
 }
 var he = [];
-function O(e, t) {
+function k(e, t) {
 	return e[t];
 }
 function ge(e, t, n) {
@@ -109,13 +110,13 @@ function ge(e, t, n) {
 }
 function _e(e, t, n) {
 	if (e.length !== t.length) return !1;
-	let r = new Set(t.map((e) => O(e, n)));
-	return e.every((e) => r.has(O(e, n)));
+	let r = new Set(t.map((e) => k(e, n)));
+	return e.every((e) => r.has(k(e, n)));
 }
 function ve({ entries: t, listId: r, activeIndex: i, selectedKeys: a, codeKey: o, query: s, highlightQuery: c, getOptionDisabled: l, getOptionId: u, setOptionRef: d, toggleOption: f, selectOnlyOption: p, renderItem: ee }) {
 	return t.map(({ item: t, index: m }) => {
-		let h = m === i, g = a.has(O(t, o)), _ = l?.(t) ?? !1;
-		return /* @__PURE__ */ x("div", {
+		let h = m === i, g = a.has(k(t, o)), _ = l?.(t) ?? !1;
+		return /* @__PURE__ */ S("div", {
 			id: u(r, m),
 			ref: (e) => d(m, e),
 			role: "option",
@@ -125,11 +126,11 @@ function ve({ entries: t, listId: r, activeIndex: i, selectedKeys: a, codeKey: o
 			onMouseDown: (e) => {
 				e.preventDefault();
 			},
-			children: [/* @__PURE__ */ b("div", {
+			children: [/* @__PURE__ */ x("div", {
 				onClick: (e) => {
 					e.stopPropagation();
 				},
-				children: /* @__PURE__ */ b(n, {
+				children: /* @__PURE__ */ x(n, {
 					value: g,
 					disabled: _,
 					onChange: () => {
@@ -142,7 +143,7 @@ function ve({ entries: t, listId: r, activeIndex: i, selectedKeys: a, codeKey: o
 						e.stopPropagation();
 					}
 				})
-			}), /* @__PURE__ */ b("div", {
+			}), /* @__PURE__ */ x("div", {
 				className: "overflowHidden",
 				onClick: () => {
 					_ || p(t);
@@ -155,11 +156,11 @@ function ve({ entries: t, listId: r, activeIndex: i, selectedKeys: a, codeKey: o
 					highlightQuery: c
 				})
 			})]
-		}, `${O(t, o)}-${m}`);
+		}, `${k(t, o)}-${m}`);
 	});
 }
-var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange: h, label: g, description: _, placeholder: re, size: ie, query: ae, defaultQuery: ce, highlightQuery: le, onQuery: C, defaultFilter: w = !0, onOpen: T, onClose: ue, getOptionDisabled: D, disabled: k, error: A, isLoading: j, renderToken: M, renderToolbar: N, renderItem: P }, F) => {
-	let I = ne(null), [L, ye] = y(!1), R = "search-multi", z = m ?? he, be = v(() => new Set(z.map((e) => O(e, t))), [t, z]), xe = v(() => p.filter((e) => !be.has(O(e, t))), [
+var A = te(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange: h, label: g, description: _, placeholder: te, size: y, query: b, defaultQuery: ae, highlightQuery: ce, onQuery: le, defaultFilter: w = !0, onOpen: ue, onClose: T, getOptionDisabled: D, disabled: O, error: A, isLoading: j, renderToken: M, renderToolbar: N, renderItem: P }, F) => {
+	let I = re(null), [L, ye] = ie(!1), R = "search-multi", z = m ?? he, be = v(() => new Set(z.map((e) => k(e, t))), [t, z]), xe = v(() => p.filter((e) => !be.has(k(e, t))), [
 		t,
 		be,
 		p
@@ -169,9 +170,9 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 		p,
 		n
 	]), { query: V, setQuery: Se, resetQueryOnClose: Ce } = d({
-		query: ae,
-		defaultQuery: ce,
-		onQuery: C,
+		query: b,
+		defaultQuery: ae,
+		onQuery: le,
 		triggerMode: R
 	}), we = (e) => {
 		L && !e && Ce && Se(""), ye(e);
@@ -189,10 +190,10 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 		value: z,
 		open: L,
 		onCommit: h,
-		onOpen: T,
-		onClose: ue,
+		onOpen: ue,
+		onClose: T,
 		isEqual: (e, n) => _e(e, n, t)
-	}), q = v(() => new Set(G.map((e) => O(e, t))), [t, G]), De = v(() => ({
+	}), q = v(() => new Set(G.map((e) => k(e, t))), [t, G]), De = v(() => ({
 		selectedItems: G,
 		committedSelectedItems: z,
 		selectedKeys: q,
@@ -202,20 +203,20 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 		G,
 		L,
 		q
-	]), J = te((e) => D?.(e, De) ?? !1, [D, De]), { activeIndex: Y, context: Oe, floatingStyles: ke, getFloatingProps: Ae, setReference: je, setFloating: Me, setOptionRef: Ne, close: Pe, openList: Fe, toggleOpen: Ie, selectActiveOption: Le, handleReferenceKeyDown: Re, handleFloatingKeyDown: ze, getOptionId: Be, getActiveOptionId: Ve } = s({
+	]), J = ne((e) => D?.(e, De) ?? !1, [D, De]), { activeIndex: Y, context: Oe, floatingStyles: ke, getFloatingProps: Ae, setReference: je, setFloating: Me, setOptionRef: Ne, close: Pe, openList: Fe, toggleOpen: Ie, selectActiveOption: Le, handleReferenceKeyDown: Re, handleFloatingKeyDown: ze, getOptionId: Be, getActiveOptionId: Ve } = s({
 		options: W,
 		selectedIndex: Te,
 		open: L,
 		onOpenChange: we,
 		onSelect: void 0,
-		disabled: k,
+		disabled: O,
 		getOptionDisabled: J,
 		closeOnSelect: !1,
 		allowOpenWithoutOptions: !0,
 		triggerMode: R
-	}), He = le ?? V, X = (e) => {
-		let n = O(e, t);
-		K((r) => r.some((e) => O(e, t) === n) ? r.filter((e) => O(e, t) !== n) : J(e) ? r : [...r, e]);
+	}), He = ce ?? V, X = (e) => {
+		let n = k(e, t);
+		K((r) => r.some((e) => k(e, t) === n) ? r.filter((e) => k(e, t) !== n) : J(e) ? r : [...r, e]);
 	}, Ue = (e) => {
 		if (I.current = e, typeof F == "function") {
 			F(e);
@@ -226,9 +227,9 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 		K([]), L || h([]);
 	}, Ge = () => {
 		K((e) => {
-			let n = [...e], r = new Set(e.map((e) => O(e, t)));
+			let n = [...e], r = new Set(e.map((e) => k(e, t)));
 			for (let e of W) {
-				let i = O(e, t);
+				let i = k(e, t);
 				!r.has(i) && !J(e) && (r.add(i), n.push(e));
 			}
 			return n;
@@ -237,7 +238,7 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 		K([]);
 	}, qe = (e) => {
 		J(e) || (K([e]), Pe());
-	}, Je = L ? G : z, Z = Je.length > 0, Ye = {
+	}, Je = L ? G : z, Ye = Je.length > 0, Z = {
 		selectedItems: Je,
 		committedSelectedItems: z,
 		availableItems: U,
@@ -253,7 +254,7 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 		codeKey: t,
 		textKey: B,
 		hideCode: a
-	}), $e = typeof Xe == "function" ? Xe(Ye) : null, et = typeof Ze == "function" ? Ze(Ye) : null, Q = H.map((e, t) => ({
+	}), $e = typeof Xe == "function" ? Xe(Z) : null, et = typeof Ze == "function" ? Ze(Z) : null, Q = H.map((e, t) => ({
 		item: e,
 		index: t
 	})), tt = U.map((e, t) => ({
@@ -273,15 +274,15 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 			L || Ee();
 		}
 	});
-	return /* @__PURE__ */ b(u, {
+	return /* @__PURE__ */ x(u, {
 		label: g,
 		description: _,
-		disabled: k,
-		size: ie,
-		className: S.multiSelect,
+		disabled: O,
+		size: y,
+		className: C.multiSelect,
 		children: ({ controlId: n, labelId: r, describedBy: a }) => {
 			let s = `${n}-listbox`;
-			return /* @__PURE__ */ x(oe, { children: [/* @__PURE__ */ b(i, {
+			return /* @__PURE__ */ S(oe, { children: [/* @__PURE__ */ x(i, {
 				ref: Ue,
 				rootRef: je,
 				id: n,
@@ -289,9 +290,9 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 				role: "combobox",
 				autoComplete: "off",
 				isLoading: j,
-				disabled: k,
+				disabled: O,
 				value: V,
-				placeholder: Z ? void 0 : `${re ?? g ?? "Выберите значения"} <${p.length}>`,
+				placeholder: Ye ? void 0 : `${te ?? g ?? "Выберите значения"} <${p.length}>`,
 				"aria-labelledby": r,
 				"aria-describedby": a,
 				"aria-haspopup": "listbox",
@@ -300,20 +301,20 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 				"aria-autocomplete": "list",
 				"aria-activedescendant": L ? Ve(s) : void 0,
 				rootClassName: "flex alignItemsCenter",
-				endAdornment: /* @__PURE__ */ b(c, {
+				endAdornment: /* @__PURE__ */ x(c, {
 					open: L,
-					disabled: k,
+					disabled: O,
 					onToggleMouseDown: $.handleToggleMouseDown,
 					onToggleClick: $.handleToggleClick,
-					children: /* @__PURE__ */ b("button", {
+					children: /* @__PURE__ */ x("button", {
 						type: "button",
-						disabled: !Z,
+						disabled: !Ye,
 						className: e.uiClearButton,
 						"data-ui": "multi-select-clear-button",
 						"data-action": "clear-multi-select",
 						onClick: We,
 						"aria-label": "Очистить все",
-						children: /* @__PURE__ */ b(se, {})
+						children: /* @__PURE__ */ x(se, {})
 					})
 				}),
 				overlay: $e,
@@ -341,7 +342,7 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 						suppressClosedArrowUp: !0
 					});
 				}
-			}), /* @__PURE__ */ b(o, {
+			}), /* @__PURE__ */ x(o, {
 				open: L,
 				context: Oe,
 				floatingStyles: ke,
@@ -357,13 +358,13 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 				tabIndex: -1,
 				className: e.uiPopupOptions,
 				header: et,
-				children: /* @__PURE__ */ b(me, {
+				children: /* @__PURE__ */ x(me, {
 					isNoData: nt,
 					error: A,
-					children: /* @__PURE__ */ x("div", {
+					children: /* @__PURE__ */ S("div", {
 						className: "scrollable h100",
 						children: [
-							/* @__PURE__ */ b(ve, {
+							/* @__PURE__ */ x(ve, {
 								entries: Q,
 								listId: s,
 								activeIndex: Y,
@@ -378,8 +379,8 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 								selectOnlyOption: qe,
 								renderItem: Qe
 							}),
-							Q.length > 0 && xe.length > 0 && /* @__PURE__ */ b(ee, { className: "marginBlockSm" }),
-							/* @__PURE__ */ b(ve, {
+							Q.length > 0 && xe.length > 0 && /* @__PURE__ */ x(ee, { className: "marginBlockSm" }),
+							/* @__PURE__ */ x(ve, {
 								entries: tt,
 								listId: s,
 								activeIndex: Y,
@@ -401,10 +402,10 @@ var k = _(({ codeKey: t, textKey: n, hideCode: a, items: p, value: m, onChange:
 		}
 	});
 });
-k.displayName = "MultiSelect";
+A.displayName = "MultiSelect";
 //#endregion
 //#region src/multi-select/model/useODataMultiSelect.ts
-function A({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
+function j({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
 	let o = m({
 		odata: e,
 		segment: t,
@@ -421,16 +422,16 @@ function A({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange
 }
 //#endregion
 //#region src/multi-select/ui/ODataMultiSelect.tsx
-var j = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a, value: o, dependencies: s, onChange: c, size: l }) => {
-	let u = A({
+var M = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a, value: o, dependencies: s, onChange: c, size: l }) => {
+	let u = j({
 		odata: e,
 		segment: t,
-		model: ie(n),
+		model: b(n),
 		value: o,
 		dependencies: s,
 		onChange: c
 	});
-	return /* @__PURE__ */ b(k, {
+	return /* @__PURE__ */ x(A, {
 		label: r,
 		description: i,
 		size: l,
@@ -449,65 +450,75 @@ var j = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a
 		placeholder: u.placeholder,
 		error: u.isError ? "Ошибка загрузки" : void 0
 	});
-}, M = ({ item: e, values: t, onChange: n, width: r = 15 }) => {
-	let [i, a] = y({}), o = t ?? i, s = `calc(${r}em + var(--width-add))`, c = te((r) => {
-		let i = {
-			...o,
-			[e.id]: r
-		};
-		t || a(i), n?.(i);
-	}, [
-		e.id,
-		n,
-		o,
-		t
-	]);
-	return /* @__PURE__ */ b("div", {
+};
+//#endregion
+//#region src/multi-select/ui/ODataDependentSegmentMultiSelect.tsx
+function N(e) {
+	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15 } = e, s = _(e), { updateSegment: c } = s, l = `calc(${o}em + var(--width-add))`, u = ne((e) => {
+		c(t.id, e);
+	}, [t.id, c]);
+	return /* @__PURE__ */ x("div", {
 		style: {
-			maxWidth: s,
-			minWidth: s
+			maxWidth: l,
+			minWidth: l
 		},
-		children: /* @__PURE__ */ b(j, {
-			odata: e.odata,
-			segment: e.segment,
-			model: e.model,
-			dependencies: o,
-			value: o[e.id],
-			onChange: c
+		children: /* @__PURE__ */ x(M, {
+			odata: t.odata,
+			segment: t.segment,
+			model: t.model,
+			dependencies: s.values,
+			value: s.values[t.id],
+			onChange: u,
+			disabled: n || s.isSegmentDisabled(t.id),
+			label: r,
+			description: i,
+			size: a
 		})
 	});
-}, N = ({ width: e = 15, odata: t, segments: n, model: r, values: i, onChange: a }) => {
-	let [o, s] = y({}), c = i ?? o;
-	return re([{
-		odata: t,
-		segments: n,
-		model: r
-	}]).map((t) => /* @__PURE__ */ b(M, {
-		item: t,
-		values: c,
-		onChange: (e) => {
-			i || s(e), a?.(e);
-		},
-		width: e
-	}, t.id));
-};
+}
+//#endregion
+//#region src/multi-select/ui/ODataDependentMultiSelect.tsx
+function P(e) {
+	let { width: t = 15, odata: n, segments: r, model: i, values: a, defaultValues: o, onChange: s, selectionMode: c, segmentOrder: l } = e, u = _({
+		values: a,
+		defaultValues: o,
+		onChange: s
+	}), d = c === "sequential" ? {
+		selectionMode: "sequential",
+		segmentOrder: l
+	} : {
+		selectionMode: c,
+		segmentOrder: l
+	};
+	return y([{
+		odata: n,
+		segments: r,
+		model: i
+	}]).map((e) => /* @__PURE__ */ x(N, {
+		item: e,
+		values: u.values,
+		onChange: u.updateValues,
+		...d,
+		width: t
+	}, e.id));
+}
 //#endregion
 //#region src/multi-select/ui/SerializableMultiSelect.tsx
-function P(e, t) {
+function F(e, t) {
 	return e[t];
 }
-function F(e, t, n) {
+function I(e, t, n) {
 	let r = e[t];
 	if (typeof r == "string") return r;
-	let i = P(e, n);
+	let i = F(e, n);
 	return typeof i == "string" ? i : String(i);
 }
-function I({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u }) {
+function L({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u }) {
 	let d = a.map((e) => ({
-		key: String(P(e, c)),
-		text: F(e, l, c)
+		key: String(F(e, c)),
+		text: I(e, l, c)
 	})), f = new Set((o ?? []).map((e) => String(e))), p = d.filter((e) => f.has(e.key));
-	return /* @__PURE__ */ b(k, {
+	return /* @__PURE__ */ x(A, {
 		label: e,
 		description: t,
 		disabled: n,
@@ -522,6 +533,6 @@ function I({ label: e, description: t, disabled: n, placeholder: r, size: i, opt
 	});
 }
 //#endregion
-export { k as a, j as i, N as n, T as o, M as r, C as s, I as t };
+export { A as a, M as i, P as n, T as o, N as r, w as s, L as t };
 
-//# sourceMappingURL=multi-select-Bs1GU5MD.js.map
+//# sourceMappingURL=multi-select-Clsst6DE.js.map