@krosoft/react 0.0.102 → 0.0.103

package/dist/{ImageInput-DVMsk_kn.js → ImageInput-BcGHoduc.js}

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
-import "./toggle-group-6CH5BRLO.js";
+import "./toggle-group-Cnfwf4uy.js";
 import "./alert-srKINZRG.js";
 import { c as u } from "./tailwind.helper-gWiv5-6R.js";
 import { B as v } from "./tooltip-mWS3Mix6.js";

package/dist/{MetricCard-CFwSSiQY.js → MetricCard-CXDB0msa.js}

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import { I as l, M as p, J as m, N as x } from "./toggle-group-6CH5BRLO.js";
+import { I as l, M as p, J as m, N as x } from "./toggle-group-Cnfwf4uy.js";
 import { c } from "./tailwind.helper-gWiv5-6R.js";
 import { useTranslation as f } from "react-i18next";
 import { formatNumber as b } from "@krosoft/core/helpers";

package/dist/MultiSelect-Bc0Re1XN.js

@@ -0,0 +1,137 @@
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { useState as w, useRef as k, useMemo as N, useEffect as y } from "react";
+import { ce as R, _ as C } from "./toggle-group-Cnfwf4uy.js";
+import "./alert-srKINZRG.js";
+import { c as E } from "./tailwind.helper-gWiv5-6R.js";
+import { C as T } from "./tooltip-mWS3Mix6.js";
+import { X as D } from "./select-CDIMkakd.js";
+import "next-themes";
+const V = ({
+  options: i,
+  selected: n,
+  onToggle: h,
+  onClear: d,
+  onSelectAll: u,
+  placeholder: j = "Sélectionner...",
+  searchable: f = !1,
+  searchPlaceholder: z = "Rechercher...",
+  disabled: m = !1
+}) => {
+  const [c, g] = w(""), [a, b] = w(!1), p = k(null), x = k(null), o = N(() => c === "" ? i : i.filter((e) => e.label.toLowerCase().includes(c.toLowerCase())), [i, c]), v = N(() => o.length === 0 ? !1 : o.every((e) => n.includes(e.value)), [o, n]);
+  y(() => {
+    a && f && requestAnimationFrame(() => {
+      var e;
+      (e = x.current) == null || e.focus();
+    });
+  }, [a, f]), y(() => {
+    if (!a) return;
+    const e = (r) => {
+      p.current !== null && !p.current.contains(r.target) && (b(!1), g(""));
+    };
+    return document.addEventListener("mousedown", e), () => {
+      document.removeEventListener("mousedown", e);
+    };
+  }, [a]);
+  const L = () => {
+    if (v) {
+      const e = o.map((s) => s.value), r = n.filter((s) => !e.includes(s));
+      u !== void 0 ? u(r) : d();
+    } else {
+      const e = [...n];
+      o.forEach((r) => {
+        e.includes(r.value) || e.push(r.value);
+      }), u !== void 0 ? u(e) : o.forEach((r) => {
+        n.includes(r.value) || h(r.value);
+      });
+    }
+  };
+  return /* @__PURE__ */ l("div", { ref: p, className: "relative w-full", children: [
+    /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        disabled: m,
+        onClick: () => {
+          m || b((e) => (e && g(""), !e));
+        },
+        className: E(
+          "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+          a && "ring-2 ring-ring ring-offset-2",
+          n.length === 0 && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ t("span", { className: "truncate", children: n.length === 0 ? j : n.map((e) => {
+            var r;
+            return ((r = i.find((s) => s.value === e)) == null ? void 0 : r.label) ?? e;
+          }).join(", ") }),
+          /* @__PURE__ */ l("div", { className: "flex shrink-0 items-center gap-1", children: [
+            n.length > 0 && !m && /* @__PURE__ */ t(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                onClick: (e) => {
+                  e.stopPropagation();
+                },
+                onPointerDown: (e) => {
+                  e.preventDefault(), e.stopPropagation(), d();
+                },
+                className: "text-muted-foreground hover:text-foreground",
+                children: /* @__PURE__ */ t(D, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ t(T, { className: E("size-4 opacity-50 shrink-0 transition-transform", a && "rotate-180") })
+          ] })
+        ]
+      }
+    ),
+    a ? /* @__PURE__ */ l("div", { className: "absolute left-0 right-0 top-[calc(100%+4px)] z-[100] rounded-md border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2", children: [
+      f ? /* @__PURE__ */ t("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ l("div", { className: "relative", children: [
+        /* @__PURE__ */ t(R, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: x,
+            className: "w-full rounded-md 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",
+            placeholder: z,
+            value: c,
+            onChange: (e) => {
+              g(e.target.value);
+            }
+          }
+        )
+      ] }) }) : null,
+      /* @__PURE__ */ l("div", { className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto 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: [
+        o.length > 0 && /* @__PURE__ */ l("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
+          /* @__PURE__ */ t(C, { checked: v, onCheckedChange: L }),
+          "Tout sélectionner"
+        ] }),
+        o.length === 0 && /* @__PURE__ */ t("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
+        o.map((e) => /* @__PURE__ */ l("label", { className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors", children: [
+          /* @__PURE__ */ t(
+            C,
+            {
+              checked: n.includes(e.value),
+              onCheckedChange: () => {
+                h(e.value);
+              }
+            }
+          ),
+          e.label
+        ] }, e.value))
+      ] }),
+      n.length > 0 && /* @__PURE__ */ t("div", { className: "border-t border-border p-1.5", children: /* @__PURE__ */ t(
+        "button",
+        {
+          type: "button",
+          onClick: d,
+          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: "Tout désélectionner"
+        }
+      ) })
+    ] }) : null
+  ] });
+};
+export {
+  V as M
+};