@ryuzaki13/react-foundation-ui 3.4.3 → 3.6.0

package/dist/chunks/select--oIrv7SC.js

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

package/dist/chunks/select--oIrv7SC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select--oIrv7SC.js","names":[],"sources":["../../src/select/lib/getOptionSearchText.ts","../../src/select/model/useODataSelect.ts","../../src/select/lib/createSelectOptionSections.ts","../../src/select/Select.tsx","../../src/select/SelectOptionContent.tsx","../../src/select/ODataSelect.tsx","../../src/select/ODataDependentSegmentSelect.tsx","../../src/select/SerializableSelect.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\n\nimport { extractPickerTextContent } from \"../../picker\";\nimport { type SelectOptionGroup } from \"../SelectOptionGroup\";\n\nexport function getOptionSearchText<T extends InputType>({\n\toption,\n\tgetOptionLabel,\n\tgetOptionCode,\n\tgetOptionGroup\n}: {\n\toption: T;\n\tgetOptionLabel: (option: T) => ReactNode;\n\tgetOptionCode?: (option: T) => ReactNode;\n\tgetOptionGroup?: (option: T) => SelectOptionGroup | undefined;\n}) {\n\treturn [\n\t\textractPickerTextContent(getOptionLabel(option)),\n\t\textractPickerTextContent(getOptionCode?.(option)),\n\t\textractPickerTextContent(getOptionGroup?.(option)?.label)\n\t]\n\t\t.filter((part): part is string => Boolean(part))\n\t\t.join(\" \")\n\t\t.toLowerCase();\n}\n\n/** Находит selected option по value и возвращает fallback, если значение еще не нормализовано. */\nexport function resolveSelectedOption<TOption extends { value: string }>(\n\toptions: readonly TOption[],\n\tvalue: string,\n\tfallback: TOption\n): TOption {\n\treturn options.find((option) => option.value === value) ?? fallback;\n}\n","import { useMemo } from \"react\";\n\nimport { ODataCollectionModel, ODataSingleSelectProps } from \"@ryuzaki13/react-foundation-api/odata\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { useODataSelectBase } from \"./useODataSelectBase\";\n\ninterface UseODataSelectOptions extends Omit<ODataSingleSelectProps, \"model\"> {\n\tmodel: Required<ODataCollectionModel>;\n\tonChange: (value: string | undefined) => void;\n}\n\nexport function useODataSelect({ odata, segment, model, value, dependencies, onChange }: UseODataSelectOptions) {\n\tconst odataModel = useODataSelectBase({\n\t\todata,\n\t\tsegment,\n\t\tmodel,\n\t\tvalue: value ? [value] : [],\n\t\tdependencies\n\t});\n\n\tconst selectedItem = odataModel.selectedItems[0];\n\tconst options = useMemo(() => {\n\t\tif (!selectedItem) {\n\t\t\treturn odataModel.filteredItems;\n\t\t}\n\n\t\treturn [selectedItem, ...odataModel.filteredItems];\n\t}, [odataModel.filteredItems, selectedItem]);\n\n\tconst handleChange = (item: CollectionItem | undefined) => {\n\t\tonChange(item?.[odataModel.selectionKey]);\n\t};\n\n\treturn {\n\t\t...odataModel,\n\t\tselectedItem,\n\t\toptions,\n\t\thandleChange\n\t};\n}\n","import { type SelectOptionGroup } from \"../SelectOptionGroup\";\n\nexport type SelectOptionSectionItem<TOption> = {\n\treadonly option: TOption;\n\treadonly index: number;\n};\n\nexport type SelectOptionSection<TOption> = {\n\treadonly group: SelectOptionGroup | undefined;\n\treadonly items: readonly SelectOptionSectionItem<TOption>[];\n};\n\n/**\n * Собирает соседние опции с одинаковым group key в секции, сохраняя исходные индексы для клавиатурной навигации listbox.\n */\nexport function createSelectOptionSections<TOption>(\n\toptions: readonly TOption[],\n\tgetOptionGroup: (option: TOption) => SelectOptionGroup | undefined\n): readonly SelectOptionSection<TOption>[] {\n\tconst sections: Array<{ group: SelectOptionGroup | undefined; items: SelectOptionSectionItem<TOption>[] }> = [];\n\n\toptions.forEach((option, index) => {\n\t\tconst group = getOptionGroup(option);\n\t\tconst currentSection = sections.at(-1);\n\t\tconst belongsToCurrentSection = currentSection?.group?.key === group?.key;\n\n\t\tif (currentSection && belongsToCurrentSection) {\n\t\t\tcurrentSection.items.push({ option, index });\n\t\t\treturn;\n\t\t}\n\n\t\tsections.push({\n\t\t\tgroup,\n\t\t\titems: [{ option, index }]\n\t\t});\n\t});\n\n\treturn sections;\n}\n","import { type CSSProperties, Fragment, ReactNode, useCallback, useMemo, useRef, useState } from \"react\";\n\nimport { Placement } from \"@floating-ui/react\";\nimport { InputType } from \"@ryuzaki13/react-foundation-lib/types\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { CheckIcon } from \"lucide-react\";\n\nimport { Option, OptionContent } from \"../option\";\nimport { OptionContentContainer } from \"../option/OptionContentContainer\";\nimport {\n\textractPickerTextContent,\n\tPickerField,\n\tPickerPopup,\n\tPickerStatus,\n\tPickerTrigger,\n\tusePickerDefaultFilter,\n\tusePickerFloatingListbox,\n\tusePickerQuery,\n\tusePickerTriggerController\n} from \"../picker\";\nimport { ChangeHandler, UiBaseProps } from \"../types\";\nimport uiStyles from \"../ui.module.scss\";\n\nimport { getOptionSearchText } from \"./lib\";\nimport { createSelectOptionSections } from \"./lib/createSelectOptionSections\";\nimport { type SelectOptionGroup, type SelectOptionKey } from \"./SelectOptionGroup\";\n\nexport { type SelectOptionGroup, type SelectOptionKey } from \"./SelectOptionGroup\";\n\nexport type SelectOptionState = {\n\tactive: boolean;\n\tselected: boolean;\n\tdisabled: boolean;\n};\n\ntype SelectSharedProps<TOption extends InputType> = Omit<UiBaseProps<TOption, TOption | undefined>, \"onChange\"> & {\n\toptions: readonly TOption[];\n\tgetOptionKey: (option: TOption) => SelectOptionKey;\n\tgetOptionLabel: (option: TOption) => string;\n\tgetOptionCode?: (option: TOption) => string;\n\t/** Явный поисковый текст для опции с произвольным ReactNode-render. */\n\tgetOptionSearchText?: (option: TOption) => string | readonly string[];\n\tgetOptionDisabled?: (option: TOption) => boolean;\n\tgetOptionAriaLabel?: (option: TOption) => string;\n\tgetOptionGroup?: (option: TOption) => SelectOptionGroup | undefined;\n\tgetOptionClassName?: (option: TOption, state: SelectOptionState) => string | undefined;\n\trenderOption?: (option: TOption, state: SelectOptionState) => ReactNode;\n\trenderValue?: (option: TOption) => ReactNode;\n\tclassName?: string;\n\tbuttonClassName?: string;\n\toptionsClassName?: string;\n\toptionsMaxWidth?: CSSProperties[\"maxWidth\"];\n\toptionsContentClassName?: string;\n\tsearchable?: boolean;\n\tquery?: string;\n\tdefaultQuery?: string;\n\tonQuery?: (value: string) => void;\n\tdefaultFilter?: boolean;\n\tisLoading?: boolean;\n\trenderPopupHeader?: ReactNode;\n\temptyState?: ReactNode;\n\terrorState?: ReactNode;\n\tplacement?: Placement;\n};\n\ntype SelectChangeValue<TOption extends InputType, TClearable extends boolean | undefined> = true extends TClearable\n\t? TOption | undefined\n\t: TOption;\n\nexport type SelectProps<TOption extends InputType, TClearable extends boolean | undefined = false> = SelectSharedProps<TOption> & {\n\tclearable?: TClearable;\n\tonChange: ChangeHandler<SelectChangeValue<TOption, TClearable>>;\n};\n\n/**\n * Выпадающий список выбора значения из набора опций. Подходит для форм, фильтров и простых справочников.\n */\nexport function Select<TOption extends InputType, TClearable extends boolean | undefined = false>(props: SelectProps<TOption, TClearable>) {\n\tconst {\n\t\tlabel,\n\t\tdescription,\n\t\tdisabled,\n\t\tplaceholder,\n\t\tsize,\n\t\toptions,\n\t\tvalue,\n\t\tonChange,\n\t\tgetOptionKey,\n\t\tgetOptionLabel,\n\t\tgetOptionCode,\n\t\tgetOptionSearchText: getExplicitOptionSearchText,\n\t\tgetOptionDisabled,\n\t\tgetOptionAriaLabel,\n\t\tgetOptionGroup,\n\t\tgetOptionClassName,\n\t\trenderOption,\n\t\trenderValue,\n\t\tclassName,\n\t\tbuttonClassName,\n\t\toptionsClassName,\n\t\toptionsMaxWidth,\n\t\toptionsContentClassName,\n\t\tsearchable = false,\n\t\tdefaultFilter = true,\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQuery,\n\t\trenderPopupHeader,\n\t\temptyState,\n\t\tisLoading,\n\t\terrorState,\n\t\tplacement = \"bottom-start\",\n\t\tclearable = false\n\t} = props;\n\tconst emitChange = onChange as ChangeHandler<TOption | undefined>;\n\n\tconst inputRef = useRef<HTMLInputElement | null>(null);\n\tconst [open, setOpen] = useState(false);\n\tconst triggerMode = searchable ? \"search-single\" : \"display\";\n\tconst selectedKey = value === undefined ? undefined : getOptionKey(value);\n\tconst selectedOption =\n\t\tselectedKey === undefined ? undefined : (options.find((option) => getOptionKey(option) === selectedKey) ?? value);\n\tconst {\n\t\tquery: currentQuery,\n\t\tsetQuery,\n\t\tresetQueryOnClose\n\t} = usePickerQuery({\n\t\tquery,\n\t\tdefaultQuery,\n\t\tonQuery,\n\t\ttriggerMode\n\t});\n\tconst handleOpenChange = (nextOpen: boolean) => {\n\t\tif (open && !nextOpen && resetQueryOnClose) {\n\t\t\tsetQuery(\"\");\n\t\t}\n\n\t\tsetOpen(nextOpen);\n\t};\n\tconst getSearchText = useCallback(\n\t\t(option: TOption) =>\n\t\t\tgetExplicitOptionSearchText?.(option) ??\n\t\t\tgetOptionSearchText({\n\t\t\t\toption,\n\t\t\t\tgetOptionLabel,\n\t\t\t\tgetOptionCode,\n\t\t\t\tgetOptionGroup\n\t\t\t}),\n\t\t[getExplicitOptionSearchText, getOptionCode, getOptionGroup, getOptionLabel]\n\t);\n\tconst visibleOptions = usePickerDefaultFilter({\n\t\toptions,\n\t\tquery: currentQuery,\n\t\tenabled: searchable && defaultFilter,\n\t\tgetSearchText\n\t});\n\tconst optionSections = useMemo(\n\t\t() => (getOptionGroup ? createSelectOptionSections(visibleOptions, getOptionGroup) : undefined),\n\t\t[getOptionGroup, visibleOptions]\n\t);\n\tconst selectedIndex = selectedKey === undefined ? -1 : visibleOptions.findIndex((option) => getOptionKey(option) === selectedKey);\n\tconst {\n\t\tactiveIndex,\n\t\tcontext,\n\t\tfloatingStyles,\n\t\tgetFloatingProps,\n\t\tsetReference,\n\t\tsetFloating,\n\t\tsetOptionRef,\n\t\tclose,\n\t\topenList,\n\t\ttoggleOpen,\n\t\tselectOption,\n\t\tselectActiveOption,\n\t\thandleReferenceKeyDown,\n\t\thandleFloatingKeyDown,\n\t\tgetOptionId,\n\t\tgetActiveOptionId\n\t} = usePickerFloatingListbox({\n\t\toptions: visibleOptions,\n\t\tselectedIndex,\n\t\topen,\n\t\tonOpenChange: handleOpenChange,\n\t\tgetOptionDisabled,\n\t\tonSelect: emitChange,\n\t\tdisabled,\n\t\tplacement,\n\t\ttriggerMode\n\t});\n\n\tconst hasOptions = visibleOptions.length > 0;\n\tconst labelContent = selectedOption !== undefined ? getOptionLabel(selectedOption) : undefined;\n\tconst displayContent = selectedOption !== undefined ? (renderValue ? renderValue(selectedOption) : labelContent) : undefined;\n\tconst labelText = extractPickerTextContent(labelContent);\n\tconst codeText = selectedOption !== undefined ? extractPickerTextContent(getOptionCode?.(selectedOption)) : undefined;\n\tconst displayText =\n\t\textractPickerTextContent(displayContent) ?? labelText ?? codeText ?? (selectedKey !== undefined ? String(selectedKey) : \"\");\n\tconst showSearchValue = searchable && (open || currentQuery.length > 0);\n\tconst inputValue = showSearchValue ? currentQuery : selectedOption !== undefined ? displayText : \"\";\n\tconst triggerController = usePickerTriggerController({\n\t\tmode: triggerMode,\n\t\topen,\n\t\tcurrentQuery,\n\t\thasDisplayValue: selectedOption !== undefined,\n\t\tinputRef,\n\t\tsetQuery,\n\t\topenList,\n\t\tclose,\n\t\ttoggleOpen\n\t});\n\tconst setInputNode = (node: HTMLInputElement | null) => {\n\t\tinputRef.current = node;\n\t};\n\tconst handleClear = () => {\n\t\tif (clearable) {\n\t\t\temitChange(undefined);\n\t\t}\n\n\t\tsetQuery(\"\");\n\t\tclose();\n\t};\n\tconst renderOptionNode = (listId: string, option: TOption, index: number) => {\n\t\tconst optionKey = getOptionKey(option);\n\t\tconst selected = selectedKey !== undefined && optionKey === selectedKey;\n\t\tconst active = index === activeIndex;\n\t\tconst optionDisabled = getOptionDisabled?.(option) ?? false;\n\t\tconst optionState = { active, selected, disabled: optionDisabled };\n\n\t\treturn (\n\t\t\t<Option\n\t\t\t\tkey={optionKey}\n\t\t\t\tid={getOptionId(listId, index)}\n\t\t\t\tref={(node) => setOptionRef(index, node)}\n\t\t\t\trole=\"option\"\n\t\t\t\taria-selected={selected}\n\t\t\t\taria-disabled={optionDisabled || undefined}\n\t\t\t\taria-label={getOptionAriaLabel?.(option)}\n\t\t\t\tactive={active}\n\t\t\t\tselected={selected}\n\t\t\t\tdisabled={optionDisabled}\n\t\t\t\tclassName={getOptionClassName?.(option, optionState)}\n\t\t\t\tonMouseDown={(event) => event.preventDefault()}\n\t\t\t\tonClick={() => selectOption(option)}>\n\t\t\t\t{renderOption ? (\n\t\t\t\t\t<OptionContentContainer>{renderOption(option, optionState)}</OptionContentContainer>\n\t\t\t\t) : (\n\t\t\t\t\t<OptionContentContainer>\n\t\t\t\t\t\t<OptionContent\n\t\t\t\t\t\t\ticon={selected ? <CheckIcon /> : <span />}\n\t\t\t\t\t\t\ttext={getOptionLabel(option)}\n\t\t\t\t\t\t\tcode={getOptionCode?.(option)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</OptionContentContainer>\n\t\t\t\t)}\n\t\t\t</Option>\n\t\t);\n\t};\n\n\treturn (\n\t\t<PickerField label={label} description={description} disabled={disabled} size={size} className={className}>\n\t\t\t{({ controlId, labelId, describedBy }) => {\n\t\t\t\tconst listId = `${controlId}-listbox`;\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<PickerTrigger\n\t\t\t\t\t\t\tref={setInputNode}\n\t\t\t\t\t\t\trootRef={setReference}\n\t\t\t\t\t\t\tid={controlId}\n\t\t\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t\treadOnly={!searchable}\n\t\t\t\t\t\t\tautoComplete=\"off\"\n\t\t\t\t\t\t\trole=\"combobox\"\n\t\t\t\t\t\t\tisLoading={isLoading}\n\t\t\t\t\t\t\topen={open}\n\t\t\t\t\t\t\toptionCount={options.length}\n\t\t\t\t\t\t\tlabel={label}\n\t\t\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\t\t\tselectedValue={displayContent ?? displayText}\n\t\t\t\t\t\t\thasSelection={selectedOption !== undefined}\n\t\t\t\t\t\t\tshowSelectedValue={false /*selectedOption !== undefined && !showSearchValue*/}\n\t\t\t\t\t\t\tclearable={Boolean(clearable)}\n\t\t\t\t\t\t\tonClear={handleClear}\n\t\t\t\t\t\t\tonToggleMouseDown={triggerController.handleToggleMouseDown}\n\t\t\t\t\t\t\tonToggleClick={triggerController.handleToggleClick}\n\t\t\t\t\t\t\taria-labelledby={labelId}\n\t\t\t\t\t\t\taria-describedby={describedBy}\n\t\t\t\t\t\t\taria-haspopup=\"listbox\"\n\t\t\t\t\t\t\taria-expanded={open}\n\t\t\t\t\t\t\taria-controls={open ? listId : undefined}\n\t\t\t\t\t\t\taria-autocomplete={searchable ? \"list\" : \"none\"}\n\t\t\t\t\t\t\taria-activedescendant={open ? getActiveOptionId(listId) : undefined}\n\t\t\t\t\t\t\tinputClassName={cn(buttonClassName, \"textOverflow\")}\n\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\tif (!searchable) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerInputChange(event.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonClick={triggerController.handleTriggerClick}\n\t\t\t\t\t\t\tonFocus={(event) => {\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerFocus(event.currentTarget);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tonKeyDown={(event) => {\n\t\t\t\t\t\t\t\thandleReferenceKeyDown(event);\n\n\t\t\t\t\t\t\t\tif (event.defaultPrevented) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\ttriggerController.handleTriggerKeyDown({\n\t\t\t\t\t\t\t\t\tevent,\n\t\t\t\t\t\t\t\t\tonActivateWhenOpen: selectActiveOption,\n\t\t\t\t\t\t\t\t\tenableSpaceActivation: !searchable\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t<PickerPopup\n\t\t\t\t\t\t\topen={open}\n\t\t\t\t\t\t\tcontext={context}\n\t\t\t\t\t\t\tfloatingStyles={floatingStyles}\n\t\t\t\t\t\t\tlistId={listId}\n\t\t\t\t\t\t\tlabelId={labelId}\n\t\t\t\t\t\t\tdescriptionId={describedBy}\n\t\t\t\t\t\t\tactiveOptionId={hasOptions ? getActiveOptionId(listId) : undefined}\n\t\t\t\t\t\t\tsetFloating={setFloating}\n\t\t\t\t\t\t\tgetFloatingProps={getFloatingProps}\n\t\t\t\t\t\t\tonKeyDown={handleFloatingKeyDown}\n\t\t\t\t\t\t\tclassName={optionsClassName}\n\t\t\t\t\t\t\tmaxWidth={optionsMaxWidth}\n\t\t\t\t\t\t\ttoolbar={renderPopupHeader}>\n\t\t\t\t\t\t\t<div role=\"presentation\" className={cn(optionsContentClassName, \"h100 scrollable overscroll\")}>\n\t\t\t\t\t\t\t\t{hasOptions ? (\n\t\t\t\t\t\t\t\t\toptionSections ? (\n\t\t\t\t\t\t\t\t\t\toptionSections.map((section, sectionIndex) => {\n\t\t\t\t\t\t\t\t\t\t\tconst groupLabelId = section.group ? `${listId}-group-${sectionIndex}` : undefined;\n\t\t\t\t\t\t\t\t\t\t\tconst optionNodes = section.items.map(({ option, index }) =>\n\t\t\t\t\t\t\t\t\t\t\t\trenderOptionNode(listId, option, index)\n\t\t\t\t\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\t\t\t\t\treturn section.group ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\tkey={`group-${String(section.group.key)}-${sectionIndex}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\trole=\"group\"\n\t\t\t\t\t\t\t\t\t\t\t\t\taria-labelledby={groupLabelId}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div id={groupLabelId} className={uiStyles.uiPopupGroupLabel}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{section.group.label}\n\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{optionNodes}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<Fragment key={`options-${sectionIndex}`}>{optionNodes}</Fragment>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\tvisibleOptions.map((option, index) => renderOptionNode(listId, option, index))\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t<PickerStatus emptyState={emptyState} errorState={errorState} />\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</PickerPopup>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t}}\n\t\t</PickerField>\n\t);\n}\n","import { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { OptionCode, OptionText } from \"../option\";\nimport { HighlightText } from \"../text\";\n\ninterface OptionContentProps {\n\tlabel: string;\n\tcode?: string;\n\thighlight?: string;\n\t/** Приватный визуальный modifier label для специализированного владельца option. */\n\tlabelClassName?: string;\n\t/** Отдельный modifier code, потому что code задаёт собственный variable-font weight. */\n\tcodeClassName?: string;\n}\n\n/**\n * Универсальный рендерер опции. Используется и в single-select, и в multi-select.\n */\nexport function SelectOptionContent({ label, code, highlight, labelClassName, codeClassName }: OptionContentProps) {\n\treturn (\n\t\t<>\n\t\t\t<OptionText className={cn(\"flexEllipsis\", labelClassName)}>\n\t\t\t\t<HighlightText text={label} highlight={highlight} />\n\t\t\t</OptionText>\n\t\t\t{code && (\n\t\t\t\t<OptionCode className={codeClassName}>\n\t\t\t\t\t<HighlightText text={code} highlight={highlight} />\n\t\t\t\t</OptionCode>\n\t\t\t)}\n\t\t</>\n\t);\n}\n","import { ODataSingleSelectProps, useODataCollectionModel } from \"@ryuzaki13/react-foundation-api/odata\";\nimport { CollectionItem } from \"@ryuzaki13/react-foundation-lib/odata-service\";\n\nimport { InputUILoading } from \"../input\";\nimport { UiBaseProps } from \"../types\";\n\nimport { useODataSelect } from \"./model/useODataSelect\";\nimport { Select } from \"./Select\";\nimport { SelectOptionContent } from \"./SelectOptionContent\";\n\ntype ODataSelectProps = Omit<ODataSingleSelectProps, \"value\"> & UiBaseProps<string | undefined> & { clearable?: boolean };\n\nfunction getODataOptionTextKey(item: CollectionItem | undefined, textKey: string, codeKey: string) {\n\tif (!item) {\n\t\treturn textKey || codeKey;\n\t}\n\n\treturn textKey || Object.keys(item).find((key) => key !== codeKey) || codeKey;\n}\n\nexport function ODataSelect({\n\todata,\n\tsegment,\n\tmodel: initialModel,\n\tsize,\n\tlabel,\n\tdescription,\n\tdisabled,\n\tvalue,\n\tdependencies,\n\tonChange,\n\tclearable\n}: ODataSelectProps) {\n\tconst model = useODataCollectionModel(initialModel);\n\tconst odataModel = useODataSelect({\n\t\todata,\n\t\tsegment,\n\t\tmodel,\n\t\tvalue,\n\t\tdependencies,\n\t\tonChange\n\t});\n\n\tif (odataModel.isLoading) {\n\t\treturn <InputUILoading size={size} label={label} description={description} />;\n\t}\n\n\tconst hideCode = segment.hideCode ?? odata.hideCode;\n\tconst resolvedTextKey = getODataOptionTextKey(odataModel.selectedItem ?? odataModel.options[0], odataModel.textKey, odataModel.codeKey);\n\n\treturn (\n\t\t<Select\n\t\t\tsize={size}\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\toptions={odataModel.options}\n\t\t\tvalue={odataModel.selectedItem}\n\t\t\tonChange={odataModel.handleChange}\n\t\t\tgetOptionKey={(item) => item[odataModel.codeKey]}\n\t\t\tgetOptionLabel={(item) => item[resolvedTextKey]}\n\t\t\tgetOptionCode={hideCode ? undefined : (item) => item[odataModel.codeKey]}\n\t\t\tgetOptionAriaLabel={(item) =>\n\t\t\t\thideCode || item[resolvedTextKey] === item[odataModel.codeKey]\n\t\t\t\t\t? String(item[resolvedTextKey])\n\t\t\t\t\t: `${item[resolvedTextKey]} ${item[odataModel.codeKey]}`\n\t\t\t}\n\t\t\trenderValue={(item) => (\n\t\t\t\t<SelectOptionContent label={item[resolvedTextKey]} code={hideCode ? undefined : item[odataModel.codeKey]} />\n\t\t\t)}\n\t\t\trenderOption={(item) => (\n\t\t\t\t<SelectOptionContent\n\t\t\t\t\tlabel={item[resolvedTextKey]}\n\t\t\t\t\tcode={hideCode ? undefined : item[odataModel.codeKey]}\n\t\t\t\t\thighlight={odataModel.debouncedQuery}\n\t\t\t\t/>\n\t\t\t)}\n\t\t\tsearchable\n\t\t\tquery={odataModel.query}\n\t\t\tonQuery={odataModel.setQuery}\n\t\t\tdefaultFilter={false}\n\t\t\tdisabled={disabled || odataModel.isLoading}\n\t\t\tplaceholder={odataModel.placeholder}\n\t\t\tisLoading={odataModel.isLoading}\n\t\t\terrorState={odataModel.isError ? \"Ошибка загрузки\" : undefined}\n\t\t\temptyState={!odataModel.isLoading && !odataModel.isError ? \"Нет данных\" : undefined}\n\t\t\tclearable={clearable}\n\t\t/>\n\t);\n}\n","import { useCallback } from \"react\";\n\nimport { useODataDependentSelection } from \"../odata-dependent\";\n\nimport { ODataSelect } from \"./ODataSelect\";\n\nimport type { ODataDependentSegmentControlProps } from \"../odata-dependent\";\n\nexport type ODataDependentSegmentSelectProps = ODataDependentSegmentControlProps & {\n\t/** Показывает действие очистки выбранного значения. */\n\tclearable?: boolean;\n};\n\n/**\n * Адаптирует один развёрнутый зависимый OData-сегмент к single-select UI.\n * Общий снимок остаётся массивным, поэтому совместим с `dependencies` и\n * может совместно использоваться с segment-level MultiSelect-контролами.\n */\nexport function ODataDependentSegmentSelect(props: ODataDependentSegmentSelectProps) {\n\tconst { item, disabled, label, description, size, width = 15, clearable } = props;\n\tconst selection = useODataDependentSelection(props);\n\tconst { updateSegment } = selection;\n\tconst widthStyle = `calc(${width}em + var(--width-add))`;\n\n\tconst handleSelectionChange = useCallback(\n\t\t(value: string | undefined) => {\n\t\t\tupdateSegment(item.id, value === undefined ? [] : [value]);\n\t\t},\n\t\t[item.id, updateSegment]\n\t);\n\n\treturn (\n\t\t<div style={{ maxWidth: widthStyle, minWidth: widthStyle }}>\n\t\t\t<ODataSelect\n\t\t\t\todata={item.odata}\n\t\t\t\tsegment={item.segment}\n\t\t\t\tmodel={item.model}\n\t\t\t\tdependencies={selection.values}\n\t\t\t\tvalue={selection.values[item.id]?.[0]}\n\t\t\t\tonChange={handleSelectionChange}\n\t\t\t\tdisabled={disabled || selection.isSegmentDisabled(item.id)}\n\t\t\t\tlabel={label}\n\t\t\t\tdescription={description}\n\t\t\t\tsize={size}\n\t\t\t\tclearable={clearable}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n","import { Select } from \"./Select\";\n\nimport type { UiBaseProps } from \"../types\";\nimport type { SelectOptionKey } from \"./Select\";\n\ntype SerializableOptionRecord = Record<string, unknown>;\n\ntype SerializableOptionKeyField<TOption extends SerializableOptionRecord> = {\n\t[K in keyof TOption]: Extract<TOption[K], SelectOptionKey> extends never ? never : K;\n}[keyof TOption];\n\ntype SerializableOptionValue<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>> = Extract<\n\tTOption[TOptionKey],\n\tSelectOptionKey\n>;\n\nexport interface SerializableSelectProps<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n> extends Omit<UiBaseProps<SerializableOptionValue<TOption, TOptionKey> | undefined>, \"onChange\"> {\n\toptions: readonly TOption[];\n\tonChange: (value: SerializableOptionValue<TOption, TOptionKey> | undefined) => void;\n\toptionKey: TOptionKey;\n\toptionLabel: TOptionLabel;\n\trenderCode?: true;\n\tclassName?: string;\n\tclearable?: boolean;\n}\n\nfunction getSerializableOptionKey<TOption extends SerializableOptionRecord, TOptionKey extends SerializableOptionKeyField<TOption>>(\n\toption: TOption,\n\toptionKey: TOptionKey\n): Extract<TOption[TOptionKey], SelectOptionKey> {\n\treturn String(option[optionKey]) as Extract<TOption[TOptionKey], SelectOptionKey>;\n}\n\nfunction getSerializableOptionLabel<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n>(option: TOption, optionLabel: TOptionLabel, optionKey: TOptionKey): string {\n\tconst label = option[optionLabel];\n\n\tif (typeof label === \"string\" || typeof label === \"number\") {\n\t\treturn String(label);\n\t}\n\n\tconst key = getSerializableOptionKey(option, optionKey);\n\treturn String(key);\n}\n\nexport function SerializableSelect<\n\tTOption extends SerializableOptionRecord,\n\tTOptionKey extends SerializableOptionKeyField<TOption>,\n\tTOptionLabel extends keyof TOption\n>({\n\tlabel,\n\tdescription,\n\tdisabled,\n\tplaceholder,\n\tsize,\n\toptions,\n\tvalue,\n\tonChange,\n\toptionKey,\n\toptionLabel,\n\trenderCode,\n\tclassName,\n\tclearable\n}: SerializableSelectProps<TOption, TOptionKey, TOptionLabel>) {\n\tconst selectedOption =\n\t\tvalue === undefined ? undefined : options.find((option) => getSerializableOptionKey(option, optionKey) === value);\n\n\treturn (\n\t\t<Select\n\t\t\tlabel={label}\n\t\t\tdescription={description}\n\t\t\tdisabled={disabled}\n\t\t\tplaceholder={placeholder}\n\t\t\tsize={size}\n\t\t\toptions={options}\n\t\t\tvalue={selectedOption}\n\t\t\tonChange={(option: TOption | undefined) => onChange(option ? getSerializableOptionKey(option, optionKey) : undefined)}\n\t\t\tgetOptionKey={(option: TOption) => getSerializableOptionKey(option, optionKey)}\n\t\t\tgetOptionLabel={(option: TOption) => getSerializableOptionLabel(option, optionLabel, optionKey)}\n\t\t\tgetOptionCode={renderCode ? (option: TOption) => getSerializableOptionKey(option, optionKey) : undefined}\n\t\t\tclassName={className}\n\t\t\tclearable={clearable}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/dist/chunks/separator-CHpBud1e.js

@@ -0,0 +1,18 @@
+import { PolymorphicComponent as e } from "../polymorphic/index.js";
+import { cn as t } from "@ryuzaki13/react-foundation-lib/utils";
+import { jsx as n } from "react/jsx-runtime";
+import "react";
+//#region src/separator/Separator.tsx
+function r({ as: r, orientation: i = "horizontal", className: a, role: o = "separator", "aria-orientation": s, ...c }) {
+	return /* @__PURE__ */ n(e, {
+		as: r,
+		role: o,
+		"aria-orientation": o === "separator" ? s ?? i : void 0,
+		className: t(a, i === "horizontal" ? "separator" : "separatorVertical"),
+		...c
+	});
+}
+//#endregion
+export { r as t };
+
+//# sourceMappingURL=separator-CHpBud1e.js.map

package/dist/chunks/separator-CHpBud1e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-CHpBud1e.js","names":[],"sources":["../../src/separator/Separator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { PolymorphicComponent, PolymorphicComponentBaseProps } from \"../polymorphic\";\n\ntype SeparatorOwnProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentBaseProps<E> & {\n\torientation?: \"horizontal\" | \"vertical\";\n\tclassName?: string;\n};\n\ntype SeparatorProps<E extends React.ElementType> = SeparatorOwnProps<E> & Omit<React.ComponentPropsWithRef<E>, keyof SeparatorOwnProps>;\n\nexport function Separator<E extends React.ElementType>({\n\tas,\n\torientation = \"horizontal\",\n\tclassName,\n\trole = \"separator\",\n\t\"aria-orientation\": ariaOrientation,\n\t...props\n}: SeparatorProps<E>) {\n\tconst Component = as;\n\n\treturn (\n\t\t<PolymorphicComponent\n\t\t\tas={Component as React.ElementType}\n\t\t\trole={role}\n\t\t\taria-orientation={role === \"separator\" ? (ariaOrientation ?? orientation) : undefined}\n\t\t\tclassName={cn(className, orientation === \"horizontal\" ? \"separator\" : \"separatorVertical\")}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAuC,EACtD,OACA,iBAAc,cACd,cACA,UAAO,aACP,oBAAoB,GACpB,GAAG,KACkB;CAGrB,OACC,kBAAC,GAAD;EACK;EACE;EACN,oBAAkB,MAAS,cAAe,KAAmB,IAAe,KAAA;EAC5E,WAAW,EAAG,GAAW,MAAgB,eAAe,cAAc,mBAAmB;EACzF,GAAI;CACJ,CAAA;AAEH"}

package/dist/chunks/{sortable-BKIwlqhI.js → sortable-BujAJgFa.js}

@@ -1,7 +1,7 @@
-import { createContext as e, createElement as t, useContext as n, useMemo as r } from "react";
-import { cn as i } from "@ryuzaki13/react-foundation-lib/utils";
-import { jsx as a } from "react/jsx-runtime";
-import { GripIcon as o } from "lucide-react";
+import { cn as e } from "@ryuzaki13/react-foundation-lib/utils";
+import { GripIcon as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as r, createElement as i, useContext as a, useMemo as o } from "react";
 import { useDndSortableSensors as s } from "@ryuzaki13/react-foundation-lib/hooks";
 import { SortableContext as c, horizontalListSortingStrategy as l, rectSortingStrategy as u, useSortable as d, verticalListSortingStrategy as f } from "@dnd-kit/sortable";
 import { CSS as p } from "@dnd-kit/utilities";
@@ -39,7 +39,7 @@ function y(e) {
 }
 //#endregion
 //#region src/sortable/Sortable.tsx
-var b = e(null);
+var b = r(null);
 function x(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
@@ -47,36 +47,36 @@ function S(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 function C(e) {
-	let { children: t, collisionDetection: n = h, sensors: i, onDragCancel: o, onDragEnd: c, onDragMove: l, onDragOver: u, onDragPending: d, onDragStart: f, accessibility: p, ...g } = e, _ = s(), v = typeof document > "u" ? void 0 : document.body, y = r(() => ({
+	let { children: t, collisionDetection: r = h, sensors: i, onDragCancel: a, onDragEnd: c, onDragMove: l, onDragOver: u, onDragPending: d, onDragStart: f, accessibility: p, ...g } = e, _ = s(), v = typeof document > "u" ? void 0 : document.body, y = o(() => ({
 		...p,
 		container: p?.container ?? v
 	}), [p, v]);
-	return /* @__PURE__ */ a(m, {
+	return /* @__PURE__ */ n(m, {
 		...g,
 		accessibility: y,
 		sensors: i ?? _,
-		collisionDetection: n,
+		collisionDetection: r,
 		onDragStart: f,
 		onDragMove: l,
 		onDragOver: u,
 		onDragEnd: c,
-		onDragCancel: o,
+		onDragCancel: a,
 		onDragPending: d,
 		children: t
 	});
 }
 function w(e) {
-	let { children: t, containerId: n, items: r, layout: i = "vertical", strategy: o } = e;
-	return /* @__PURE__ */ a(c, {
-		id: String(n),
-		items: [...r],
-		strategy: v(i, o),
+	let { children: t, containerId: r, items: i, layout: a = "vertical", strategy: o } = e;
+	return /* @__PURE__ */ n(c, {
+		id: String(r),
+		items: [...i],
+		strategy: v(a, o),
 		children: t
 	});
 }
-function T(e) {
-	let { as: n, id: o, children: s, className: c, style: l, disabled: u = !1, dragActivator: f = "handle", ...m } = e, h = n ?? "div", { attributes: g, listeners: _, setActivatorNodeRef: v, setNodeRef: y, transform: S, transition: C, isDragging: w, isOver: T, isSorting: E } = d({
-		id: o,
+function T(t) {
+	let { as: r, id: a, children: s, className: c, style: l, disabled: u = !1, dragActivator: f = "handle", ...m } = t, h = r ?? "div", { attributes: g, listeners: _, setActivatorNodeRef: v, setNodeRef: y, transform: S, transition: C, isDragging: w, isOver: T, isSorting: E } = d({
+		id: a,
 		disabled: u
 	}), D = {
 		transform: p.Transform.toString(S),
@@ -84,7 +84,7 @@ function T(e) {
 		zIndex: !u && w ? 2 : 1,
 		opacity: !u && w ? .6 : void 0,
 		...l
-	}, O = r(() => ({
+	}, O = o(() => ({
 		attributes: g,
 		listeners: f === "handle" ? _ : void 0,
 		setActivatorNodeRef: v,
@@ -106,37 +106,38 @@ function T(e) {
 		...g,
 		..._
 	} : {};
-	return /* @__PURE__ */ a(b.Provider, {
+	return /* @__PURE__ */ n(b.Provider, {
 		value: O,
-		children: t(h, {
+		children: i(h, {
 			...m,
 			...A,
 			ref: y,
-			className: i(c),
+			className: e(c),
 			style: D,
-			"data-sortable-id": String(o),
+			"data-sortable-id": String(a),
 			"data-sortable-dragging": w ? "true" : "false",
 			"data-sortable-disabled": u ? "true" : "false"
 		}, x(s, k))
 	});
 }
 function E(e) {
-	let { as: r, children: i, disabled: a = !1, ...o } = e, s = r ?? "div", c = n(b), l = a || !c || c.disabled, u = l ? {} : {
+	let { as: t, children: n, disabled: r = !1, ...o } = e, s = t ?? "div", c = a(b), l = r || !c || c.disabled, u = l ? {} : {
 		...c.attributes,
 		...c.listeners
 	}, d = {
 		disabled: l,
 		isDragging: c?.isDragging ?? !1
-	};
-	return t(s, {
+	}, f = s === "button" ? { disabled: l } : {};
+	return i(s, {
 		...o,
 		...u,
+		...f,
 		ref: !l && c ? c.setActivatorNodeRef : void 0,
 		"aria-disabled": l || void 0,
 		"data-sortable-handle": "true",
 		"data-sortable-handle-disabled": l ? "true" : "false",
 		"data-sortable-handle-dragging": d.isDragging ? "true" : "false"
-	}, S(i, d));
+	}, S(n, d));
 }
 var D = { dragHandle: "_7rGb26" };
 //#endregion
@@ -145,29 +146,30 @@ function O(e, t) {
 	return e ?? t;
 }
 function k(e, t, n) {
-	return e == null ? t ?? n : t;
+	return e == null ? t ?? n ?? "Изменить порядок" : t;
 }
-function A(e) {
-	if (e.as === "button") {
-		let { as: t, children: n, className: r, disabled: s = !1, icon: c = /* @__PURE__ */ a(o, { "aria-hidden": "true" }), type: l = "button", ...u } = e, d = k(n, u["aria-label"], u.title);
-		return /* @__PURE__ */ a(E, {
+function A(r) {
+	if (r.as === "button") {
+		let { as: i, children: a, className: o, disabled: s = !1, icon: c = /* @__PURE__ */ n(t, { "aria-hidden": "true" }), type: l = "button", ...u } = r, d = k(a, u["aria-label"], u.title);
+		return /* @__PURE__ */ n(E, {
 			...u,
-			as: t,
+			as: i,
 			type: l,
 			disabled: s,
 			"aria-label": d,
-			className: i(D.dragHandle, r),
-			children: O(n, c)
+			className: e(D.dragHandle, o),
+			children: O(a, c)
 		});
 	}
-	let { as: t, children: n, className: r, disabled: s = !1, icon: c = /* @__PURE__ */ a(o, { "aria-hidden": "true" }), ...l } = e, u = k(n, l["aria-label"], l.title);
-	return /* @__PURE__ */ a(E, {
+	let { as: i, children: a, className: o, disabled: s = !1, icon: c = /* @__PURE__ */ n(t, { "aria-hidden": "true" }), ...l } = r, u = k(a, l["aria-label"], l.title);
+	return /* @__PURE__ */ n(E, {
 		...l,
-		as: t,
+		as: i,
+		role: "button",
 		disabled: s,
 		"aria-label": u,
-		className: i(D.dragHandle, r),
-		children: O(n, c)
+		className: e(D.dragHandle, o),
+		children: O(a, c)
 	});
 }
 //#endregion
@@ -182,4 +184,4 @@ var j = {
 //#endregion
 export { T as a, E as i, A as n, C as o, w as r, y as s, j as t };
 
-//# sourceMappingURL=sortable-BKIwlqhI.js.map
+//# sourceMappingURL=sortable-BujAJgFa.js.map