@krosoft/react 0.0.297 → 0.0.298

package/dist/MultiSelect-Dmt1iWgB.js

@@ -1,148 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-d2p0RJo9.js";
-import { bn as n } from "./ui-DVtB9U8H.js";
-import { a as r, o as i } from "./tooltip-Bu3wNhtW.js";
-import { h as a, m as o, p as s } from "./sheet-DRzg-JWH.js";
-import { useMemo as c, useState as l } from "react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { ChevronDownIcon as f, SearchIcon as p, XIcon as m } from "lucide-react";
-import { Command as h } from "cmdk";
-//#region src/components/core/inputs/MultiSelect.tsx
-var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, variant: x = "input", placeholder: S, labelKey: C, searchable: w = !1, searchPlaceholder: T, disabled: E = !1, maxCount: D, className: O, ...k }) => {
-	let { t: A } = t(), [j, M] = l(""), [N, P] = l(!1), F = x === "pill", I = c(() => j === "" ? g : g.filter((e) => e.label.toLowerCase().includes(j.toLowerCase())), [g, j]), L = c(() => I.filter((e) => e.disabled !== !0).map((e) => e.value), [I]), R = c(() => _.filter((e) => g.find((t) => t.value === e)?.disabled === !0), [g, _]), z = c(() => L.length !== 0 && L.every((e) => _.includes(e)), [L, _]), B = c(() => _.map((e) => g.find((t) => t.value === e)?.label ?? e), [g, _]), V = D !== void 0 && D > 0 ? B.slice(0, D) : B, H = B.length - V.length, U = (e) => {
-		P(e), e || M("");
-	}, W = () => {
-		R.length > 0 ? b === void 0 ? _.filter((e) => !R.includes(e)).forEach((e) => {
-			v(e);
-		}) : b(R) : y === void 0 ? b === void 0 ? _.forEach((e) => {
-			v(e);
-		}) : b([]) : y();
-	}, G = () => {
-		if (z) b === void 0 ? y !== void 0 && _.every((e) => L.includes(e)) ? y() : L.forEach((e) => {
-			v(e);
-		}) : b(_.filter((e) => !L.includes(e)));
-		else if (b !== void 0) {
-			let e = [..._];
-			L.forEach((t) => {
-				e.includes(t) || e.push(t);
-			}), b(e);
-		} else L.forEach((e) => {
-			_.includes(e) || v(e);
-		});
-	}, K = F ? /* @__PURE__ */ d("button", {
-		...k,
-		type: "button",
-		disabled: E,
-		className: e(r, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", _.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", O ?? "w-full md:w-[180px]"),
-		children: [/* @__PURE__ */ u("span", {
-			className: "truncate",
-			children: C === void 0 ? S ?? A("select.placeholder") : A(C)
-		}), /* @__PURE__ */ d("div", {
-			className: "flex shrink-0 items-center gap-1.5",
-			children: [_.length > 0 && /* @__PURE__ */ u("span", {
-				className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground",
-				children: _.length
-			}), /* @__PURE__ */ u(f, { className: e("size-3.5 opacity-60 transition-transform", N && "rotate-180") })]
-		})]
-	}) : /* @__PURE__ */ d("button", {
-		...k,
-		type: "button",
-		disabled: E,
-		className: e(i, "w-full", N && "ring-2 ring-ring ring-offset-2", _.length === 0 && "text-muted-foreground", O),
-		children: [/* @__PURE__ */ u("span", {
-			className: "truncate",
-			children: _.length === 0 ? S ?? A("select.placeholder") : V.join(", ")
-		}), /* @__PURE__ */ d("div", {
-			className: "flex shrink-0 items-center gap-1",
-			children: [
-				H > 0 && /* @__PURE__ */ d("span", {
-					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
-					children: ["+", H]
-				}),
-				_.length > 0 && !E && /* @__PURE__ */ u("span", {
-					role: "button",
-					tabIndex: -1,
-					onClick: (e) => {
-						e.stopPropagation();
-					},
-					onPointerDown: (e) => {
-						e.preventDefault(), e.stopPropagation(), W();
-					},
-					className: "text-muted-foreground hover:text-foreground",
-					children: /* @__PURE__ */ u(m, { className: "size-4" })
-				}),
-				/* @__PURE__ */ u(f, { className: e("size-4 opacity-50 shrink-0 transition-transform", N && "rotate-180") })
-			]
-		})]
-	});
-	return /* @__PURE__ */ d(s, {
-		open: N,
-		onOpenChange: U,
-		children: [/* @__PURE__ */ u(a, {
-			asChild: !0,
-			children: K
-		}), /* @__PURE__ */ d(o, {
-			className: e("p-0", F ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
-			align: "start",
-			children: [/* @__PURE__ */ d(h, {
-				shouldFilter: !1,
-				className: "flex flex-col",
-				children: [w ? /* @__PURE__ */ u("div", {
-					className: "border-b border-border p-2",
-					children: /* @__PURE__ */ d("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ u(p, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ u(h.Input, {
-							value: j,
-							onValueChange: M,
-							placeholder: T ?? A("search.placeholder"),
-							className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
-							autoFocus: !0
-						})]
-					})
-				}) : /* @__PURE__ */ u(h.Input, {
-					autoFocus: !0,
-					tabIndex: -1,
-					className: "sr-only"
-				}), /* @__PURE__ */ d(h.List, {
-					className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto overflow-x-hidden p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent",
-					children: [I.length === 0 && /* @__PURE__ */ u("p", {
-						className: "px-2 py-3 text-center text-xs text-muted-foreground",
-						children: A("states.noResult")
-					}), I.map((e) => /* @__PURE__ */ d(h.Item, {
-						value: e.value,
-						disabled: e.disabled,
-						onSelect: () => {
-							v(e.value);
-						},
-						className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm cursor-pointer transition-colors data-[selected=true]:bg-muted data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
-						children: [
-							/* @__PURE__ */ u("span", {
-								className: "pointer-events-none shrink-0",
-								children: /* @__PURE__ */ u(n, { checked: _.includes(e.value) })
-							}),
-							e.color && /* @__PURE__ */ u("span", {
-								className: "size-2.5 shrink-0 rounded-full",
-								style: { backgroundColor: e.color }
-							}),
-							/* @__PURE__ */ u("span", {
-								className: "min-w-0 flex-1 truncate",
-								title: e.label,
-								children: e.label
-							})
-						]
-					}, e.value))]
-				})]
-			}), L.length > 0 && /* @__PURE__ */ u("div", {
-				className: "border-t border-border p-1.5",
-				children: /* @__PURE__ */ u("button", {
-					type: "button",
-					onClick: G,
-					className: "w-full rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors text-center",
-					children: A(z ? "filters.deselectAll" : "filters.selectAll")
-				})
-			})]
-		})]
-	});
-};
-//#endregion
-export { g as t };