@ryuzaki13/react-foundation-ui 3.4.3 → 3.5.0

package/dist/chunks/select-aTGupQan.js

@@ -1,363 +0,0 @@
-import { t as e } from "./ui.module-oRwY3Zli.js";
-import { HighlightText as t } from "../text/index.js";
-import { u as n } from "./input-DSPKgiCK.js";
-import { CustomOptionButton as r, Option as i, OptionButton as a, OptionCode as o, OptionText as s } from "../option/index.js";
-import { a as c, f as l, i as u, m as d, r as f, s as p, t as m, u as ee, v as te } from "./picker-lvm82d0A.js";
-import { t as h } from "./odata-dependent-C_DCbKY2.js";
-import { n as g } from "./useODataSelectBase-DR4PrY1j.js";
-import { Fragment as ne, useCallback as _, useMemo as v, useRef as re, useState as ie } from "react";
-import { useODataCollectionModel as y } from "@ryuzaki13/react-foundation-api/odata";
-import { cn as b } from "@ryuzaki13/react-foundation-lib/utils";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { CheckIcon as ae } from "lucide-react";
-//#region src/select/lib/getOptionSearchText.ts
-function oe({ option: e, getOptionLabel: t, getOptionCode: n, getOptionGroup: r }) {
-	return [
-		d(t(e)),
-		d(n?.(e)),
-		d(r?.(e)?.label)
-	].filter((e) => !!e).join(" ").toLowerCase();
-}
-function w(e, t, n) {
-	return e.find((e) => e.value === t) ?? n;
-}
-//#endregion
-//#region src/select/model/useODataSelect.ts
-function T({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
-	let o = g({
-		odata: e,
-		segment: t,
-		model: n,
-		value: r ? [r] : [],
-		dependencies: i
-	}), s = o.selectedItems[0], c = v(() => s ? [s, ...o.filteredItems] : o.filteredItems, [o.filteredItems, s]), l = (e) => {
-		a(e?.[o.selectionKey]);
-	};
-	return {
-		...o,
-		selectedItem: s,
-		options: c,
-		handleChange: l
-	};
-}
-//#endregion
-//#region src/select/lib/createSelectOptionSections.ts
-function se(e, t) {
-	let n = [];
-	return e.forEach((e, r) => {
-		let i = t(e), a = n.at(-1), o = a?.group?.key === i?.key;
-		if (a && o) {
-			a.items.push({
-				option: e,
-				index: r
-			});
-			return;
-		}
-		n.push({
-			group: i,
-			items: [{
-				option: e,
-				index: r
-			}]
-		});
-	}), n;
-}
-//#endregion
-//#region src/select/Select.tsx
-function E(t) {
-	let { label: n, description: o, disabled: s, placeholder: h, size: g, options: y, value: w, onChange: T, getOptionKey: E, getOptionLabel: D, getOptionCode: O, getOptionSearchText: k, getOptionDisabled: A, getOptionAriaLabel: j, getOptionGroup: M, getOptionClassName: N, renderOption: P, renderValue: F, className: ce, buttonClassName: le, optionsClassName: ue, optionsMaxWidth: de, optionsContentClassName: fe, searchable: I = !1, defaultFilter: pe = !0, query: me, defaultQuery: he, onQuery: ge, renderPopupHeader: _e, emptyState: ve, isLoading: ye, errorState: be, placement: xe = "bottom-start", clearable: Se = !1 } = t, L = T, R = re(null), [z, Ce] = ie(!1), B = I ? "search-single" : "display", V = w === void 0 ? void 0 : E(w), H = V === void 0 ? void 0 : y.find((e) => E(e) === V) ?? w, { query: U, setQuery: W, resetQueryOnClose: we } = f({
-		query: me,
-		defaultQuery: he,
-		onQuery: ge,
-		triggerMode: B
-	}), Te = (e) => {
-		z && !e && we && W(""), Ce(e);
-	}, Ee = _((e) => k?.(e) ?? oe({
-		option: e,
-		getOptionLabel: D,
-		getOptionCode: O,
-		getOptionGroup: M
-	}), [
-		k,
-		O,
-		M,
-		D
-	]), G = c({
-		options: y,
-		query: U,
-		enabled: I && pe,
-		getSearchText: Ee
-	}), K = v(() => M ? se(G, M) : void 0, [M, G]), De = V === void 0 ? -1 : G.findIndex((e) => E(e) === V), { activeIndex: Oe, context: ke, floatingStyles: Ae, getFloatingProps: je, setReference: Me, setFloating: Ne, setOptionRef: Pe, close: q, openList: Fe, toggleOpen: Ie, selectOption: J, selectActiveOption: Le, handleReferenceKeyDown: Re, handleFloatingKeyDown: ze, getOptionId: Be, getActiveOptionId: Y } = u({
-		options: G,
-		selectedIndex: De,
-		open: z,
-		onOpenChange: Te,
-		getOptionDisabled: A,
-		onSelect: L,
-		disabled: s,
-		placement: xe,
-		triggerMode: B
-	}), X = G.length > 0, Z = H === void 0 ? void 0 : D(H), Q = H === void 0 ? void 0 : F ? F(H) : Z, Ve = d(Z), He = H === void 0 ? void 0 : d(O?.(H)), Ue = d(Q) ?? Ve ?? He ?? (V === void 0 ? "" : String(V)), We = I && (z || U.length > 0) ? U : H === void 0 ? "" : Ue, $ = m({
-		mode: B,
-		open: z,
-		currentQuery: U,
-		hasDisplayValue: H !== void 0,
-		inputRef: R,
-		setQuery: W,
-		openList: Fe,
-		close: q,
-		toggleOpen: Ie
-	}), Ge = (e) => {
-		R.current = e;
-	}, Ke = () => {
-		Se && L(void 0), W(""), q();
-	}, qe = (e, t, n) => {
-		let o = E(t), s = V !== void 0 && o === V, c = n === Oe, l = A?.(t) ?? !1, u = {
-			active: c,
-			selected: s,
-			disabled: l
-		};
-		return /* @__PURE__ */ S(i, {
-			id: Be(e, n),
-			ref: (e) => Pe(n, e),
-			role: "option",
-			"aria-selected": s,
-			"aria-disabled": l || void 0,
-			"aria-label": j?.(t),
-			active: c,
-			selected: s,
-			disabled: l,
-			className: N?.(t, u),
-			children: P ? /* @__PURE__ */ S(r, {
-				tabIndex: -1,
-				disabled: l,
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => J(t),
-				children: P(t, u)
-			}) : /* @__PURE__ */ S(a, {
-				tabIndex: -1,
-				disabled: l,
-				icon: S(s ? ae : "span", {}),
-				text: D(t),
-				code: O?.(t),
-				onMouseDown: (e) => e.preventDefault(),
-				onClick: () => J(t)
-			})
-		}, o);
-	};
-	return /* @__PURE__ */ S(te, {
-		label: n,
-		description: o,
-		disabled: s,
-		size: g,
-		className: ce,
-		children: ({ controlId: t, labelId: r, describedBy: i }) => {
-			let a = `${t}-listbox`;
-			return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(p, {
-				ref: Ge,
-				rootRef: Me,
-				id: t,
-				type: "text",
-				disabled: s,
-				readOnly: !I,
-				autoComplete: "off",
-				role: "combobox",
-				isLoading: ye,
-				open: z,
-				optionCount: y.length,
-				label: n,
-				placeholder: h,
-				value: We,
-				selectedValue: Q ?? Ue,
-				hasSelection: H !== void 0,
-				showSelectedValue: !1,
-				clearable: !!Se,
-				onClear: Ke,
-				onToggleMouseDown: $.handleToggleMouseDown,
-				onToggleClick: $.handleToggleClick,
-				"aria-labelledby": r,
-				"aria-describedby": i,
-				"aria-haspopup": "listbox",
-				"aria-expanded": z,
-				"aria-controls": z ? a : void 0,
-				"aria-autocomplete": I ? "list" : "none",
-				"aria-activedescendant": z ? Y(a) : void 0,
-				inputClassName: b(le, "textOverflow"),
-				onChange: (e) => {
-					I && $.handleTriggerInputChange(e.target.value);
-				},
-				onClick: $.handleTriggerClick,
-				onFocus: (e) => {
-					$.handleTriggerFocus(e.currentTarget);
-				},
-				onKeyDown: (e) => {
-					Re(e), !e.defaultPrevented && $.handleTriggerKeyDown({
-						event: e,
-						onActivateWhenOpen: Le,
-						enableSpaceActivation: !I
-					});
-				}
-			}), /* @__PURE__ */ S(l, {
-				open: z,
-				context: ke,
-				floatingStyles: Ae,
-				listId: a,
-				labelId: r,
-				descriptionId: i,
-				activeOptionId: X ? Y(a) : void 0,
-				setFloating: Ne,
-				getFloatingProps: je,
-				onKeyDown: ze,
-				className: ue,
-				maxWidth: de,
-				toolbar: _e,
-				children: /* @__PURE__ */ S("div", {
-					className: b(fe, "h100 scrollable overscroll"),
-					children: X ? K ? K.map((t, n) => {
-						let r = t.group ? `${a}-group-${n}` : void 0, i = t.items.map(({ option: e, index: t }) => qe(a, e, t));
-						return t.group ? /* @__PURE__ */ C("div", {
-							role: "group",
-							"aria-labelledby": r,
-							children: [/* @__PURE__ */ S("div", {
-								id: r,
-								className: e.uiPopupGroupLabel,
-								children: t.group.label
-							}), i]
-						}, `group-${String(t.group.key)}-${n}`) : /* @__PURE__ */ S(ne, { children: i }, `options-${n}`);
-					}) : G.map((e, t) => qe(a, e, t)) : /* @__PURE__ */ S(ee, {
-						emptyState: ve,
-						errorState: be
-					})
-				})
-			})] });
-		}
-	});
-}
-//#endregion
-//#region src/select/SelectOptionContent.tsx
-function D({ label: e, code: n, highlight: r, labelClassName: i, codeClassName: a }) {
-	return /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(s, {
-		className: b("flexEllipsis", i),
-		children: /* @__PURE__ */ S(t, {
-			text: e,
-			highlight: r
-		})
-	}), n && /* @__PURE__ */ S(o, {
-		className: a,
-		children: /* @__PURE__ */ S(t, {
-			text: n,
-			highlight: r
-		})
-	})] });
-}
-//#endregion
-//#region src/select/ODataSelect.tsx
-function O(e, t, n) {
-	return e ? t || Object.keys(e).find((e) => e !== n) || n : t || n;
-}
-var k = ({ odata: e, segment: t, model: r, size: i, label: a, description: o, disabled: s, value: c, dependencies: l, onChange: u, clearable: d }) => {
-	let f = T({
-		odata: e,
-		segment: t,
-		model: y(r),
-		value: c,
-		dependencies: l,
-		onChange: u
-	});
-	if (f.isLoading) return /* @__PURE__ */ S(n, {
-		size: i,
-		label: a,
-		description: o
-	});
-	let p = t.hideCode ?? e.hideCode, m = O(f.selectedItem ?? f.options[0], f.textKey, f.codeKey);
-	return /* @__PURE__ */ S(E, {
-		size: i,
-		label: a,
-		description: o,
-		options: f.options,
-		value: f.selectedItem,
-		onChange: f.handleChange,
-		getOptionKey: (e) => e[f.codeKey],
-		getOptionLabel: (e) => e[m],
-		getOptionCode: p ? void 0 : (e) => e[f.codeKey],
-		getOptionAriaLabel: (e) => p || e[m] === e[f.codeKey] ? String(e[m]) : `${e[m]} ${e[f.codeKey]}`,
-		renderValue: (e) => /* @__PURE__ */ S(D, {
-			label: e[m],
-			code: p ? void 0 : e[f.codeKey]
-		}),
-		renderOption: (e) => /* @__PURE__ */ S(D, {
-			label: e[m],
-			code: p ? void 0 : e[f.codeKey],
-			highlight: f.debouncedQuery
-		}),
-		searchable: !0,
-		query: f.query,
-		onQuery: f.setQuery,
-		defaultFilter: !1,
-		disabled: s || f.isLoading,
-		placeholder: f.placeholder,
-		isLoading: f.isLoading,
-		errorState: f.isError ? "Ошибка загрузки" : void 0,
-		emptyState: !f.isLoading && !f.isError ? "Нет данных" : void 0,
-		clearable: d
-	});
-};
-//#endregion
-//#region src/select/ODataDependentSegmentSelect.tsx
-function A(e) {
-	let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15, clearable: s } = e, c = h(e), { updateSegment: l } = c, u = `calc(${o}em + var(--width-add))`, d = _((e) => {
-		l(t.id, e === void 0 ? [] : [e]);
-	}, [t.id, l]);
-	return /* @__PURE__ */ S("div", {
-		style: {
-			maxWidth: u,
-			minWidth: u
-		},
-		children: /* @__PURE__ */ S(k, {
-			odata: t.odata,
-			segment: t.segment,
-			model: t.model,
-			dependencies: c.values,
-			value: c.values[t.id]?.[0],
-			onChange: d,
-			disabled: n || c.isSegmentDisabled(t.id),
-			label: r,
-			description: i,
-			size: a,
-			clearable: s
-		})
-	});
-}
-//#endregion
-//#region src/select/SerializableSelect.tsx
-function j(e, t) {
-	return String(e[t]);
-}
-function M(e, t, n) {
-	let r = e[t];
-	if (typeof r == "string" || typeof r == "number") return String(r);
-	let i = j(e, n);
-	return String(i);
-}
-function N({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u, className: d, clearable: f }) {
-	let p = o === void 0 ? void 0 : a.find((e) => j(e, c) === o);
-	return /* @__PURE__ */ S(E, {
-		label: e,
-		description: t,
-		disabled: n,
-		placeholder: r,
-		size: i,
-		options: a,
-		value: p,
-		onChange: (e) => s(e ? j(e, c) : void 0),
-		getOptionKey: (e) => j(e, c),
-		getOptionLabel: (e) => M(e, l, c),
-		getOptionCode: u ? (e) => j(e, c) : void 0,
-		className: d,
-		clearable: f
-	});
-}
-//#endregion
-export { w as a, E as i, A as n, k as r, N as t };
-
-//# sourceMappingURL=select-aTGupQan.js.map