@krosoft/react 0.0.102 → 0.0.103

package/dist/SearchInput-DFrIqONH.js

@@ -0,0 +1,586 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import * as k from "react";
+import { useState as N, useRef as j, useEffect as W, useMemo as T } from "react";
+import { cm as C, cn as g, co as y, cp as E, cq as M, H as D, bv as H, bx as R, bw as A, ce as S, aW as F } from "./toggle-group-Cnfwf4uy.js";
+import "./alert-srKINZRG.js";
+import { c as h } from "./tailwind.helper-gWiv5-6R.js";
+import { B as p, C as q } from "./tooltip-mWS3Mix6.js";
+import { X as z, C as X } from "./select-CDIMkakd.js";
+import "next-themes";
+import { c as V } 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 _ = [
+  ["path", { d: "M8 2v4", key: "1cmpym" }],
+  ["path", { d: "M16 2v4", key: "4m81vk" }],
+  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
+  ["path", { d: "M3 10h18", key: "8toen8" }]
+], J = V("calendar", _), I = {
+  lessThanXSeconds: {
+    one: "moins d’une seconde",
+    other: "moins de {{count}} secondes"
+  },
+  xSeconds: {
+    one: "1 seconde",
+    other: "{{count}} secondes"
+  },
+  halfAMinute: "30 secondes",
+  lessThanXMinutes: {
+    one: "moins d’une minute",
+    other: "moins de {{count}} minutes"
+  },
+  xMinutes: {
+    one: "1 minute",
+    other: "{{count}} minutes"
+  },
+  aboutXHours: {
+    one: "environ 1 heure",
+    other: "environ {{count}} heures"
+  },
+  xHours: {
+    one: "1 heure",
+    other: "{{count}} heures"
+  },
+  xDays: {
+    one: "1 jour",
+    other: "{{count}} jours"
+  },
+  aboutXWeeks: {
+    one: "environ 1 semaine",
+    other: "environ {{count}} semaines"
+  },
+  xWeeks: {
+    one: "1 semaine",
+    other: "{{count}} semaines"
+  },
+  aboutXMonths: {
+    one: "environ 1 mois",
+    other: "environ {{count}} mois"
+  },
+  xMonths: {
+    one: "1 mois",
+    other: "{{count}} mois"
+  },
+  aboutXYears: {
+    one: "environ 1 an",
+    other: "environ {{count}} ans"
+  },
+  xYears: {
+    one: "1 an",
+    other: "{{count}} ans"
+  },
+  overXYears: {
+    one: "plus d’un an",
+    other: "plus de {{count}} ans"
+  },
+  almostXYears: {
+    one: "presqu’un an",
+    other: "presque {{count}} ans"
+  }
+}, Y = (e, t, i) => {
+  let n;
+  const o = I[e];
+  return typeof o == "string" ? n = o : t === 1 ? n = o.one : n = o.other.replace("{{count}}", String(t)), i != null && i.addSuffix ? i.comparison && i.comparison > 0 ? "dans " + n : "il y a " + n : n;
+}, Q = {
+  full: "EEEE d MMMM y",
+  long: "d MMMM y",
+  medium: "d MMM y",
+  short: "dd/MM/y"
+}, $ = {
+  full: "HH:mm:ss zzzz",
+  long: "HH:mm:ss z",
+  medium: "HH:mm:ss",
+  short: "HH:mm"
+}, B = {
+  full: "{{date}} 'à' {{time}}",
+  long: "{{date}} 'à' {{time}}",
+  medium: "{{date}}, {{time}}",
+  short: "{{date}}, {{time}}"
+}, K = {
+  date: C({
+    formats: Q,
+    defaultWidth: "full"
+  }),
+  time: C({
+    formats: $,
+    defaultWidth: "full"
+  }),
+  dateTime: C({
+    formats: B,
+    defaultWidth: "full"
+  })
+}, G = {
+  lastWeek: "eeee 'dernier à' p",
+  yesterday: "'hier à' p",
+  today: "'aujourd’hui à' p",
+  tomorrow: "'demain à' p'",
+  nextWeek: "eeee 'prochain à' p",
+  other: "P"
+}, U = (e, t, i, n) => G[e], Z = {
+  narrow: ["av. J.-C", "ap. J.-C"],
+  abbreviated: ["av. J.-C", "ap. J.-C"],
+  wide: ["avant Jésus-Christ", "après Jésus-Christ"]
+}, ee = {
+  narrow: ["T1", "T2", "T3", "T4"],
+  abbreviated: ["1er trim.", "2ème trim.", "3ème trim.", "4ème trim."],
+  wide: ["1er trimestre", "2ème trimestre", "3ème trimestre", "4ème trimestre"]
+}, te = {
+  narrow: ["J", "F", "M", "A", "M", "J", "J", "A", "S", "O", "N", "D"],
+  abbreviated: [
+    "janv.",
+    "févr.",
+    "mars",
+    "avr.",
+    "mai",
+    "juin",
+    "juil.",
+    "août",
+    "sept.",
+    "oct.",
+    "nov.",
+    "déc."
+  ],
+  wide: [
+    "janvier",
+    "février",
+    "mars",
+    "avril",
+    "mai",
+    "juin",
+    "juillet",
+    "août",
+    "septembre",
+    "octobre",
+    "novembre",
+    "décembre"
+  ]
+}, ne = {
+  narrow: ["D", "L", "M", "M", "J", "V", "S"],
+  short: ["di", "lu", "ma", "me", "je", "ve", "sa"],
+  abbreviated: ["dim.", "lun.", "mar.", "mer.", "jeu.", "ven.", "sam."],
+  wide: [
+    "dimanche",
+    "lundi",
+    "mardi",
+    "mercredi",
+    "jeudi",
+    "vendredi",
+    "samedi"
+  ]
+}, re = {
+  narrow: {
+    am: "AM",
+    pm: "PM",
+    midnight: "minuit",
+    noon: "midi",
+    morning: "mat.",
+    afternoon: "ap.m.",
+    evening: "soir",
+    night: "mat."
+  },
+  abbreviated: {
+    am: "AM",
+    pm: "PM",
+    midnight: "minuit",
+    noon: "midi",
+    morning: "matin",
+    afternoon: "après-midi",
+    evening: "soir",
+    night: "matin"
+  },
+  wide: {
+    am: "AM",
+    pm: "PM",
+    midnight: "minuit",
+    noon: "midi",
+    morning: "du matin",
+    afternoon: "de l’après-midi",
+    evening: "du soir",
+    night: "du matin"
+  }
+}, ae = (e, t) => {
+  const i = Number(e), n = t == null ? void 0 : t.unit;
+  if (i === 0) return "0";
+  const o = ["year", "week", "hour", "minute", "second"];
+  let s;
+  return i === 1 ? s = n && o.includes(n) ? "ère" : "er" : s = "ème", i + s;
+}, ie = ["MMM", "MMMM"], oe = {
+  preprocessor: (e, t) => e.getDate() === 1 || !t.some(
+    (n) => n.isToken && ie.includes(n.value)
+  ) ? t : t.map(
+    (n) => n.isToken && n.value === "do" ? { isToken: !0, value: "d" } : n
+  ),
+  ordinalNumber: ae,
+  era: g({
+    values: Z,
+    defaultWidth: "wide"
+  }),
+  quarter: g({
+    values: ee,
+    defaultWidth: "wide",
+    argumentCallback: (e) => e - 1
+  }),
+  month: g({
+    values: te,
+    defaultWidth: "wide"
+  }),
+  day: g({
+    values: ne,
+    defaultWidth: "wide"
+  }),
+  dayPeriod: g({
+    values: re,
+    defaultWidth: "wide"
+  })
+}, se = /^(\d+)(ième|ère|ème|er|e)?/i, de = /\d+/i, le = {
+  narrow: /^(av\.J\.C|ap\.J\.C|ap\.J\.-C)/i,
+  abbreviated: /^(av\.J\.-C|av\.J-C|apr\.J\.-C|apr\.J-C|ap\.J-C)/i,
+  wide: /^(avant Jésus-Christ|après Jésus-Christ)/i
+}, me = {
+  any: [/^av/i, /^ap/i]
+}, ce = {
+  narrow: /^T?[1234]/i,
+  abbreviated: /^[1234](er|ème|e)? trim\.?/i,
+  wide: /^[1234](er|ème|e)? trimestre/i
+}, ue = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, fe = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(janv|févr|mars|avr|mai|juin|juill|juil|août|sept|oct|nov|déc)\.?/i,
+  wide: /^(janvier|février|mars|avril|mai|juin|juillet|août|septembre|octobre|novembre|décembre)/i
+}, he = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^av/i,
+    /^ma/i,
+    /^juin/i,
+    /^juil/i,
+    /^ao/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, pe = {
+  narrow: /^[lmjvsd]/i,
+  short: /^(di|lu|ma|me|je|ve|sa)/i,
+  abbreviated: /^(dim|lun|mar|mer|jeu|ven|sam)\.?/i,
+  wide: /^(dimanche|lundi|mardi|mercredi|jeudi|vendredi|samedi)/i
+}, ve = {
+  narrow: [/^d/i, /^l/i, /^m/i, /^m/i, /^j/i, /^v/i, /^s/i],
+  any: [/^di/i, /^lu/i, /^ma/i, /^me/i, /^je/i, /^ve/i, /^sa/i]
+}, be = {
+  narrow: /^(a|p|minuit|midi|mat\.?|ap\.?m\.?|soir|nuit)/i,
+  any: /^([ap]\.?\s?m\.?|du matin|de l'après[-\s]midi|du soir|de la nuit)/i
+}, ge = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^min/i,
+    noon: /^mid/i,
+    morning: /mat/i,
+    afternoon: /ap/i,
+    evening: /soir/i,
+    night: /nuit/i
+  }
+}, ye = {
+  ordinalNumber: E({
+    matchPattern: se,
+    parsePattern: de,
+    valueCallback: (e) => parseInt(e)
+  }),
+  era: y({
+    matchPatterns: le,
+    defaultMatchWidth: "wide",
+    parsePatterns: me,
+    defaultParseWidth: "any"
+  }),
+  quarter: y({
+    matchPatterns: ce,
+    defaultMatchWidth: "wide",
+    parsePatterns: ue,
+    defaultParseWidth: "any",
+    valueCallback: (e) => e + 1
+  }),
+  month: y({
+    matchPatterns: fe,
+    defaultMatchWidth: "wide",
+    parsePatterns: he,
+    defaultParseWidth: "any"
+  }),
+  day: y({
+    matchPatterns: pe,
+    defaultMatchWidth: "wide",
+    parsePatterns: ve,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: y({
+    matchPatterns: be,
+    defaultMatchWidth: "any",
+    parsePatterns: ge,
+    defaultParseWidth: "any"
+  })
+}, x = {
+  code: "fr",
+  formatDistance: Y,
+  formatLong: K,
+  formatRelative: U,
+  localize: oe,
+  match: ye,
+  options: {
+    weekStartsOn: 1,
+    firstWeekContainsDate: 4
+  }
+}, Te = ({ date: e, onDateChange: t, placeholder: i }) => {
+  const [n, o] = N(!1), s = j(null);
+  W(() => {
+    if (!n) return;
+    const l = (d) => {
+      s.current !== null && !s.current.contains(d.target) && o(!1);
+    };
+    return document.addEventListener("mousedown", l), () => {
+      document.removeEventListener("mousedown", l);
+    };
+  }, [n]);
+  const f = () => {
+    o((l) => !l);
+  }, c = (l) => {
+    t(l), o(!1);
+  };
+  return /* @__PURE__ */ m("div", { ref: s, className: "relative w-full", children: [
+    /* @__PURE__ */ m(
+      p,
+      {
+        variant: "outline",
+        type: "button",
+        onClick: f,
+        className: h(
+          "w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+          n && "ring-2 ring-ring ring-offset-2",
+          e === void 0 && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ a(J, { className: "mr-2 size-4 shrink-0" }),
+          e !== void 0 ? M(e, "dd/MM/yyyy", { locale: x }) : /* @__PURE__ */ a("span", { children: i })
+        ]
+      }
+    ),
+    n ? /* @__PURE__ */ a("div", { className: "absolute left-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: /* @__PURE__ */ a(D, { mode: "single", selected: e, onSelect: c }) }) : null
+  ] });
+}, De = ({ value: e, onChange: t, placeholder: i = "Selectionner une periode", className: n }) => {
+  const [o, s] = k.useState(!1), [f, c] = k.useState(e);
+  k.useEffect(() => {
+    o && c(e);
+  }, [o, e]);
+  const l = (u) => {
+    u.stopPropagation(), t(void 0), s(!1);
+  }, d = () => {
+    t(f), s(!1);
+  }, v = () => {
+    c(e), s(!1);
+  }, b = () => {
+    c(void 0);
+  }, w = (u) => u != null && u.from ? !u.to || u.from.getTime() === u.to.getTime() ? M(u.from, "dd MMM yyyy", { locale: x }) : `${M(u.from, "dd MMM yyyy", { locale: x })} - ${M(u.to, "dd MMM yyyy", { locale: x })}` : i;
+  return /* @__PURE__ */ a("div", { className: h("grid gap-2", n), children: /* @__PURE__ */ m(H, { open: o, onOpenChange: s, children: [
+    /* @__PURE__ */ a(R, { asChild: !0, children: /* @__PURE__ */ m(p, { id: "date", variant: "outline", className: h("w-[300px] justify-start text-left font-normal", !(e != null && e.from) && "text-muted-foreground"), children: [
+      /* @__PURE__ */ a(J, { className: "mr-2 size-4" }),
+      w(e),
+      (e == null ? void 0 : e.from) && /* @__PURE__ */ a(
+        p,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          "aria-label": "Effacer la periode selectionnee",
+          className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
+          onClick: l,
+          children: /* @__PURE__ */ a(z, { className: "size-4" })
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ m(A, { className: "w-auto p-0", align: "start", side: "bottom", sideOffset: 4, children: [
+      /* @__PURE__ */ a(
+        D,
+        {
+          mode: "range",
+          defaultMonth: f == null ? void 0 : f.from,
+          selected: f,
+          onSelect: c,
+          numberOfMonths: 2,
+          weekStartsOn: 1,
+          className: "pointer-events-auto p-3"
+        }
+      ),
+      /* @__PURE__ */ m("div", { className: "flex items-center justify-between border-t border-border px-3 py-2", children: [
+        /* @__PURE__ */ a(p, { variant: "ghost", size: "sm", onClick: b, children: "Effacer" }),
+        /* @__PURE__ */ m("div", { className: "flex gap-2", children: [
+          /* @__PURE__ */ a(p, { variant: "ghost", size: "sm", onClick: v, children: "Annuler" }),
+          /* @__PURE__ */ a(p, { size: "sm", onClick: d, children: "Appliquer" })
+        ] })
+      ] })
+    ] })
+  ] }) });
+}, Se = ({
+  options: e = [],
+  value: t,
+  onChange: i,
+  onClear: n,
+  placeholder: o = "Sélectionner...",
+  searchPlaceholder: s = "Rechercher...",
+  disabled: f = !1
+}) => {
+  const [c, l] = N(""), [d, v] = N(!1), b = j(null), w = j(null), u = T(() => c === "" ? e : e.filter((r) => r.label.toLowerCase().includes(c.toLowerCase())), [e, c]), L = T(() => {
+    var r;
+    if (!(t === void 0 || t === ""))
+      return ((r = e.find((P) => P.value === t)) == null ? void 0 : r.label) ?? t;
+  }, [e, t]);
+  W(() => {
+    d && requestAnimationFrame(() => {
+      var r;
+      (r = w.current) == null || r.focus();
+    });
+  }, [d]), W(() => {
+    if (!d) return;
+    const r = (P) => {
+      b.current !== null && !b.current.contains(P.target) && (v(!1), l(""));
+    };
+    return document.addEventListener("mousedown", r), () => {
+      document.removeEventListener("mousedown", r);
+    };
+  }, [d]);
+  const O = (r) => {
+    i(r), v(!1), l("");
+  };
+  return /* @__PURE__ */ m("div", { ref: b, className: "relative w-full", children: [
+    /* @__PURE__ */ m(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          f || v((r) => (r && l(""), !r));
+        },
+        disabled: f,
+        className: h(
+          "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",
+          d && "ring-2 ring-ring ring-offset-2",
+          (t === void 0 || t === "") && "text-muted-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ a("span", { className: "truncate", children: L ?? o }),
+          /* @__PURE__ */ m("div", { className: "flex items-center gap-1", children: [
+            n && t !== void 0 && t !== "" && !f && /* @__PURE__ */ a(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                onClick: (r) => {
+                  r.stopPropagation();
+                },
+                onPointerDown: (r) => {
+                  r.preventDefault(), r.stopPropagation(), n();
+                },
+                className: "text-muted-foreground hover:text-foreground",
+                children: /* @__PURE__ */ a(z, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ a(q, { className: h("size-4 opacity-50 shrink-0 transition-transform", d && "rotate-180") })
+          ] })
+        ]
+      }
+    ),
+    d ? /* @__PURE__ */ m("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: [
+      /* @__PURE__ */ a("div", { className: "border-b border-border p-2", children: /* @__PURE__ */ m("div", { className: "relative", children: [
+        /* @__PURE__ */ a(S, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
+        /* @__PURE__ */ a(
+          "input",
+          {
+            ref: w,
+            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: s,
+            value: c,
+            onChange: (r) => {
+              l(r.target.value);
+            }
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ m("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: [
+        u.length === 0 && /* @__PURE__ */ a("p", { className: "px-2 py-3 text-center text-xs text-muted-foreground", children: "Aucun résultat" }),
+        u.map((r) => /* @__PURE__ */ m(
+          "button",
+          {
+            type: "button",
+            onClick: () => {
+              O(r.value);
+            },
+            className: h(
+              "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors text-left w-full",
+              t === r.value && "bg-muted font-medium"
+            ),
+            children: [
+              /* @__PURE__ */ a(X, { className: h("size-3.5 shrink-0", t === r.value ? "opacity-100" : "opacity-0") }),
+              r.label
+            ]
+          },
+          r.value
+        ))
+      ] })
+    ] }) : null
+  ] });
+}, Je = ({
+  searchQuery: e,
+  search: t,
+  placeholder: i = "Rechercher...",
+  onSearch: n,
+  onSubmit: o,
+  onClear: s,
+  className: f
+}) => {
+  const c = e ?? t ?? "", l = () => {
+    n(""), s !== void 0 && s();
+  };
+  return /* @__PURE__ */ m("div", { className: h("relative h-fit w-full md:w-64", f), children: [
+    /* @__PURE__ */ a(S, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+    /* @__PURE__ */ a(
+      F,
+      {
+        placeholder: i,
+        value: c,
+        onChange: (d) => {
+          n(d.target.value);
+        },
+        className: "pl-8",
+        onKeyDown: (d) => {
+          d.key === "Enter" && o !== void 0 && (d.preventDefault(), o());
+        }
+      }
+    ),
+    c !== "" ? /* @__PURE__ */ a("button", { onClick: l, className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700", type: "button", children: /* @__PURE__ */ a(z, { className: "size-4" }) }) : null
+  ] });
+};
+export {
+  Te as D,
+  Je as S,
+  De as a,
+  Se as b
+};