@g4rcez/components 5.0.2 → 5.0.3

package/dist/components/form/multi-select.js

@@ -0,0 +1,420 @@
+"use client";
+import { i as e, o as t, t as n } from "../../dom-Bn4wY_Zx.js";
+import { Tag as r } from "../core/tag.js";
+import { t as i } from "../../CaretDown.es-BXl0Ixp3.js";
+import { t as a } from "../../X.es-Cjq2a_OA.js";
+import { n as o } from "../../input-field-ffx1MbHo.js";
+import { t as ee } from "../../use-translations-BE4PuhLm.js";
+import { A as te, D as ne, S as re, T as ie, a as ae, b as oe, d as se, f as ce, k as le, n as ue, o as de, v as fe } from "../../floating-ui.react-CwXtBJ_y.js";
+import { t as s } from "../../proxy-fP2NxmhM.js";
+import { t as c } from "../../AnimatePresence-j36AYeOQ.js";
+import { t as pe } from "../../dist-BHFtgf5x.js";
+import { t as me } from "../../use-remove-scroll-pAgC09Sq.js";
+import { t as he } from "../../fzf-CPGDDCoU.js";
+import { t as l } from "../../dict-CisoYSMO.js";
+import u, { Fragment as ge, forwardRef as d, useEffect as f, useId as _e, useMemo as p, useRef as m, useState as h } from "react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { flushSync as v } from "react-dom";
+//#region src/components/form/multi-select.tsx
+var y = 40, ve = (e) => /* @__PURE__ */ g(ge, { children: e.children }), ye = {
+	duration: 200,
+	initial: {
+		transform: "scaleY(0)",
+		opacity: .2
+	},
+	open: {
+		transform: "scaleY(1)",
+		opacity: 1
+	},
+	close: {
+		transform: "scaleY(0)",
+		opacity: 0
+	}
+}, be = [], xe = [], Se = {
+	List: d(function({ context: e, ...t }, n) {
+		return /* @__PURE__ */ g(s.div, {
+			...t,
+			id: e?.listboxId,
+			ref: n,
+			role: "listbox",
+			className: "last:rounded-t-dropdown-radius"
+		});
+	}),
+	Item: d(function({ context: e, ...t }, n) {
+		return /* @__PURE__ */ g(s.div, {
+			...t,
+			ref: n,
+			role: "presentation",
+			className: "w-full",
+			children: /* @__PURE__ */ g(c, { children: t.children })
+		});
+	})
+}, Ce = (e) => {
+	let t = ee(), n = m(null), i = u.Children.count(e.children), [a, o] = h(!1);
+	return f(() => {
+		if (n.current === null) return;
+		let e = n.current.parentElement.getBoundingClientRect(), t = Array.from(n.current.querySelectorAll("[data-component='tag']")).reduce((e, t) => e + t.getBoundingClientRect().width, 0);
+		if (n.current.querySelectorAll("[data-multicounter]").length && i <= 3) return o(!1);
+		if (t > e.width) return o(!0);
+	}, [i]), /* @__PURE__ */ g("span", {
+		ref: n,
+		className: "flex flex-nowrap gap-x-2",
+		children: a ? /* @__PURE__ */ _(r, {
+			size: "small",
+			"data-multicounter": "true",
+			children: [
+				i,
+				" ",
+				t.multiSelectSelectedLabel
+			]
+		}) : e.children
+	});
+}, b = d(({ left: c, error: u, right: ge, options: d, container: b, rightLabel: we, interactive: Te, emptyMessage: Ee, optionalText: De, selectedLabel: Oe, labelClassName: ke, feedback: Ae = null, hideLeft: je = !1, required: x = !1, dynamicOption: S = !1, onChangeOptions: C, ...w }, Me) => {
+	let Ne = m(null), T = p(() => new l(d.map((e) => [e.value, e])), [d]), E = m(null), D = m(null), O = m(null), k = w.value ?? w.defaultValue ?? xe, A = ee(), Pe = _e(), [j, M] = h(!1), [N, P] = h(""), [F, I] = h(() => {
+		let e = new l();
+		return k.forEach((t) => {
+			let n = T.get(t);
+			return n ? e.set(t, n) : void 0;
+		}), e;
+	}), [Fe, Ie] = h(() => {
+		let e = new Set(k);
+		return d.reduce((t, n) => e.has(n.value) ? [...t, n.label ?? n.value] : t, []) ?? k;
+	}), [L, R] = h(null), z = m(be), [, Le] = h(0), [B, V] = h(() => Math.min(320, y * d.length)), Re = me(j, "block-only"), H = p(() => S && N !== "" ? [{
+		value: N,
+		label: N,
+		"data-dynamic": "true"
+	}, ...d] : d, [
+		S,
+		N,
+		d
+	]), U = p(() => N.length === 0 ? H : he(H, "value", [{
+		key: "value",
+		value: N
+	}, {
+		key: "label",
+		value: N
+	}]), [H, N]), W = p(() => U.filter((e) => e.hidden !== !0), [U]), G = p(() => Array.from(F.keys()), [F]), K = W.length === 0, ze = () => v(() => M(!0)), Be = () => {
+		M(!1), V(0);
+	}, { x: Ve, y: He, strategy: Ue, refs: q, context: J, placement: We } = ce({
+		open: j,
+		transform: !0,
+		placement: "bottom-start",
+		strategy: "absolute",
+		onOpenChange: M,
+		whileElementsMounted: te,
+		middleware: [
+			ne(4),
+			ie({
+				allowedPlacements: ["top-start", "bottom-start"],
+				alignment: "start"
+			}),
+			le({
+				padding: 10,
+				elementContext: "reference",
+				apply(t) {
+					let n = e(q.reference.current, window.innerHeight), r = `${E.current?.getBoundingClientRect().width || n}px`;
+					Object.assign(t.elements.floating.style, {
+						width: r,
+						maxWidth: r
+					});
+				}
+			})
+		]
+	}), Ge = We === "top" || We === "top-start", Ke = re(J, ye), { getReferenceProps: qe, getFloatingProps: Je, getItemProps: Ye } = fe([se(J), oe(J, {
+		cols: 0,
+		listRef: z,
+		loop: !0,
+		virtual: !0,
+		allowEscape: !0,
+		activeIndex: L,
+		selectedIndex: L,
+		focusItemOnOpen: "auto",
+		openOnArrowKeyDown: !0,
+		scrollItemIntoView: !0,
+		onNavigate: (e) => R((t) => e ?? t)
+	})]);
+	f(() => {
+		w.value && I(new l(w.value.map((e) => [e, T.get(e)])));
+	}, [w.value, T]), f(() => {
+		let e = q.reference.current;
+		if (e) return t(e);
+	}, [q.reference]), f(() => {
+		if (!j) return;
+		let e = requestAnimationFrame(() => Le((e) => e + 1));
+		return () => cancelAnimationFrame(e);
+	}, [j]), f(() => {
+		if (!j) {
+			V(0);
+			return;
+		}
+		let e = setTimeout(() => V(Math.min(320, W.length * y)), 100);
+		return () => clearTimeout(e);
+	}, [j, W.length]);
+	let Y = (e, t) => {
+		let n = F.clone((t) => t.has(e.value) ? t.remove(e.value) : t.set(e.value, e));
+		I(n);
+		let r = q.reference.current;
+		if (!r) return;
+		let i = n.map((e) => e.value);
+		r?.setAttribute("data-value", JSON.stringify(i)), C && C(i), Ie((t) => t.concat(e.label ?? "")), P(""), R(t), O.current?.focus();
+	}, Xe = (e) => {
+		let t = e.target.value;
+		return P(t), !j && t === "" ? M(!0) : (e.target.name = w.name || "", t ? M(!0) : void 0);
+	}, Ze = () => {
+		ze(), P(""), q.reference.current?.focus();
+	}, Qe = () => {
+		ze(), P("");
+	}, $e = () => {
+		q.reference.current?.setAttribute("data-value", "[]"), P(""), I(new l()), C?.([]), Be();
+	}, X = w.id || w.name || Pe, Z = `${X}-shadow`, Q = `${Z}-listbox`, et = j && L !== null && W[L] ? `${Z}-option-${L}` : void 0, $ = F.map((e, t) => /* @__PURE__ */ g(r, {
+		size: "small",
+		icon: /* @__PURE__ */ g("button", {
+			type: "button",
+			"aria-label": `Remove ${e.label ?? e.value}`,
+			className: "text-current hover:text-danger focus:text-danger",
+			onClick: (n) => {
+				n.preventDefault(), n.stopPropagation(), Y(e, t);
+			},
+			children: /* @__PURE__ */ g(a, {
+				size: 14,
+				"aria-hidden": "true"
+			})
+		}),
+		children: e.label ?? e.value
+	}, `MultiSelect-${e.value}-x`));
+	return /* @__PURE__ */ _(o, {
+		...w,
+		left: c,
+		error: u,
+		ref: E,
+		form: w.form,
+		name: w.name,
+		feedback: Ae,
+		hideLeft: je,
+		required: x,
+		title: w.title,
+		container: b,
+		rightLabel: we,
+		interactive: Te,
+		id: X,
+		optionalText: De,
+		componentName: "autocomplete",
+		labelClassName: ke,
+		placeholder: w.placeholder,
+		right: /* @__PURE__ */ _("span", {
+			className: "flex items-center gap-0.5",
+			children: [
+				ge,
+				/* @__PURE__ */ _("button", {
+					type: "button",
+					className: "transition-colors link:text-primary",
+					onClick: Ze,
+					children: [/* @__PURE__ */ g(i, { size: 20 }), /* @__PURE__ */ g("span", {
+						className: "sr-only",
+						children: A.inputCaretDown
+					})]
+				}),
+				F ? /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: $e,
+					"aria-label": A.inputCloseValue,
+					className: "transition-colors link:text-danger",
+					children: /* @__PURE__ */ g("svg", {
+						width: "15",
+						height: "15",
+						viewBox: "0 0 15 15",
+						fill: "none",
+						xmlns: "http://www.w3.org/2000/svg",
+						children: /* @__PURE__ */ g("path", {
+							d: "M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z",
+							fill: "currentColor",
+							fillRule: "evenodd",
+							clipRule: "evenodd"
+						})
+					})
+				}) : null
+			]
+		}),
+		children: [
+			/* @__PURE__ */ _("div", {
+				...qe({
+					...w,
+					tabIndex: j ? -1 : 0,
+					onFocus: Qe,
+					id: Z,
+					role: j ? "presentation" : "combobox",
+					name: Z,
+					ref: q.setReference,
+					"aria-expanded": j,
+					"aria-haspopup": "listbox",
+					"aria-controls": Q,
+					"aria-activedescendant": et,
+					"aria-labelledby": `${X}-label`
+				}),
+				"data-name": X,
+				"data-target": X,
+				"data-shadow": "true",
+				"data-error": !!u,
+				"data-value": G.join(","),
+				className: n("input placeholder-input-mask group h-input-height w-full text-input-text", "rounded-input-radius bg-transparent px-input-padding-x py-input-padding-y text-foreground", "outline-none transition-colors focus:ring-2 focus:ring-inset focus:ring-primary", "group-error:text-danger group-error:placeholder-input-mask-error", "group-focus-within:border-primary group-hover:border-primary", "flex flex-row items-center gap-input-gap whitespace-nowrap text-left", "max-w-full overflow-x-auto truncate overflow-ellipsis", w.className),
+				children: [G.length > 0 ? null : /* @__PURE__ */ g("span", {
+					className: "text-input-placeholder",
+					children: w.placeholder
+				}), /* @__PURE__ */ g(Ce, {
+					label: Oe,
+					children: $
+				})]
+			}),
+			/* @__PURE__ */ g("input", {
+				id: X,
+				name: X,
+				type: "hidden",
+				"data-origin": X,
+				ref: Me,
+				required: x,
+				defaultValue: w.value || G || void 0
+			}),
+			/* @__PURE__ */ g(de, {
+				preserveTabOrder: !0,
+				children: j ? /* @__PURE__ */ g(ae, {
+					lockScroll: !0,
+					className: "z-floating",
+					children: /* @__PURE__ */ g(ue, {
+						modal: !0,
+						guards: !0,
+						returnFocus: !1,
+						context: J,
+						initialFocus: O,
+						visuallyHiddenDismiss: !0,
+						children: /* @__PURE__ */ _("div", {
+							...Je({
+								ref: q.setFloating,
+								style: {
+									...Ke.styles,
+									left: Ve,
+									top: He ?? 0,
+									position: Ue
+								}
+							}),
+							"data-floating": "true",
+							className: n("relative shadow-floating overflow-clip isolate z-floating m-0 max-h-dropdown-max-h list-none overscroll-contain rounded-dropdown-radius border border-floating-border bg-floating-background p-0 text-foreground ease-in-out", Ge ? "origin-[bottom_center]" : "origin-[top_center]"),
+							children: [
+								/* @__PURE__ */ g("input", {
+									ref: O,
+									value: N,
+									onChange: Xe,
+									title: w.title,
+									role: "combobox",
+									"aria-autocomplete": "list",
+									"aria-expanded": j,
+									"aria-haspopup": "listbox",
+									"aria-controls": Q,
+									"aria-activedescendant": et,
+									"aria-labelledby": `${X}-label`,
+									autoComplete: "off",
+									placeholder: A.multiSelectInnerPlaceholder,
+									className: "input placeholder-input-mask group mb-1 h-input-height w-full flex-1 rounded-none border-b border-input-border bg-transparent px-input-padding-x py-input-padding-y outline-none transition-colors focus:border-primary",
+									onKeyDown: (e) => {
+										if (e.key === "ArrowDown") {
+											e.preventDefault();
+											let t = L === null ? 0 : L + 1;
+											return t > W.length - 1 && (t = 0), D.current?.scrollIntoView({ index: t }), R(t);
+										}
+										if (e.key === "ArrowUp") {
+											e.preventDefault();
+											let t = L === null ? W.length - 1 : L - 1;
+											return t < 0 && (t = W.length - 1), D.current?.scrollIntoView({ index: t }), R(t);
+										}
+										if (e.key === "Escape") return e.preventDefault(), Be();
+										if (e.key === "Enter" || e.key === " " || e.code === "Space") {
+											if (L !== null && W[L]) return e.preventDefault(), Y(W[L], L);
+											if (W.length === 1) return e.preventDefault(), Y(W[0], 0);
+										}
+									}
+								}),
+								K ? /* @__PURE__ */ g("li", {
+									className: "w-full border-b border-tooltip-border last:border-transparent",
+									children: /* @__PURE__ */ g("span", {
+										className: "flex w-full justify-between p-menu-item-p text-left text-disabled",
+										children: Ee || A.autocompleteEmpty
+									})
+								}) : null,
+								K ? null : /* @__PURE__ */ g(s.div, {
+									initial: !1,
+									animate: { height: K ? "auto" : B },
+									className: "max-h-72 w-full overscroll-contain",
+									onAnimationComplete: () => {
+										if (!j) {
+											V(0);
+											return;
+										}
+										let e = ((q.floating.current?.querySelector("li"))?.getBoundingClientRect().height ?? y) * W.length;
+										v(() => V(Math.min(320, e + 2)));
+									},
+									children: /* @__PURE__ */ g(pe, {
+										overscan: 40,
+										ref: D,
+										hidden: K,
+										data: W,
+										context: { listboxId: Q },
+										style: { height: B },
+										initialItemCount: W.length,
+										defaultItemHeight: y,
+										components: Se,
+										totalListHeightChanged: (e) => V(Math.min(320, e)),
+										scrollerRef: (e) => {
+											Ne.current = e, Re.current = e;
+										},
+										className: "max-h-72 border-floating-border bg-floating-background p-0 text-foreground",
+										itemContent: (e, t) => {
+											let r = t.Render ?? ve, i = F.has(t.value) || F.has(t.label ?? ""), a = L === e, o = t.label ?? t.value;
+											return /* @__PURE__ */ _("div", {
+												id: `${Z}-option-${e}`,
+												"data-value": t.value,
+												...Ye({
+													ref: (t) => {
+														z.current[e] = t;
+													},
+													role: "option",
+													"aria-selected": i,
+													"aria-disabled": t.disabled,
+													tabIndex: -1,
+													onClick: () => {
+														t.disabled || Y(t, e);
+													}
+												}),
+												className: n("flex w-full max-w-full cursor-pointer items-center justify-start p-menu-item-p text-left hover:bg-floating-hover focus:bg-floating-hover", i || a ? "bg-floating-hover text-floating-foreground" : ""),
+												children: [/* @__PURE__ */ g("span", {
+													"aria-hidden": "true",
+													"data-selected": i,
+													className: "mr-checkbox-gap inline-block size-checkbox-size rounded-checkbox-radius border border-card-border data-[selected=true]:bg-primary"
+												}), /* @__PURE__ */ g(r, {
+													...t,
+													label: t.label,
+													value: t.value,
+													children: o
+												})]
+											});
+										}
+									})
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "gap-menu-item-gap sticky bottom-0 flex w-full flex-nowrap items-center overflow-x-auto rounded-b-dropdown-radius bg-floating-background p-menu-item-p",
+									children: F.size === 0 ? /* @__PURE__ */ g(r, {
+										theme: "muted",
+										size: "small",
+										children: A.autocompleteEmpty
+									}) : $
+								})
+							]
+						})
+					})
+				}) : null
+			})
+		]
+	});
+});
+//#endregion
+export { b as MultiSelect };
+
+//# sourceMappingURL=multi-select.js.map

package/dist/components/form/multi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.js","names":[],"sources":["../../../src/components/form/multi-select.tsx"],"sourcesContent":["\"use client\";\nimport {\n    autoPlacement,\n    autoUpdate,\n    FloatingFocusManager,\n    FloatingOverlay,\n    FloatingPortal,\n    offset,\n    size,\n    useDismiss,\n    useFloating,\n    useInteractions,\n    useListNavigation,\n    useTransitionStyles,\n} from \"@floating-ui/react\";\nimport { CaretDownIcon, XIcon } from \"@phosphor-icons/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport React, { forwardRef, Fragment, type PropsWithChildren, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { type ContextProp, type ItemProps, type ListProps, Virtuoso, type VirtuosoHandle } from \"react-virtuoso\";\nimport { useRemoveScroll } from \"../../hooks/use-remove-scroll\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { Dict } from \"../../lib/dict\";\nimport { css, getRemainingSize, initializeInputDataset } from \"../../lib/dom\";\nimport { fzf } from \"../../lib/fzf\";\nimport { Label, Override } from \"../../types\";\nimport { Tag } from \"../core/tag\";\nimport { InputField, InputFieldProps } from \"./input-field\";\nimport { type OptionProps } from \"./select\";\n\nexport type MultiSelectItemProps = OptionProps & {\n    Render?: React.FC<OptionProps>;\n};\n\nexport type MultiSelectProps = Override<\n    InputFieldProps<\"input\">,\n    {\n        title?: string;\n        value?: string[];\n        emptyMessage?: Label;\n        selectedLabel?: string;\n        defaultValue?: string[];\n        dynamicOption?: boolean;\n        options: MultiSelectItemProps[];\n        onChangeOptions?: (options: string[]) => void;\n    }\n>;\n\nconst MIN_SIZE = 40;\n\nconst Frag = (props: PropsWithChildren) => <Fragment>{props.children}</Fragment>;\n\nconst transitionStyles = {\n    duration: 200,\n    initial: { transform: \"scaleY(0)\", opacity: 0.2 },\n    open: { transform: \"scaleY(1)\", opacity: 1 },\n    close: { transform: \"scaleY(0)\", opacity: 0 },\n} as const;\n\nconst EMPTY_NODES: Array<HTMLElement | null> = [];\nconst EMPTY_VALUES: string[] = [];\n\nconst List = forwardRef<HTMLDivElement, ListProps & ContextProp<{ listboxId?: string }>>(function VirtualList({ context, ...props }, ref) {\n    return <motion.div {...props} id={context?.listboxId} ref={ref} role=\"listbox\" className=\"last:rounded-t-dropdown-radius\" />;\n});\n\nconst Item = forwardRef<HTMLDivElement, ItemProps<MultiSelectItemProps> & ContextProp<unknown>>(function VirtualList(\n    { context: _context, ...props },\n    ref\n) {\n    return (\n        <motion.div {...props} ref={ref as never} role=\"presentation\" className=\"w-full\">\n            <AnimatePresence>{props.children}</AnimatePresence>\n        </motion.div>\n    );\n});\n\nconst components = { List, Item };\n\nconst OverflowControl = (props: PropsWithChildren<{ label?: string }>) => {\n    const translate = useTranslations();\n    const ref = useRef<HTMLSpanElement>(null);\n    const countable = React.Children.count(props.children);\n    const [normalView, setNormalView] = useState(false);\n\n    useEffect(() => {\n        if (ref.current === null) return;\n        const parent = ref.current.parentElement!.getBoundingClientRect();\n        const items = Array.from(ref.current.querySelectorAll(\"[data-component='tag']\"));\n        const child = items.reduce((acc, el) => acc + el.getBoundingClientRect().width, 0);\n        const hasOnlyCounter = ref.current.querySelectorAll(\"[data-multicounter]\").length;\n        if (hasOnlyCounter && countable <= 3) return setNormalView(false);\n        if (child > parent.width) return setNormalView(true);\n    }, [countable]);\n\n    return (\n        <span ref={ref} className=\"flex flex-nowrap gap-x-2\">\n            {!normalView ? (\n                props.children\n            ) : (\n                <Tag size=\"small\" data-multicounter=\"true\">\n                    {countable} {translate.multiSelectSelectedLabel}\n                </Tag>\n            )}\n        </span>\n    );\n};\n\nexport const MultiSelect = forwardRef<HTMLInputElement, MultiSelectProps>(\n    (\n        {\n            left,\n            error,\n            right,\n            options,\n            container,\n            rightLabel,\n            interactive,\n            emptyMessage,\n            optionalText,\n            selectedLabel,\n            labelClassName,\n            feedback = null,\n            hideLeft = false,\n            required = false,\n            dynamicOption = false,\n            onChangeOptions,\n            ...props\n        }: MultiSelectProps,\n        externalRef\n    ) => {\n        const scroller = useRef<HTMLElement | null>(null);\n        const map = useMemo(() => new Dict(options.map((x) => [x.value, x])), [options]);\n        const fieldset = useRef<HTMLFieldSetElement>(null);\n        const virtuoso = useRef<VirtuosoHandle | null>(null);\n        const searchInputRef = useRef<HTMLInputElement>(null);\n        const defaults = props.value ?? props.defaultValue ?? EMPTY_VALUES;\n        const translation = useTranslations();\n        const generatedId = useId();\n        const [open, setOpen] = useState(false);\n        const [shadow, setShadow] = useState(\"\");\n        const [value, setValue] = useState<Dict<string, MultiSelectItemProps>>(() => {\n            const d = new Dict<string, MultiSelectItemProps>();\n            defaults.forEach((x) => {\n                const result = map.get(x);\n                return result ? d.set(x, result) : undefined;\n            });\n            return d;\n        });\n        const [_label, setLabel] = useState<string[]>(() => {\n            const d = new Set(defaults);\n            return options.reduce<string[]>((acc, x) => (d.has(x.value) ? [...acc, x.label ?? x.value] : acc), []) ?? defaults;\n        });\n        const [index, setIndex] = useState<number | null>(null);\n        const listRef = useRef<Array<HTMLElement | null>>(EMPTY_NODES);\n        const [, tick] = useState(0);\n        const [h, setH] = useState(() => Math.min(320, MIN_SIZE * options.length));\n        const removeScrollRef = useRemoveScroll<HTMLElement>(open, \"block-only\");\n\n        const innerOptions = useMemo<MultiSelectItemProps[]>(\n            () => (dynamicOption && shadow !== \"\" ? [{ value: shadow, label: shadow, \"data-dynamic\": \"true\" }, ...options] : options),\n            [dynamicOption, shadow, options]\n        );\n\n        const list = useMemo(\n            () =>\n                shadow.length === 0\n                    ? innerOptions\n                    : fzf(innerOptions, \"value\", [\n                          { key: \"value\", value: shadow },\n                          { key: \"label\", value: shadow },\n                      ]),\n            [innerOptions, shadow]\n        );\n\n        const displayList = useMemo(() => list.filter((x) => x.hidden !== true), [list]);\n\n        const values = useMemo(() => Array.from(value.keys()), [value]);\n\n        const isEmpty = displayList.length === 0;\n\n        const openDropdown = () => flushSync(() => setOpen(true));\n\n        const setClosed = () => {\n            setOpen(false);\n            setH(0);\n        };\n\n        const { x, y, strategy, refs, context, placement } = useFloating<HTMLInputElement>({\n            open,\n            transform: true,\n            placement: \"bottom-start\",\n            strategy: \"absolute\",\n            onOpenChange: setOpen,\n            whileElementsMounted: autoUpdate,\n            middleware: [\n                offset(4),\n                autoPlacement({\n                    allowedPlacements: [\"top-start\", \"bottom-start\"],\n                    alignment: \"start\",\n                }),\n                size({\n                    padding: 10,\n                    elementContext: \"reference\",\n                    apply(args) {\n                        const DEFAULT_SIZE = getRemainingSize(refs.reference!.current as HTMLElement, window.innerHeight);\n                        const mw = `${fieldset.current?.getBoundingClientRect().width || DEFAULT_SIZE}px`;\n                        Object.assign(args.elements.floating.style, {\n                            width: mw,\n                            maxWidth: mw,\n                        });\n                    },\n                }),\n            ],\n        });\n\n        const isTopPlacement = placement === \"top\" || placement === \"top-start\";\n\n        const transitions = useTransitionStyles(context, transitionStyles);\n\n        const { getReferenceProps, getFloatingProps, getItemProps } = useInteractions([\n            useDismiss(context),\n            useListNavigation(context, {\n                cols: 0,\n                listRef,\n                loop: true,\n                virtual: true,\n                allowEscape: true,\n                activeIndex: index,\n                selectedIndex: index,\n                focusItemOnOpen: \"auto\",\n                openOnArrowKeyDown: true,\n                scrollItemIntoView: true,\n                onNavigate: (n) => setIndex((prev) => n ?? prev),\n            }),\n        ]);\n\n        useEffect(() => {\n            if (props.value) {\n                setValue(new Dict(props.value.map((x) => [x, map.get(x)!])));\n            }\n        }, [props.value, map]);\n\n        useEffect(() => {\n            const input = refs.reference.current as HTMLInputElement;\n            if (!input) return;\n            return initializeInputDataset(input);\n        }, [refs.reference]);\n\n        useEffect(() => {\n            if (!open) return;\n            const id = requestAnimationFrame(() => tick((n) => n + 1));\n            return () => cancelAnimationFrame(id);\n        }, [open]);\n\n        useEffect(() => {\n            if (!open) {\n                setH(0);\n                return;\n            }\n            const id = setTimeout(() => setH(Math.min(320, displayList.length * MIN_SIZE)), 100);\n            return () => clearTimeout(id);\n        }, [open, displayList.length]);\n\n        const onSelect = (opt: MultiSelectItemProps, i: number) => {\n            const clone = value.clone((c) => {\n                if (c.has(opt.value)) return c.remove(opt.value);\n                return c.set(opt.value, opt);\n            });\n            setValue(clone);\n            const input = refs.reference.current as HTMLInputElement;\n            if (!input) return;\n            const opts = clone.map((x) => x.value);\n            input?.setAttribute(\"data-value\", JSON.stringify(opts));\n            if (onChangeOptions) onChangeOptions(opts);\n            setLabel((prev) => prev.concat(opt.label ?? \"\"));\n            setShadow(\"\");\n            setIndex(i);\n            searchInputRef.current?.focus();\n        };\n\n        const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n            const v = event.target.value;\n            setShadow(v);\n            if (!open && v === \"\") return setOpen(true);\n            event.target.name = props.name || \"\";\n            return v ? setOpen(true) : undefined;\n        };\n\n        const onCaretDownClick = () => {\n            openDropdown();\n            setShadow(\"\");\n            (refs.reference.current as HTMLInputElement)?.focus();\n        };\n\n        const onFocus = () => {\n            openDropdown();\n            setShadow(\"\");\n        };\n\n        const onClose = () => {\n            (refs.reference.current as HTMLInputElement)?.setAttribute(\"data-value\", \"[]\");\n            setShadow(\"\");\n            setValue(new Dict());\n            onChangeOptions?.([]);\n            setClosed();\n        };\n\n        const id = props.id || props.name || generatedId;\n        const shadowId = `${id}-shadow`;\n        const listboxId = `${shadowId}-listbox`;\n        const activeOptionId = open && index !== null && displayList[index] ? `${shadowId}-option-${index}` : undefined;\n\n        const tags = value.map((x, i) => (\n            <Tag\n                size=\"small\"\n                key={`MultiSelect-${x.value}-x`}\n                icon={\n                    <button\n                        type=\"button\"\n                        aria-label={`Remove ${x.label ?? x.value}`}\n                        className=\"text-current hover:text-danger focus:text-danger\"\n                        onClick={(e) => {\n                            e.preventDefault();\n                            e.stopPropagation();\n                            onSelect(x, i);\n                        }}\n                    >\n                        <XIcon size={14} aria-hidden=\"true\" />\n                    </button>\n                }\n            >\n                {x.label ?? x.value}\n            </Tag>\n        ));\n\n        return (\n            <InputField\n                {...props}\n                left={left}\n                error={error}\n                ref={fieldset as never}\n                form={props.form}\n                name={props.name}\n                feedback={feedback}\n                hideLeft={hideLeft}\n                required={required}\n                title={props.title}\n                container={container}\n                rightLabel={rightLabel}\n                interactive={interactive}\n                id={id}\n                optionalText={optionalText}\n                componentName=\"autocomplete\"\n                labelClassName={labelClassName}\n                placeholder={props.placeholder}\n                right={\n                    <span className=\"flex items-center gap-0.5\">\n                        {right}\n                        <button type=\"button\" className=\"transition-colors link:text-primary\" onClick={onCaretDownClick}>\n                            <CaretDownIcon size={20} />\n                            <span className=\"sr-only\">{translation.inputCaretDown}</span>\n                        </button>\n                        {value ? (\n                            <button\n                                type=\"button\"\n                                onClick={onClose}\n                                aria-label={translation.inputCloseValue}\n                                className=\"transition-colors link:text-danger\"\n                            >\n                                <svg width=\"15\" height=\"15\" viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                                    <path\n                                        d=\"M11.7816 4.03157C12.0062 3.80702 12.0062 3.44295 11.7816 3.2184C11.5571 2.99385 11.193 2.99385 10.9685 3.2184L7.50005 6.68682L4.03164 3.2184C3.80708 2.99385 3.44301 2.99385 3.21846 3.2184C2.99391 3.44295 2.99391 3.80702 3.21846 4.03157L6.68688 7.49999L3.21846 10.9684C2.99391 11.193 2.99391 11.557 3.21846 11.7816C3.44301 12.0061 3.80708 12.0061 4.03164 11.7816L7.50005 8.31316L10.9685 11.7816C11.193 12.0061 11.5571 12.0061 11.7816 11.7816C12.0062 11.557 12.0062 11.193 11.7816 10.9684L8.31322 7.49999L11.7816 4.03157Z\"\n                                        fill=\"currentColor\"\n                                        fillRule=\"evenodd\"\n                                        clipRule=\"evenodd\"\n                                    />\n                                </svg>\n                            </button>\n                        ) : null}\n                    </span>\n                }\n            >\n                <div\n                    {...getReferenceProps({\n                        ...props,\n                        tabIndex: open ? -1 : 0,\n                        onFocus,\n                        id: shadowId,\n                        role: open ? \"presentation\" : \"combobox\",\n                        name: shadowId,\n                        ref: refs.setReference,\n                        \"aria-expanded\": open,\n                        \"aria-haspopup\": \"listbox\",\n                        \"aria-controls\": listboxId,\n                        \"aria-activedescendant\": activeOptionId,\n                        \"aria-labelledby\": `${id}-label`,\n                    } as React.HTMLProps<HTMLElement>)}\n                    data-name={id}\n                    data-target={id}\n                    data-shadow=\"true\"\n                    data-error={!!error}\n                    data-value={values.join(\",\")}\n                    className={css(\n                        \"input placeholder-input-mask group h-input-height w-full text-input-text\",\n                        \"rounded-input-radius bg-transparent px-input-padding-x py-input-padding-y text-foreground\",\n                        \"outline-none transition-colors focus:ring-2 focus:ring-inset focus:ring-primary\",\n                        \"group-error:text-danger group-error:placeholder-input-mask-error\",\n                        \"group-focus-within:border-primary group-hover:border-primary\",\n                        \"flex flex-row items-center gap-input-gap whitespace-nowrap text-left\",\n                        \"max-w-full overflow-x-auto truncate overflow-ellipsis\",\n                        props.className\n                    )}\n                >\n                    {values.length > 0 ? null : <span className=\"text-input-placeholder\">{props.placeholder}</span>}\n                    <OverflowControl label={selectedLabel}>{tags}</OverflowControl>\n                </div>\n                <input\n                    id={id}\n                    name={id}\n                    type=\"hidden\"\n                    data-origin={id}\n                    ref={externalRef}\n                    required={required}\n                    defaultValue={props.value || values || undefined}\n                />\n                <FloatingPortal preserveTabOrder>\n                    {open ? (\n                        <FloatingOverlay lockScroll className=\"z-floating\">\n                            <FloatingFocusManager\n                                modal\n                                guards\n                                returnFocus={false}\n                                context={context}\n                                initialFocus={searchInputRef}\n                                visuallyHiddenDismiss\n                            >\n                                <div\n                                    {...getFloatingProps({\n                                        ref: refs.setFloating,\n                                        style: {\n                                            ...transitions.styles,\n                                            left: x,\n                                            top: y ?? 0,\n                                            position: strategy,\n                                        },\n                                    })}\n                                    data-floating=\"true\"\n                                    className={css(\n                                        \"relative shadow-floating overflow-clip isolate z-floating m-0 max-h-dropdown-max-h list-none overscroll-contain rounded-dropdown-radius border border-floating-border bg-floating-background p-0 text-foreground ease-in-out\",\n                                        isTopPlacement ? \"origin-[bottom_center]\" : \"origin-[top_center]\"\n                                    )}\n                                >\n                                    <input\n                                        ref={searchInputRef}\n                                        value={shadow}\n                                        onChange={onChange}\n                                        title={props.title}\n                                        role=\"combobox\"\n                                        aria-autocomplete=\"list\"\n                                        aria-expanded={open}\n                                        aria-haspopup=\"listbox\"\n                                        aria-controls={listboxId}\n                                        aria-activedescendant={activeOptionId}\n                                        aria-labelledby={`${id}-label`}\n                                        autoComplete=\"off\"\n                                        placeholder={translation.multiSelectInnerPlaceholder}\n                                        className=\"input placeholder-input-mask group mb-1 h-input-height w-full flex-1 rounded-none border-b border-input-border bg-transparent px-input-padding-x py-input-padding-y outline-none transition-colors focus:border-primary\"\n                                        onKeyDown={(event: React.KeyboardEvent<HTMLInputElement>) => {\n                                            if (event.key === \"ArrowDown\") {\n                                                event.preventDefault();\n                                                let next = index === null ? 0 : index + 1;\n                                                if (next > displayList.length - 1) next = 0;\n                                                virtuoso.current?.scrollIntoView({ index: next });\n                                                return setIndex(next);\n                                            }\n                                            if (event.key === \"ArrowUp\") {\n                                                event.preventDefault();\n                                                let next = index === null ? displayList.length - 1 : index - 1;\n                                                if (next < 0) next = displayList.length - 1;\n                                                virtuoso.current?.scrollIntoView({ index: next });\n                                                return setIndex(next);\n                                            }\n                                            if (event.key === \"Escape\") {\n                                                event.preventDefault();\n                                                return setClosed();\n                                            }\n                                            if (event.key === \"Enter\" || event.key === \" \" || event.code === \"Space\") {\n                                                if (index !== null && displayList[index]) {\n                                                    event.preventDefault();\n                                                    return onSelect(displayList[index], index);\n                                                }\n                                                if (displayList.length === 1) {\n                                                    event.preventDefault();\n                                                    return onSelect(displayList[0], 0);\n                                                }\n                                            }\n                                        }}\n                                    />\n                                    {isEmpty ? (\n                                        <li className=\"w-full border-b border-tooltip-border last:border-transparent\">\n                                            <span className=\"flex w-full justify-between p-menu-item-p text-left text-disabled\">\n                                                {emptyMessage || translation.autocompleteEmpty}\n                                            </span>\n                                        </li>\n                                    ) : null}\n                                    {isEmpty ? null : (\n                                        <motion.div\n                                            initial={false}\n                                            animate={{ height: isEmpty ? \"auto\" : h }}\n                                            className=\"max-h-72 w-full overscroll-contain\"\n                                            onAnimationComplete={() => {\n                                                if (!open) {\n                                                    setH(0);\n                                                    return;\n                                                }\n                                                const li = refs.floating.current?.querySelector(\"li\");\n                                                const sum = (li?.getBoundingClientRect().height ?? MIN_SIZE) * displayList.length;\n                                                flushSync(() => setH(Math.min(320, sum + 2)));\n                                            }}\n                                        >\n                                            <Virtuoso\n                                                overscan={40}\n                                                ref={virtuoso}\n                                                hidden={isEmpty}\n                                                data={displayList}\n                                                context={{ listboxId }}\n                                                style={{ height: h }}\n                                                initialItemCount={displayList.length}\n                                                defaultItemHeight={MIN_SIZE}\n                                                components={components as never}\n                                                totalListHeightChanged={(totalHeight) => setH(Math.min(320, totalHeight))}\n                                                scrollerRef={(e) => {\n                                                    scroller.current = e as HTMLElement;\n                                                    removeScrollRef.current = e as HTMLElement;\n                                                }}\n                                                className=\"max-h-72 border-floating-border bg-floating-background p-0 text-foreground\"\n                                                itemContent={(i, option) => {\n                                                    const Label = option.Render ?? Frag;\n                                                    const active = value.has(option.value) || value.has(option.label ?? \"\");\n                                                    const selected = index === i;\n                                                    const children = option.label ?? option.value;\n                                                    return (\n                                                        <div\n                                                            id={`${shadowId}-option-${i}`}\n                                                            data-value={option.value}\n                                                            {...getItemProps({\n                                                                ref: (node: HTMLElement | null) => {\n                                                                    listRef.current[i] = node;\n                                                                },\n                                                                role: \"option\",\n                                                                \"aria-selected\": active,\n                                                                \"aria-disabled\": option.disabled,\n                                                                tabIndex: -1,\n                                                                onClick: () => {\n                                                                    if (!option.disabled) onSelect(option, i);\n                                                                },\n                                                            })}\n                                                            className={css(\n                                                                \"flex w-full max-w-full cursor-pointer items-center justify-start p-menu-item-p text-left hover:bg-floating-hover focus:bg-floating-hover\",\n                                                                active || selected ? \"bg-floating-hover text-floating-foreground\" : \"\"\n                                                            )}\n                                                        >\n                                                            <span\n                                                                aria-hidden=\"true\"\n                                                                data-selected={active}\n                                                                className=\"mr-checkbox-gap inline-block size-checkbox-size rounded-checkbox-radius border border-card-border data-[selected=true]:bg-primary\"\n                                                            />\n                                                            <Label {...option} label={option.label} value={option.value}>\n                                                                {children}\n                                                            </Label>\n                                                        </div>\n                                                    );\n                                                }}\n                                            />\n                                        </motion.div>\n                                    )}\n                                    <div className=\"gap-menu-item-gap sticky bottom-0 flex w-full flex-nowrap items-center overflow-x-auto rounded-b-dropdown-radius bg-floating-background p-menu-item-p\">\n                                        {value.size === 0 ? (\n                                            <Tag theme=\"muted\" size=\"small\">\n                                                {translation.autocompleteEmpty}\n                                            </Tag>\n                                        ) : (\n                                            tags\n                                        )}\n                                    </div>\n                                </div>\n                            </FloatingFocusManager>\n                        </FloatingOverlay>\n                    ) : null}\n                </FloatingPortal>\n            </InputField>\n        );\n    }\n);\n"],"mappings":"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"}