@krosoft/react 0.0.71 → 0.0.73

package/dist/useTheme-D__o7mLN.js

@@ -0,0 +1,122 @@
+import { useTheme as _ } from "next-themes";
+import * as l from "react";
+const I = 1, O = 1e6;
+let i = 0;
+function D() {
+  return i = (i + 1) % Number.MAX_SAFE_INTEGER, i.toString();
+}
+const S = /* @__PURE__ */ new Map(), h = (s) => {
+  if (S.has(s))
+    return;
+  const e = setTimeout(() => {
+    S.delete(s), c({
+      type: "REMOVE_TOAST",
+      toastId: s
+    });
+  }, O);
+  S.set(s, e);
+}, v = (s, e) => {
+  switch (e.type) {
+    case "ADD_TOAST":
+      return {
+        ...s,
+        toasts: [e.toast, ...s.toasts].slice(0, I)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...s,
+        toasts: s.toasts.map((t) => t.id === e.toast.id ? { ...t, ...e.toast } : t)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: t } = e;
+      return t ? h(t) : s.toasts.forEach((o) => {
+        h(o.id);
+      }), {
+        ...s,
+        toasts: s.toasts.map(
+          (o) => o.id === t || t === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return e.toastId === void 0 ? {
+        ...s,
+        toasts: []
+      } : {
+        ...s,
+        toasts: s.toasts.filter((t) => t.id !== e.toastId)
+      };
+  }
+}, a = [];
+let u = { toasts: [] };
+function c(s) {
+  u = v(u, s), a.forEach((e) => {
+    e(u);
+  });
+}
+function d({ ...s }) {
+  const e = D(), t = (n) => c({
+    type: "UPDATE_TOAST",
+    toast: { ...n, id: e }
+  }), o = () => c({ type: "DISMISS_TOAST", toastId: e });
+  return c({
+    type: "ADD_TOAST",
+    toast: {
+      ...s,
+      id: e,
+      open: !0,
+      onOpenChange: (n) => {
+        n || o();
+      }
+    }
+  }), {
+    id: e,
+    dismiss: o,
+    update: t
+  };
+}
+function x() {
+  const [s, e] = l.useState(u);
+  return l.useEffect(() => (a.push(e), () => {
+    const t = a.indexOf(e);
+    t > -1 && a.splice(t, 1);
+  }), [s]), {
+    ...s,
+    toast: d,
+    dismiss: (t) => c({ type: "DISMISS_TOAST", toastId: t })
+  };
+}
+const y = () => ({
+  showSuccess: (t, o, n) => {
+    d({ title: t, description: o, action: n });
+  },
+  showError: (t, o, n) => {
+    console.error(o, n), d({ title: t, description: o, variant: "destructive" });
+  }
+});
+function R(s) {
+  const { showSuccess: e } = y(), { theme: t, setTheme: o } = _(), n = (r) => {
+    o(r);
+    const T = s.find((p) => p.value === r);
+    e("Thème mis à jour", `Le thème a été changé vers ${(T == null ? void 0 : T.label) ?? r}.`);
+  }, m = s.find((r) => r.value === t), A = s.findIndex((r) => r.value === t), f = s[(A + 1) % s.length], E = (t == null ? void 0 : t.startsWith("dark")) ?? !1;
+  return {
+    theme: t,
+    setTheme: o,
+    handleThemeChange: n,
+    themeOptions: s,
+    currentThemeOption: m,
+    nextThemeOption: f,
+    isDark: E,
+    cycleTheme: () => n(f.value)
+  };
+}
+export {
+  y as a,
+  x as b,
+  d as t,
+  R as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.71",
+  "version": "0.0.73",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -31,13 +31,20 @@
   },
   "peerDependencies": {
     "@krosoft/core": ">=0.0.1",
+    "next-themes": ">=0.4.0",
     "react": ">=18.3.1",
     "react-i18next": ">=17.0.8"
   },
+  "peerDependenciesMeta": {
+    "next-themes": {
+      "optional": true
+    }
+  },
   "dependencies": {
     "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-toast": "^1.2.15",
     "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
@@ -57,6 +64,7 @@
     "@types/react": "^18.3.29",
     "autoprefixer": "^10.5.0",
     "jsdom": "^26.1.0",
+    "next-themes": "^0.4.6",
     "prettier": "^3.8.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",

package/dist/KpiCards-D4Cy8CLT.js

@@ -1,38 +0,0 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { C as p, f, g as u, c as N } from "./toast-B6CC_ory.js";
-import "./index-BNCR478R.js";
-import { c as a } from "./index-gWiv5-6R.js";
-import C from "react";
-import { formatNumber as x } from "@krosoft/core/helpers";
-import { useTranslation as g } from "react-i18next";
-const h = ({ titleKey: s, value: e, valueClassName: m, icon: l, iconClassName: t, description: c, descriptionClassName: d, onClick: o }) => {
-  const { t: n } = g();
-  return /* @__PURE__ */ i(p, { className: a(o ? "hover:border-primary cursor-pointer" : ""), onClick: o, children: [
-    /* @__PURE__ */ i(f, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
-      /* @__PURE__ */ r(u, { className: "text-sm font-medium", children: n(s) }),
-      C.createElement(l, {
-        className: a("size-6 text-muted-foreground", t)
-      })
-    ] }),
-    /* @__PURE__ */ i(N, { children: [
-      /* @__PURE__ */ r("div", { className: a("text-2xl font-bold", m), children: x(e) }),
-      /* @__PURE__ */ r("p", { className: a("text-xs text-muted-foreground", d), children: c })
-    ] })
-  ] });
-}, _ = ({ stats: s }) => /* @__PURE__ */ r("div", { className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4", children: s.map((e) => /* @__PURE__ */ r(
-  h,
-  {
-    titleKey: e.titleKey,
-    value: e.value,
-    valueClassName: e.valueClassName,
-    icon: e.icon,
-    iconClassName: e.iconClassName,
-    description: e.description,
-    descriptionClassName: e.descriptionClassName
-  },
-  e.titleKey
-)) });
-export {
-  h as K,
-  _ as a
-};