@krosoft/react 0.0.123 → 0.0.125

package/dist/tooltip-BWyFpIxo.js

@@ -0,0 +1,56 @@
+import { jsx as a } from "react/jsx-runtime";
+import { c as n } from "./tailwind.helper-B6yFEsav.js";
+import { Slot as m } from "@radix-ui/react-slot";
+import { cva as p } from "class-variance-authority";
+import * as s from "react";
+import * as e from "@radix-ui/react-tooltip";
+const f = p(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline",
+        styled: "bg-gradient-to-r from-slate-900 to-purple-700 hover:from-slate-800 hover:to-purple-600 text-white shadow-lg shadow-purple-500/25 px-6 h-12"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), c = s.forwardRef(({ className: o, variant: t, size: r, asChild: i = !1, ...d }, l) => /* @__PURE__ */ a(i ? m : "button", { className: n(f({ variant: t, size: r, className: o })), ref: l, ...d }));
+c.displayName = "Button";
+const y = e.Provider, w = e.Root, T = e.Trigger, u = s.forwardRef(
+  ({ className: o, sideOffset: t = 4, ...r }, i) => /* @__PURE__ */ a(
+    e.Content,
+    {
+      ref: i,
+      sideOffset: t,
+      className: n(
+        "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+        o
+      ),
+      ...r
+    }
+  )
+);
+u.displayName = e.Content.displayName;
+export {
+  c as B,
+  w as T,
+  u as a,
+  y as b,
+  T as c,
+  f as d
+};

package/dist/useConfirmDeleteDialog-CiBQmRxg.js

@@ -0,0 +1,65 @@
+import { TrashIcon as s } from "lucide-react";
+import { useState as c } from "react";
+const m = (e) => {
+  const [n, i] = c(null), t = (o, l) => {
+    var a;
+    (a = e == null ? void 0 : e.onReset) == null || a.call(e), i({ id: o, name: l });
+  }, r = () => {
+    i(null);
+  };
+  return {
+    id: (n == null ? void 0 : n.id) ?? null,
+    name: (n == null ? void 0 : n.name) ?? null,
+    isOpen: !!n,
+    openDialog: t,
+    onClose: r
+  };
+}, u = ({
+  titleKey: e,
+  descriptionKey: n,
+  confirmKey: i = "Confirmer",
+  onConfirm: t,
+  onReset: r
+}) => {
+  const o = m({ onReset: r }), l = async () => {
+    if (o.id)
+      try {
+        await t(o.id), o.onClose();
+      } catch (a) {
+        console.error("Error confirming action:", a);
+      }
+  };
+  return {
+    isOpen: o.isOpen,
+    itemName: o.name,
+    title: e,
+    description: n,
+    confirmKey: i,
+    openDialog: o.openDialog,
+    onClose: o.onClose,
+    onConfirm: l
+  };
+}, d = ({
+  titleKey: e,
+  descriptionKey: n,
+  confirmKey: i = "Supprimer",
+  onConfirm: t,
+  onReset: r
+}) => ({
+  ...u({
+    titleKey: e,
+    descriptionKey: n,
+    confirmKey: i,
+    onConfirm: t,
+    onReset: r
+  }),
+  loadingKey: "Suppression...",
+  icon: s,
+  titleClassName: "flex items-center gap-2 text-destructive",
+  headerClassName: "bg-gradient-to-r from-slate-900 to-purple-700 rounded-t-lg shrink-0"
+});
+export {
+  u as a,
+  m as b,
+  d as u
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.123",
+  "version": "0.0.125",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -82,6 +82,7 @@
     "lucide-react": "^1.17.0",
     "react-day-picker": "^10.0.1",
     "react-hook-form": "^7.77.0",
+    "react-resizable-panels": "^4.11.2",
     "recharts": "^3.8.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^2.6.1",
@@ -101,14 +102,13 @@
     "@types/react": "^19.2.16",
     "@types/react-dom": "^19.2.3",
     "autoprefixer": "^10.5.0",
-    "eslint-plugin-storybook": "10.4.1",
+    "eslint-plugin-storybook": "10.4.2",
     "jsdom": "^29.1.1",
     "next-themes": "^0.4.6",
     "prettier": "^3.8.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
     "react-i18next": "^17.0.8",
-    "react-resizable-panels": "^4.11.2",
     "react-router-dom": "^7.16.0",
     "storybook": "^10.4.2",
     "tailwindcss": "^3.4.19",

package/dist/ConfirmationDialog-CkMyyh_3.js

@@ -1,221 +0,0 @@
-import { jsx as e, jsxs as a, Fragment as q } from "react/jsx-runtime";
-import { D as G, b as K, P as V, e as B, h as R, c as W, m as X, p as J, s as M, t as Q, q as _, r as U, o as Y } from "./toggle-group-wIgXZYDq.js";
-import { A as Z, a as L } from "./alert-B34E_4uH.js";
-import { B as v } from "./tooltip-YhBPXbcJ.js";
-import { X as j } from "./select-DlQvLtI3.js";
-import "next-themes";
-import { useState as w, useEffect as ee } from "react";
-import { useTranslation as T } from "react-i18next";
-import { c as A } from "./createLucideIcon-MP_wDWjs.js";
-import { G as le } from "./GenericForm-CmwqEXiQ.js";
-import { E as ie } from "./ErrorAlert-C6BbHHRZ.js";
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ae = [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
-  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-], re = A("circle-alert", ae);
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const se = [
-  [
-    "path",
-    {
-      d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z",
-      key: "1a8usu"
-    }
-  ]
-], H = A("pen", se);
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const te = [
-  [
-    "path",
-    {
-      d: "M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",
-      key: "1c8476"
-    }
-  ],
-  ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
-  ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
-], S = A("save", te);
-function ne({ open: s, onOpenChange: m, config: l, isLoading: u, error: r, children: f }) {
-  const { t: i } = T(), { title: g, description: d, icon: p, maxWidth: b = "sm:max-w-xl", actions: n } = l;
-  return /* @__PURE__ */ e(G, { open: s, onOpenChange: m, children: /* @__PURE__ */ a(K, { className: `${b} max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden`, children: [
-    u === !0 ? /* @__PURE__ */ e("div", { className: "absolute top-0 left-0 right-0 z-10", children: /* @__PURE__ */ e(V, { indeterminate: !0, className: "h-1 rounded-none" }) }) : null,
-    /* @__PURE__ */ a(B, { className: "bg-gradient-to-r from-slate-900 to-purple-700 p-6 rounded-t-lg shrink-0", children: [
-      /* @__PURE__ */ a(R, { className: "text-2xl font-bold flex items-center gap-2 text-white", children: [
-        p !== void 0 ? /* @__PURE__ */ e("div", { className: "p-2 bg-white/20 rounded-lg", children: /* @__PURE__ */ e(p, { className: "size-4 text-white" }) }) : null,
-        i(g)
-      ] }),
-      d !== void 0 && d !== "" ? /* @__PURE__ */ e(W, { className: "text-indigo-100 text-base", children: i(d) }) : null
-    ] }),
-    r != null ? /* @__PURE__ */ e("div", { className: "px-6  ", children: /* @__PURE__ */ a(Z, { variant: "destructive", className: "max-w-full", children: [
-      /* @__PURE__ */ e(re, { className: "size-4" }),
-      /* @__PURE__ */ e(L, { className: "break-words overflow-wrap-anywhere max-w-full", children: r.message })
-    ] }) }) : null,
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-y-auto px-6  ", children: f }),
-    n !== void 0 && n.length > 0 ? /* @__PURE__ */ e("div", { className: "rounded-b-lg border-t border-gray-200 dark:border-gray-700 shrink-0 p-6 light:bg-gradient-to-r light:from-gray-50 light:to-gray-100 dark:bg-gray-950", children: /* @__PURE__ */ e("div", { className: "flex justify-end gap-3", children: n.map((t, k) => /* @__PURE__ */ a(v, { variant: t.variant ?? "default", onClick: t.onClick, disabled: t.disabled === !0 || u === !0, children: [
-      t.icon !== void 0 ? /* @__PURE__ */ e(t.icon, { className: "size-4" }) : null,
-      i(t.label)
-    ] }, k)) }) }) : null
-  ] }) });
-}
-function Ne({
-  open: s,
-  onOpenChange: m,
-  data: l,
-  title: u,
-  headerBadge: r,
-  schema: f,
-  onSave: i,
-  customFooter: g,
-  defaultEditing: d = !1,
-  footerActions: p = !0,
-  saveLabel: b = "Sauvegarder",
-  cancelLabel: n = "Annuler",
-  hideSaveIcon: t = !1,
-  maxWidth: k = "sm:max-w-4xl",
-  isLoading: h = !1
-}) {
-  const [N, x] = w(d), [o, z] = w(!1), [y, I] = w(null);
-  if (ee(() => {
-    s && x(d);
-  }, [s, d]), l == null) return null;
-  const E = () => {
-    N ? i !== void 0 && y && y() : x(!0);
-  }, D = () => {
-    x(!1);
-  }, F = () => {
-    i !== void 0 && y && y();
-  }, O = async (c) => {
-    if (i) {
-      z(!0);
-      try {
-        await i(c), x(!1);
-      } catch ($) {
-        console.error($);
-      } finally {
-        z(!1);
-      }
-    }
-  }, C = [];
-  i !== void 0 && (N ? (n !== "" && C.push({
-    label: n,
-    onClick: D,
-    variant: "outline",
-    disabled: o || h,
-    icon: j
-  }), C.push({
-    label: o ? "Enregistrement..." : b,
-    onClick: F,
-    variant: "default",
-    disabled: o || h,
-    icon: t ? void 0 : S
-  })) : C.push({
-    label: "Modifier",
-    onClick: E,
-    variant: "outline",
-    icon: H
-  }));
-  const P = {
-    title: u(l),
-    maxWidth: k,
-    actions: p ? C : []
-  };
-  return /* @__PURE__ */ e(
-    ne,
-    {
-      open: s,
-      onOpenChange: (c) => {
-        m(c), c || D();
-      },
-      config: P,
-      isLoading: o || h,
-      children: /* @__PURE__ */ a("div", { className: "py-4", children: [
-        r !== void 0 ? /* @__PURE__ */ e("div", { className: "mb-4", children: r(l) }) : null,
-        /* @__PURE__ */ e(
-          le,
-          {
-            schema: f,
-            initialData: l,
-            disabled: !N,
-            onSubmit: (c) => {
-              O(c);
-            },
-            renderActions: !1,
-            onRegisterSubmit: (c) => {
-              I(() => c);
-            },
-            isLoading: o || h
-          }
-        ),
-        g !== void 0 ? g(l) : null,
-        i !== void 0 && !p ? /* @__PURE__ */ e("div", { className: "flex justify-end gap-2 border-t pt-4 mt-6", children: N ? /* @__PURE__ */ a(q, { children: [
-          n !== "" ? /* @__PURE__ */ a(v, { onClick: D, variant: "outline", size: "sm", disabled: o || h, children: [
-            /* @__PURE__ */ e(j, { className: "size-4 mr-2" }),
-            n
-          ] }) : null,
-          /* @__PURE__ */ a(v, { onClick: F, size: "sm", disabled: o || h, className: "text-white", children: [
-            t ? null : /* @__PURE__ */ e(S, { className: "size-4 mr-2" }),
-            o ? "Enregistrement..." : b
-          ] })
-        ] }) : /* @__PURE__ */ a(v, { onClick: E, variant: "outline", size: "sm", children: [
-          /* @__PURE__ */ e(H, { className: "size-4 mr-2" }),
-          "Modifier"
-        ] }) }) : null
-      ] })
-    }
-  );
-}
-function xe({ isLoading: s, error: m, config: l, destructive: u = !1 }) {
-  const { t: r } = T();
-  if (!l) return null;
-  const f = (i) => {
-    !i && !s && l.onClose();
-  };
-  return /* @__PURE__ */ e(X, { open: l.isOpen, onOpenChange: f, children: /* @__PURE__ */ a(J, { children: [
-    /* @__PURE__ */ a(M, { children: [
-      /* @__PURE__ */ a(Q, { className: l.titleClassName, children: [
-        l.icon && /* @__PURE__ */ e(l.icon, { className: "size-4" }),
-        r(l.title)
-      ] }),
-      l.headerClassName && /* @__PURE__ */ e(M, { className: l.headerClassName }),
-      /* @__PURE__ */ e(_, { children: r(l.description) }),
-      l.itemName && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e("span", { className: "font-semibold block my-2", children: l.itemName }) })
-    ] }),
-    /* @__PURE__ */ e(ie, { error: m instanceof Error ? null : m }),
-    /* @__PURE__ */ a(U, { children: [
-      /* @__PURE__ */ e(Y, { disabled: s, children: r("common.buttons.cancel") }),
-      /* @__PURE__ */ e(
-        v,
-        {
-          onClick: (i) => {
-            i.preventDefault(), l.onConfirm();
-          },
-          disabled: s,
-          className: u ? "bg-destructive text-destructive-foreground hover:bg-destructive/90" : "",
-          children: s ? r(l.loadingKey || "common.buttons.loading") : l.confirmKey
-        }
-      )
-    ] })
-  ] }) });
-}
-export {
-  ne as A,
-  xe as C,
-  Ne as F
-};

package/dist/ErrorAlert-C6BbHHRZ.js

@@ -1,33 +0,0 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { A as t, a as l } from "./alert-B34E_4uH.js";
-import { c as n } from "./createLucideIcon-MP_wDWjs.js";
-/**
- * @license lucide-react v1.17.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const c = [
-  [
-    "path",
-    {
-      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-      key: "wmoenq"
-    }
-  ],
-  ["path", { d: "M12 9v4", key: "juzpu7" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
-], d = n("triangle-alert", c), h = ({ error: e }) => e ? /* @__PURE__ */ r(t, { variant: "destructive", children: [
-  /* @__PURE__ */ s(d, { className: "size-4" }),
-  /* @__PURE__ */ r(l, { children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center space-x-2", children: [
-      /* @__PURE__ */ s("span", { className: "font-semibold", children: "Erreur :" }),
-      /* @__PURE__ */ s("span", { children: e.code }),
-      /* @__PURE__ */ s("span", { children: e.message })
-    ] }),
-    e.errors && e.errors.length > 0 && /* @__PURE__ */ s("ul", { className: "mt-2 list-disc list-inside", children: e.errors.map((a, i) => /* @__PURE__ */ s("li", { children: a }, i)) })
-  ] })
-] }) : null;
-export {
-  h as E
-};