@ryuzaki13/react-foundation-ui 3.4.3 → 3.5.0

package/dist/listbox/index.js

@@ -1,9 +1,9 @@
-import { CustomOptionButton as e, Option as t, OptionButton as n } from "../option/index.js";
-import { h as r, v as i } from "../chunks/picker-lvm82d0A.js";
-import { useEffect as a, useLayoutEffect as o, useMemo as s, useRef as c, useState as l } from "react";
-import { findFirstEnabledIndex as u, findLastEnabledIndex as d, findNextEnabledIndex as f, handleKeyboardActivation as p } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as m } from "react/jsx-runtime";
-import { CheckIcon as h } from "lucide-react";
+import { h as e, v as t } from "../chunks/picker-BA6okKnz.js";
+import { CustomOptionButton as n, Option as r, OptionButton as i } from "../option/index.js";
+import { findFirstEnabledIndex as a, findLastEnabledIndex as o, findNextEnabledIndex as s, handleKeyboardActivation as c } from "@ryuzaki13/react-foundation-lib/utils";
+import { CheckIcon as l } from "lucide-react";
+import { jsx as u } from "react/jsx-runtime";
+import { useEffect as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 //#region src/listbox/Listbox.tsx
 var g = (e) => e.disabled === !0;
 function _(e, t, n) {
@@ -12,16 +12,16 @@ function _(e, t, n) {
 			let n = e.findIndex((e) => t.includes(e.value) && !e.disabled);
 			if (n >= 0) return n;
 		}
-		return u(e, g);
+		return a(e, g);
 	}
 	if (t !== void 0) {
 		let n = e.findIndex((e) => e.value === t && !e.disabled);
 		if (n >= 0) return n;
 	}
-	return u(e, g);
+	return a(e, g);
 }
 function v(v) {
-	let { value: y, defaultValue: b, multiple: x, label: S, description: C, disabled: w, size: T, focusOnMount: E, renderItem: D, getKey: O, options: k, onChange: A, id: j, ...M } = v, N = y !== void 0, [P, F] = l(b), I = c(null), [L, R] = l(() => _(k, y ?? b, x)), z = c(!1), B = s(() => (N ? y : P) ?? (x ? [] : null), [
+	let { value: y, defaultValue: b, multiple: x, label: S, description: C, disabled: w, size: T, focusOnMount: E, renderItem: D, getKey: O, options: k, onChange: A, id: j, ...M } = v, N = y !== void 0, [P, F] = h(b), I = m(null), [L, R] = h(() => _(k, y ?? b, x)), z = m(!1), B = p(() => (N ? y : P) ?? (x ? [] : null), [
 		P,
 		N,
 		x,
@@ -37,35 +37,35 @@ function v(v) {
 		}
 	}, U = (e) => {
 		if (!w) {
-			if (e.key === "ArrowDown") e.preventDefault(), z.current = !0, R((e) => f(k, e, 1, g));
-			else if (e.key === "ArrowUp") e.preventDefault(), z.current = !0, R((e) => f(k, e, -1, g));
-			else if (e.key === "Home") e.preventDefault(), z.current = !0, R(u(k, g));
-			else if (e.key === "End") e.preventDefault(), z.current = !0, R(d(k, g));
-			else if (p(e, () => {
+			if (e.key === "ArrowDown") e.preventDefault(), z.current = !0, R((e) => s(k, e, 1, g));
+			else if (e.key === "ArrowUp") e.preventDefault(), z.current = !0, R((e) => s(k, e, -1, g));
+			else if (e.key === "Home") e.preventDefault(), z.current = !0, R(a(k, g));
+			else if (e.key === "End") e.preventDefault(), z.current = !0, R(o(k, g));
+			else if (c(e, () => {
 				let e = k[V];
 				e && H(e);
 			})) return;
 		}
 	};
-	return a(() => {
+	return d(() => {
 		if (!z.current) return;
 		z.current = !1;
 		let e = I.current?.querySelectorAll("[role=\"option\"]")[V];
 		e && e.scrollIntoView({ block: "nearest" });
-	}, [V]), o(() => {
+	}, [V]), f(() => {
 		E && I.current?.focus();
-	}, [E]), /* @__PURE__ */ m(i, {
+	}, [E]), /* @__PURE__ */ u(t, {
 		id: j,
 		label: S,
 		description: C,
 		disabled: w,
 		size: T,
-		children: ({ controlId: i, labelId: a, describedBy: o }) => /* @__PURE__ */ m(r, {
+		children: ({ controlId: t, labelId: a, describedBy: o }) => /* @__PURE__ */ u(e, {
 			rootRef: I,
-			id: i,
+			id: t,
 			role: "listbox",
 			"aria-multiselectable": x || void 0,
-			"aria-activedescendant": V >= 0 ? `${i}-option-${V}` : void 0,
+			"aria-activedescendant": V >= 0 ? `${t}-option-${V}` : void 0,
 			onKeyDown: U,
 			...M,
 			"aria-labelledby": a ?? M["aria-labelledby"],
@@ -73,31 +73,31 @@ function v(v) {
 			"aria-disabled": w || void 0,
 			tabIndex: w ? -1 : 0,
 			className: M.className,
-			children: k.map((r, a) => {
-				let o = x ? Array.isArray(B) && B.includes(r.value) : B === r.value, s = a === V, c = w || r.disabled || void 0, l = (e) => {
-					e.preventDefault(), !c && (R(a), H(r));
+			children: k.map((e, a) => {
+				let o = x ? Array.isArray(B) && B.includes(e.value) : B === e.value, s = a === V, c = w || e.disabled || void 0, d = (t) => {
+					t.preventDefault(), !c && (R(a), H(e));
 				};
-				return /* @__PURE__ */ m(t, {
-					id: `${i}-option-${a}`,
+				return /* @__PURE__ */ u(r, {
+					id: `${t}-option-${a}`,
 					role: "option",
 					"aria-selected": o,
 					"aria-disabled": c,
 					disabled: c,
 					active: s,
 					selected: o,
-					children: D ? /* @__PURE__ */ m(e, {
+					children: D ? /* @__PURE__ */ u(n, {
 						tabIndex: -1,
 						disabled: c,
-						onMouseDown: l,
-						children: D(r, o, s)
-					}) : /* @__PURE__ */ m(n, {
+						onMouseDown: d,
+						children: D(e, o, s)
+					}) : /* @__PURE__ */ u(i, {
 						tabIndex: -1,
 						disabled: c,
-						onMouseDown: l,
-						icon: m(o ? h : "span", {}),
-						text: r.label ?? String(r.value)
+						onMouseDown: d,
+						icon: u(o ? l : "span", {}),
+						text: e.label ?? String(e.value)
 					})
-				}, O ? O(r, a) : a);
+				}, O ? O(e, a) : a);
 			})
 		})
 	});

package/dist/misc/index.js

@@ -1,2 +1,2 @@
-import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-DeGboAt-.js";
+import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-CGQOXXCy.js";
 export { n as AnimatedLogo, y as AnimatedLogoSegment, v as CopyTextWrapper, d as ErrorIcon, e as IconWrapper, m as InformationIcon, u as LazyDynamicComponent, a as LazyValue, s as LoadingMessage, o as Message, i as NoData, _ as Notice, l as OneStepScroller, c as RenderStateIcon, r as Scrollable, p as SkeletonLine, t as StateIcon, g as StateWrapper, f as SuccessIcon, h as WarningIcon };

package/dist/modal/index.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-dplfAaER.js";
+import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-febBsMyR.js";
 export { n as Modal, i as ModalContent, t as ModalFooter, r as ModalManagerContext, o as ModalManagerProvider, e as ModalToolbar, a as useModalManager };

package/dist/multi-select/index.js

@@ -1,2 +1,466 @@
-import { a as e, i as t, n, r, t as i } from "../chunks/multi-select-BZ9N6Dal.js";
-export { e as MultiSelect, n as ODataDependentMultiSelect, r as ODataDependentSegmentMultiSelect, t as ODataMultiSelect, i as SerializableMultiSelect };
+import { Text as e } from "../text/index.js";
+import { t } from "../chunks/ui.module-oRwY3Zli.js";
+import { a as n, f as r, i, n as a, r as o, s, t as c, u as l, v as u } from "../chunks/picker-BA6okKnz.js";
+import { t as d } from "../chunks/separator-CIqnk2z9.js";
+import { Option as f, OptionButton as p } from "../option/index.js";
+import { t as m } from "../chunks/check-box-D_Y6iIWv.js";
+import { t as h } from "../chunks/odata-dependent-C_DCbKY2.js";
+import { n as g, t as _ } from "../chunks/useODataSelectBase-DwR4Lfv-.js";
+import { i as v, n as y, t as b } from "../chunks/defaultRenderers-u_Vep6Pj.js";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { forwardRef as ee, useCallback as te, useMemo as w, useRef as ne, useState as re } from "react";
+import { flattenODataDependentServices as ie, useODataCollectionModel as T } from "@ryuzaki13/react-foundation-api/odata";
+var ae = {
+	multiSelect: "_9oSdQi",
+	optionCheckBox: "d9SDKQ"
+};
+//#endregion
+//#region src/multi-select/ui/MultiSelectOptionSkeleton.tsx
+function E({ text: n, isError: r }) {
+	return /* @__PURE__ */ C("div", {
+		className: t.uiPopupOption,
+		children: [/* @__PURE__ */ S("span", { className: t.uiPopupOptionIcon }), /* @__PURE__ */ S(e, {
+			color: r ? "error" : "primary",
+			children: n
+		})]
+	});
+}
+//#endregion
+//#region src/multi-select/ui/MultiSelect.tsx
+function oe({ isNoData: e, error: t, children: n }) {
+	return e ? /* @__PURE__ */ S(l, { emptyState: /* @__PURE__ */ S(E, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ S(l, { errorState: /* @__PURE__ */ S(E, {
+		isError: !0,
+		text: "Ошибка загрузки"
+	}) }) : /* @__PURE__ */ S(x, { children: n });
+}
+var se = [];
+function D(e, t) {
+	return e[t];
+}
+function ce(e, t, n) {
+	return Array.from(/* @__PURE__ */ new Set([
+		e[n],
+		e[t],
+		...Object.values(e)
+	]));
+}
+function le(e, t, n) {
+	if (e.length !== t.length) return !1;
+	let r = new Set(t.map((e) => D(e, n)));
+	return e.every((e) => r.has(D(e, n)));
+}
+function ue({ entries: e, listId: t, activeIndex: n, selectedKeys: r, codeKey: i, query: a, highlightQuery: o, getOptionDisabled: s, getOptionId: c, setOptionRef: l, toggleOption: u, selectOnlyOption: d, renderItem: h }) {
+	return e.map(({ item: e, index: g }) => {
+		let _ = g === n, v = D(e, i), y = r.has(v), b = s?.(e) ?? !1, x = h(e, {
+			selected: y,
+			active: _,
+			disabled: b,
+			query: a,
+			highlightQuery: o
+		});
+		return /* @__PURE__ */ C(f, {
+			id: c(t, g),
+			ref: (e) => l(g, e),
+			role: "option",
+			"aria-selected": y,
+			"aria-disabled": b || void 0,
+			selected: y,
+			active: _,
+			disabled: b,
+			children: [/* @__PURE__ */ S("div", {
+				className: ae.optionCheckBox,
+				onMouseDown: (e) => e.stopPropagation(),
+				onClick: (e) => e.stopPropagation(),
+				children: /* @__PURE__ */ S(m, {
+					value: y,
+					disabled: b,
+					"aria-label": `Выбрать ${o ?? v}`,
+					onChange: () => u(e)
+				})
+			}), /* @__PURE__ */ S(p, {
+				tabIndex: -1,
+				disabled: b,
+				text: x.text,
+				code: x.code,
+				searchText: o,
+				onMouseDown: (e) => e.preventDefault(),
+				onClick: () => d(e)
+			})]
+		}, `${v}-${g}`);
+	});
+}
+var O = ee(({ codeKey: e, textKey: t, hideCode: l, items: f, value: p, onChange: m, label: h, description: g, placeholder: _, size: ee, query: ie, defaultQuery: T, highlightQuery: E, onQuery: O, defaultFilter: k = !0, onOpen: A, onClose: j, getOptionDisabled: M, disabled: N, error: P, isLoading: F, renderToken: de, renderToolbar: I, renderItem: fe }, L) => {
+	let pe = ne(null), [R, me] = re(!1), z = "search-multi", B = p ?? se, he = w(() => new Set(B.map((t) => D(t, e))), [e, B]), ge = w(() => f.filter((t) => !he.has(D(t, e))), [
+		e,
+		he,
+		f
+	]), V = w(() => v([...B, ...f], e, t), [
+		e,
+		B,
+		f,
+		t
+	]), { query: H, setQuery: _e, resetQueryOnClose: ve } = o({
+		query: ie,
+		defaultQuery: T,
+		onQuery: O,
+		triggerMode: z
+	}), ye = (e) => {
+		R && !e && ve && _e(""), me(e);
+	}, U = n({
+		options: B,
+		query: H,
+		enabled: k,
+		getSearchText: (t) => ce(t, e, V)
+	}), W = n({
+		options: ge,
+		query: H,
+		enabled: k,
+		getSearchText: (t) => ce(t, e, V)
+	}), G = w(() => [...U, ...W], [W, U]), be = U.length > 0 ? 0 : -1, { draftValue: K, setDraftValue: q, prepareOpen: xe } = a({
+		value: B,
+		open: R,
+		onCommit: m,
+		onOpen: A,
+		onClose: j,
+		isEqual: (t, n) => le(t, n, e)
+	}), J = w(() => new Set(K.map((t) => D(t, e))), [e, K]), Se = w(() => ({
+		selectedItems: K,
+		committedSelectedItems: B,
+		selectedKeys: J,
+		open: R
+	}), [
+		B,
+		K,
+		R,
+		J
+	]), Y = te((e) => M?.(e, Se) ?? !1, [M, Se]), { activeIndex: X, context: Ce, floatingStyles: we, getFloatingProps: Te, setReference: Ee, setFloating: De, setOptionRef: Oe, close: ke, openList: Ae, toggleOpen: je, selectActiveOption: Me, handleReferenceKeyDown: Ne, handleFloatingKeyDown: Pe, getOptionId: Fe, getActiveOptionId: Ie } = i({
+		options: G,
+		selectedIndex: be,
+		open: R,
+		onOpenChange: ye,
+		onSelect: void 0,
+		disabled: N,
+		getOptionDisabled: Y,
+		closeOnSelect: !1,
+		allowOpenWithoutOptions: !0,
+		triggerMode: z
+	}), Le = E ?? H, Z = (t) => {
+		let n = D(t, e);
+		q((r) => r.some((t) => D(t, e) === n) ? r.filter((t) => D(t, e) !== n) : Y(t) ? r : [...r, t]);
+	}, Re = (e) => {
+		if (pe.current = e, typeof L == "function") {
+			L(e);
+			return;
+		}
+		L && (L.current = e);
+	}, ze = () => {
+		q([]), R || m([]);
+	}, Be = () => {
+		q((t) => {
+			let n = [...t], r = new Set(t.map((t) => D(t, e)));
+			for (let t of G) {
+				let i = D(t, e);
+				!r.has(i) && !Y(t) && (r.add(i), n.push(t));
+			}
+			return n;
+		});
+	}, Ve = () => {
+		q([]);
+	}, He = (e) => {
+		Y(e) || (q([e]), ke());
+	}, Ue = R ? K : B, We = Ue.length > 0, Ge = {
+		selectedItems: Ue,
+		committedSelectedItems: B,
+		availableItems: W,
+		query: H,
+		open: R,
+		clearSelection: ze,
+		selectAll: Be,
+		deselectAll: Ve
+	}, Ke = de === void 0 ? y({
+		codeKey: e,
+		textKey: V
+	}) : de, qe = fe ?? b({
+		codeKey: e,
+		textKey: V,
+		hideCode: l
+	}), Je = typeof Ke == "function" ? Ke(Ge) : null, Ye = typeof I == "function" ? I(Ge) : I, Q = U.map((e, t) => ({
+		item: e,
+		index: t
+	})), Xe = W.map((e, t) => ({
+		item: e,
+		index: t + Q.length
+	})), Ze = !F && !P && G.length === 0, $ = c({
+		mode: z,
+		open: R,
+		currentQuery: H,
+		hasDisplayValue: !1,
+		inputRef: pe,
+		setQuery: _e,
+		openList: Ae,
+		close: ke,
+		toggleOpen: je,
+		onBeforeOpen: () => {
+			R || xe();
+		}
+	});
+	return /* @__PURE__ */ S(u, {
+		label: h,
+		description: g,
+		disabled: N,
+		size: ee,
+		className: ae.multiSelect,
+		children: ({ controlId: t, labelId: n, describedBy: i }) => {
+			let a = `${t}-listbox`;
+			return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(s, {
+				ref: Re,
+				rootRef: Ee,
+				id: t,
+				type: "text",
+				role: "combobox",
+				autoComplete: "off",
+				isLoading: F,
+				disabled: N,
+				open: R,
+				optionCount: f.length,
+				label: h,
+				placeholder: _,
+				placeholderFallback: "Выберите значения",
+				value: H,
+				selectedValue: Je,
+				hasSelection: We,
+				showSelectedValue: We && H.length === 0,
+				clearable: !0,
+				onClear: ze,
+				clearAriaLabel: "Очистить все",
+				onToggleMouseDown: $.handleToggleMouseDown,
+				onToggleClick: $.handleToggleClick,
+				"aria-labelledby": n,
+				"aria-describedby": i,
+				"aria-haspopup": "listbox",
+				"aria-expanded": R,
+				"aria-controls": R ? a : void 0,
+				"aria-autocomplete": "list",
+				"aria-activedescendant": R ? Ie(a) : void 0,
+				rootClassName: "flex alignItemsCenter",
+				onChange: (e) => {
+					$.handleTriggerInputChange(e.target.value);
+				},
+				onClick: $.handleTriggerClick,
+				onFocus: (e) => {
+					$.handleTriggerFocus(e.currentTarget);
+				},
+				onKeyDown: (e) => {
+					Ne(e), !e.defaultPrevented && $.handleTriggerKeyDown({
+						event: e,
+						onActivateWhenOpen: () => {
+							if (X >= 0) {
+								let e = G[X];
+								if (e) {
+									Z(e);
+									return;
+								}
+							}
+							Me();
+						},
+						enableClosedArrowDownOpen: !0,
+						suppressClosedArrowUp: !0
+					});
+				}
+			}), /* @__PURE__ */ S(r, {
+				open: R,
+				context: Ce,
+				floatingStyles: we,
+				listId: a,
+				labelId: n,
+				descriptionId: i,
+				activeOptionId: R ? Ie(a) : void 0,
+				setFloating: De,
+				getFloatingProps: Te,
+				onKeyDown: Pe,
+				initialFocus: -1,
+				returnFocus: !1,
+				tabIndex: -1,
+				toolbar: Ye,
+				selectionActions: I === void 0 ? {
+					onSelectAll: Be,
+					onDeselectAll: Ve
+				} : void 0,
+				children: /* @__PURE__ */ S(oe, {
+					isNoData: Ze,
+					error: P,
+					children: /* @__PURE__ */ C("div", {
+						className: "scrollable overscroll h100",
+						children: [
+							/* @__PURE__ */ S(ue, {
+								entries: Q,
+								listId: a,
+								activeIndex: X,
+								selectedKeys: J,
+								codeKey: e,
+								query: H,
+								highlightQuery: Le,
+								getOptionDisabled: Y,
+								getOptionId: Fe,
+								setOptionRef: Oe,
+								toggleOption: Z,
+								selectOnlyOption: He,
+								renderItem: qe
+							}),
+							Q.length > 0 && ge.length > 0 && /* @__PURE__ */ S(d, { className: "marginBlockSm" }),
+							/* @__PURE__ */ S(ue, {
+								entries: Xe,
+								listId: a,
+								activeIndex: X,
+								selectedKeys: J,
+								codeKey: e,
+								query: H,
+								highlightQuery: Le,
+								getOptionDisabled: Y,
+								getOptionId: Fe,
+								setOptionRef: Oe,
+								toggleOption: Z,
+								selectOnlyOption: He,
+								renderItem: qe
+							})
+						]
+					})
+				})
+			})] });
+		}
+	});
+});
+O.displayName = "MultiSelect";
+//#endregion
+//#region src/multi-select/model/useODataMultiSelect.ts
+function k({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
+	let o = g({
+		odata: e,
+		segment: t,
+		model: n,
+		value: r,
+		dependencies: i
+	}), s = (e) => {
+		a(_(e, o.selectionKey));
+	};
+	return {
+		...o,
+		handleChange: s
+	};
+}
+//#endregion
+//#region src/multi-select/ui/ODataMultiSelect.tsx
+var A = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a, value: o, dependencies: s, onChange: c, size: l }) => {
+	let u = k({
+		odata: e,
+		segment: t,
+		model: T(n),
+		value: o,
+		dependencies: s,
+		onChange: c
+	});
+	return /* @__PURE__ */ S(O, {
+		label: r,
+		description: i,
+		size: l,
+		codeKey: u.codeKey,
+		textKey: u.textKey,
+		hideCode: t.hideCode ?? e.hideCode,
+		items: u.filteredItems,
+		value: u.selectedItems,
+		onChange: u.handleChange,
+		onQuery: u.setQuery,
+		query: u.query,
+		defaultFilter: !1,
+		highlightQuery: u.debouncedQuery,
+		isLoading: u.isLoading,
+		disabled: a,
+		placeholder: u.placeholder,
+		error: u.isError ? "Ошибка загрузки" : void 0
+	});
+};
+//#endregion
+//#region src/multi-select/ui/ODataDependentSegmentMultiSelect.tsx
+function j(e) {
+	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15 } = e, s = h(e), { updateSegment: c } = s, l = `calc(${o}em + var(--width-add))`, u = te((e) => {
+		c(t.id, e);
+	}, [t.id, c]);
+	return /* @__PURE__ */ S("div", {
+		style: {
+			maxWidth: l,
+			minWidth: l
+		},
+		children: /* @__PURE__ */ S(A, {
+			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
+		})
+	});
+}
+//#endregion
+//#region src/multi-select/ui/ODataDependentMultiSelect.tsx
+function M(e) {
+	let { width: t = 15, odata: n, segments: r, model: i, values: a, defaultValues: o, onChange: s, selectionMode: c, segmentOrder: l } = e, u = h({
+		values: a,
+		defaultValues: o,
+		onChange: s
+	}), d = c === "sequential" ? {
+		selectionMode: "sequential",
+		segmentOrder: l
+	} : {
+		selectionMode: c,
+		segmentOrder: l
+	};
+	return ie([{
+		odata: n,
+		segments: r,
+		model: i
+	}]).map((e) => /* @__PURE__ */ S(j, {
+		item: e,
+		values: u.values,
+		onChange: u.updateValues,
+		...d,
+		width: t
+	}, e.id));
+}
+//#endregion
+//#region src/multi-select/ui/SerializableMultiSelect.tsx
+function N(e, t) {
+	return e[t];
+}
+function P(e, t, n) {
+	let r = e[t];
+	if (typeof r == "string") return r;
+	let i = N(e, n);
+	return typeof i == "string" ? i : String(i);
+}
+function F({ 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(N(e, c)),
+		text: P(e, l, c)
+	})), f = new Set((o ?? []).map((e) => String(e))), p = d.filter((e) => f.has(e.key));
+	return /* @__PURE__ */ S(O, {
+		label: e,
+		description: t,
+		disabled: n,
+		placeholder: r,
+		size: i,
+		items: d,
+		codeKey: "key",
+		textKey: "text",
+		hideCode: !u || void 0,
+		value: p,
+		onChange: (e) => s(e.map((e) => e.key))
+	});
+}
+//#endregion
+export { O as MultiSelect, M as ODataDependentMultiSelect, j as ODataDependentSegmentMultiSelect, A as ODataMultiSelect, F as SerializableMultiSelect };
+
+//# sourceMappingURL=index.js.map