@krosoft/react 0.0.101 → 0.0.103

package/dist/ImageInput-BcGHoduc.js

@@ -0,0 +1,82 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+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";
+import { X as y } from "./select-CDIMkakd.js";
+import "next-themes";
+import { forwardRef as N, useRef as w } from "react";
+import { u as j } from "./useNotifications-zbUhCvF_.js";
+import { c as p } from "./index-BSI9LuBZ.js";
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const k = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
+  ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
+  ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
+], I = p("image", k);
+/**
+ * @license lucide-react v1.16.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const R = [
+  ["path", { d: "M12 3v12", key: "1x0j5s" }],
+  ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
+], E = p("upload", R), P = N(
+  ({ value: a, onChange: n, accept: c = "image/jpeg,image/png,image/webp", maxSizeMB: s = 2, disabled: i = !1, className: f = "", hint: l = "JPG, PNG, WEBP" }, h) => {
+    const { showError: d } = j(), r = w(null), g = (x) => {
+      var m;
+      const t = (m = x.target.files) == null ? void 0 : m[0];
+      if (!t) return;
+      if (!c.split(",").map((b) => b.trim()).includes(t.type)) {
+        d("Erreur", `Seuls les fichiers ${l} sont acceptés`), r.current && (r.current.value = "");
+        return;
+      }
+      if (t.size > s * 1024 * 1024) {
+        d("Erreur", `Le fichier ne doit pas dépasser ${s}MB`), r.current && (r.current.value = "");
+        return;
+      }
+      n(t), r.current && (r.current.value = "");
+    };
+    return /* @__PURE__ */ e("div", { ref: h, className: f, children: a ? /* @__PURE__ */ o("div", { className: "relative w-32 h-32 rounded-lg overflow-hidden border-2 border-border", children: [
+      /* @__PURE__ */ e("img", { src: a, alt: "Preview", className: "w-full h-full object-cover" }),
+      !i && /* @__PURE__ */ e(v, { type: "button", variant: "destructive", size: "sm", className: "absolute top-1 right-1 h-6 w-6 p-0", onClick: () => {
+        n(null);
+      }, children: /* @__PURE__ */ e(y, { className: "h-4 w-4" }) })
+    ] }) : i ? /* @__PURE__ */ o("div", { className: u("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-lg", "bg-muted/30"), children: [
+      /* @__PURE__ */ e(I, { className: "h-8 w-8 text-muted-foreground/50 mb-2" }),
+      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground/50", children: "Aucune image" })
+    ] }) : /* @__PURE__ */ o(
+      "label",
+      {
+        className: u(
+          "flex flex-col items-center justify-center w-full h-32",
+          "border-2 border-dashed border-border rounded-lg",
+          "cursor-pointer hover:bg-muted/50 transition-colors"
+        ),
+        children: [
+          /* @__PURE__ */ e(E, { className: "h-8 w-8 text-muted-foreground mb-2" }),
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Cliquer pour uploader" }),
+          /* @__PURE__ */ o("span", { className: "text-xs text-muted-foreground mt-1", children: [
+            l,
+            " (max ",
+            s,
+            "MB)"
+          ] }),
+          /* @__PURE__ */ e("input", { ref: r, type: "file", className: "hidden", accept: c, onChange: g })
+        ]
+      }
+    ) });
+  }
+);
+P.displayName = "ImageInput";
+export {
+  P as I
+};

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
+};