@krosoft/react 0.0.234 → 0.0.235

package/dist/LanguageSelector-C7E51rCQ.js

@@ -0,0 +1,47 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import "date-fns/locale";
+import "react-i18next";
+import { u as h } from "./useKrosoftTranslation-BTp46G94.js";
+import { b as g, T as f, c as v, B as p, a as b } from "./tooltip-DVeqVwqV.js";
+import { S as T, h as N, i as x, a as S, c as C } from "./select-BpjFWqAY.js";
+import { u as I } from "./useLanguage-C9jI2nwn.js";
+import { LanguagesIcon as i } from "lucide-react";
+function P({ languageOptions: o, variant: n = "select", id: t }) {
+  const { t: r } = h(), { currentLanguageOption: a, nextLanguageOption: c, changeLanguage: m, cycleLanguage: d } = I(o);
+  if (n === "mini") {
+    const l = (a == null ? void 0 : a.icon) ?? i;
+    return /* @__PURE__ */ e(g, { children: /* @__PURE__ */ s(f, { children: [
+      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ s(
+        p,
+        {
+          id: t,
+          variant: "ghost",
+          size: "icon",
+          onClick: d,
+          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+          children: [
+            /* @__PURE__ */ e(l, { className: "size-4" }),
+            /* @__PURE__ */ e("span", { className: "sr-only", children: r("language.current", { language: (a == null ? void 0 : a.label) ?? "" }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(b, { side: "bottom", align: "center", children: r("language.switchTo", { language: (c == null ? void 0 : c.label) ?? "" }) })
+    ] }) });
+  }
+  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ s(T, { value: a == null ? void 0 : a.value, onValueChange: m, children: [
+      /* @__PURE__ */ e(N, { id: t, className: "w-full", children: /* @__PURE__ */ e(x, { placeholder: r("select.language") }) }),
+      /* @__PURE__ */ e(S, { children: o.map((l) => {
+        const u = l.icon ?? i;
+        return /* @__PURE__ */ e(C, { value: l.value, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e(u, { className: "size-4" }),
+          l.label
+        ] }) }, l.value);
+      }) })
+    ] }),
+    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("language.description") })
+  ] });
+}
+export {
+  P as L
+};

package/dist/{ThemeSelector-DKhn02V2.js → ThemeSelector-CLi4_epH.js}

@@ -1,21 +1,22 @@
 import { jsx as a, jsxs as l } from "react/jsx-runtime";
 import "date-fns/locale";
 import "react-i18next";
-import { u as h } from "./useKrosoftTranslation-BTp46G94.js";
-import { b as u, T as g, c as f, B as v, a as b } from "./tooltip-DVeqVwqV.js";
-import { S as p, h as N, i as T, a as x, c as C } from "./select-BpjFWqAY.js";
-import { u as S } from "./useTheme-DS6ZjdzM.js";
-function k({ themeOptions: c, variant: t = "select" }) {
-  const { t: o } = h(), { theme: i, handleThemeChange: n, currentThemeOption: e, nextThemeOption: r, cycleTheme: m } = S(c);
-  if (t === "mini") {
+import { u } from "./useKrosoftTranslation-BTp46G94.js";
+import { b as g, T as f, c as v, B as b, a as p } from "./tooltip-DVeqVwqV.js";
+import { S as N, h as T, i as x, a as C, c as S } from "./select-BpjFWqAY.js";
+import { u as y } from "./useTheme-DS6ZjdzM.js";
+function w({ themeOptions: c, variant: o = "select", id: t }) {
+  const { t: i } = u(), { theme: n, handleThemeChange: m, currentThemeOption: e, nextThemeOption: r, cycleTheme: d } = y(c);
+  if (o === "mini") {
     const s = e == null ? void 0 : e.icon;
-    return /* @__PURE__ */ a(u, { children: /* @__PURE__ */ l(g, { children: [
-      /* @__PURE__ */ a(f, { asChild: !0, children: /* @__PURE__ */ l(
-        v,
+    return /* @__PURE__ */ a(g, { children: /* @__PURE__ */ l(f, { children: [
+      /* @__PURE__ */ a(v, { asChild: !0, children: /* @__PURE__ */ l(
+        b,
         {
+          id: t,
           variant: "ghost",
           size: "icon",
-          onClick: m,
+          onClick: d,
           className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
           children: [
             s && /* @__PURE__ */ a(s, { className: "size-4" }),
@@ -26,19 +27,19 @@ function k({ themeOptions: c, variant: t = "select" }) {
           ]
         }
       ) }),
-      /* @__PURE__ */ l(b, { side: "bottom", align: "center", children: [
+      /* @__PURE__ */ l(p, { side: "bottom", align: "center", children: [
         "Passer en ",
         r == null ? void 0 : r.label
       ] })
     ] }) });
   }
   return /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ l(p, { value: i, onValueChange: n, children: [
-      /* @__PURE__ */ a(N, { className: "w-full", children: /* @__PURE__ */ a(T, { placeholder: o("select.theme") }) }),
-      /* @__PURE__ */ a(x, { children: c.map((s) => {
-        const d = s.icon;
-        return /* @__PURE__ */ a(C, { value: s.value, children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ a(d, { className: "size-4" }),
+    /* @__PURE__ */ l(N, { value: n, onValueChange: m, children: [
+      /* @__PURE__ */ a(T, { id: t, className: "w-full", children: /* @__PURE__ */ a(x, { placeholder: i("select.theme") }) }),
+      /* @__PURE__ */ a(C, { children: c.map((s) => {
+        const h = s.icon;
+        return /* @__PURE__ */ a(S, { value: s.value, children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ a(h, { className: "size-4" }),
           s.label
         ] }) }, s.value);
       }) })
@@ -47,5 +48,5 @@ function k({ themeOptions: c, variant: t = "select" }) {
   ] });
 }
 export {
-  k as T
+  w as T
 };

package/dist/components/core/index.js

@@ -9,7 +9,7 @@ import { G as V } from "../../GenericForm-CydibLHU.js";
 import { I as z } from "../../ImageInput-DoOOvvth.js";
 import { D as q, a as w, S as J, b as Q } from "../../SearchInput-DIZ5Yt6L.js";
 import { M as X } from "../../MultiSelect-DbH7LrsD.js";
-import { L as $ } from "../../LanguageSelector-D5Ly1SFC.js";
+import { L as $ } from "../../LanguageSelector-C7E51rCQ.js";
 import { A as ea } from "../../AppActions-BFwztl-1.js";
 import { A as oa, K as sa } from "../../KpiCardsLayout-Ca6otKVw.js";
 import { A as ia } from "../../AppSubTitle-BTN0YAc7.js";
@@ -20,7 +20,7 @@ import { E as Ta } from "../../ErrorState-CkeS_IBT.js";
 import { L as Da } from "../../LoadingState-BN0YaPSs.js";
 import { A as Fa, D as La, S as Pa, T as ua, a as Ea, b as Ha, c as Ia, d as Ka, e as Na, g as Oa, f as Ba, h as Ma } from "../../DataTable-CjrR27Di.js";
 import { A as Ga, a as _a, b as va, c as ya } from "../../AppVerticalTabs-B7XXtAVj.js";
-import { T as Ua } from "../../ThemeSelector-DKhn02V2.js";
+import { T as Ua } from "../../ThemeSelector-CLi4_epH.js";
 export {
   Fa as ACTIONS_COLUMN_KEY,
   G as ActiveFilters,

package/dist/components/core/language/LanguageSelector.d.ts

@@ -3,7 +3,9 @@ import { type LanguageOption } from "../../../hooks/ui/useLanguage";
 interface LanguageSelectorProps {
     languageOptions: readonly LanguageOption[];
     variant?: "select" | "mini";
+    /** Posé sur le déclencheur, pour qu'un `<Label htmlFor>` de l'application puisse s'y associer. */
+    id?: string;
 }
-export declare function LanguageSelector({ languageOptions, variant }: LanguageSelectorProps): React.JSX.Element;
+export declare function LanguageSelector({ languageOptions, variant, id }: LanguageSelectorProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=LanguageSelector.d.ts.map

package/dist/components/core/language/LanguageSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/language/LanguageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG1E,UAAU,qBAAqB;IAC7B,eAAe,EAAE,SAAS,cAAc,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,eAAe,EAAE,OAAkB,EAAE,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqDlH"}
+{"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/language/LanguageSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAe,KAAK,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG1E,UAAU,qBAAqB;IAC7B,eAAe,EAAE,SAAS,cAAc,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,kGAAkG;IAClG,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,gBAAgB,CAAC,EAAE,eAAe,EAAE,OAAkB,EAAE,EAAE,EAAE,EAAE,qBAAqB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsDtH"}

package/dist/components/core/language/index.js

@@ -1,4 +1,4 @@
-import { L as o } from "../../../LanguageSelector-D5Ly1SFC.js";
+import { L as o } from "../../../LanguageSelector-C7E51rCQ.js";
 export {
   o as LanguageSelector
 };

package/dist/components/core/theme/ThemeSelector.d.ts

@@ -3,7 +3,9 @@ import { type ThemeOption } from "../../../hooks/ui/useTheme";
 interface ThemeSelectorProps {
     themeOptions: readonly ThemeOption[];
     variant?: "select" | "mini";
+    /** Posé sur le déclencheur, pour qu'un `<Label htmlFor>` de l'application puisse s'y associer. */
+    id?: string;
 }
-export declare function ThemeSelector({ themeOptions, variant }: ThemeSelectorProps): React.JSX.Element;
+export declare function ThemeSelector({ themeOptions, variant, id }: ThemeSelectorProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ThemeSelector.d.ts.map

package/dist/components/core/theme/ThemeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/theme/ThemeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEjE,UAAU,kBAAkB;IAC1B,YAAY,EAAE,SAAS,WAAW,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;CAC7B;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,OAAkB,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDzG"}
+{"version":3,"file":"ThemeSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/core/theme/ThemeSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEjE,UAAU,kBAAkB;IAC1B,YAAY,EAAE,SAAS,WAAW,EAAE,CAAC;IACrC,OAAO,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC5B,kGAAkG;IAClG,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,aAAa,CAAC,EAAE,YAAY,EAAE,OAAkB,EAAE,EAAE,EAAE,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqD7G"}

package/dist/components/core/theme/index.js

@@ -1,4 +1,4 @@
-import { T as r } from "../../../ThemeSelector-DKhn02V2.js";
+import { T as r } from "../../../ThemeSelector-CLi4_epH.js";
 export {
   r as ThemeSelector
 };

package/dist/components/index.js

@@ -9,7 +9,7 @@ import { G as as } from "../GenericForm-CydibLHU.js";
 import { I as rs } from "../ImageInput-DoOOvvth.js";
 import { D as os, a as ts, S as ns, b as is } from "../SearchInput-DIZ5Yt6L.js";
 import { M as ps } from "../MultiSelect-DbH7LrsD.js";
-import { L as us } from "../LanguageSelector-D5Ly1SFC.js";
+import { L as us } from "../LanguageSelector-C7E51rCQ.js";
 import { A as gs } from "../AppActions-BFwztl-1.js";
 import { A as ds, K as Ss } from "../KpiCardsLayout-Ca6otKVw.js";
 import { A as cs } from "../AppSubTitle-BTN0YAc7.js";
@@ -20,7 +20,7 @@ import { E as Bs } from "../ErrorState-CkeS_IBT.js";
 import { L as ks } from "../LoadingState-BN0YaPSs.js";
 import { A as Ns, D as Rs, S as Os, T as Es, a as ys, b as Vs, c as Ks, d as zs, e as _s, g as js, f as Us, h as qs } from "../DataTable-CjrR27Di.js";
 import { A as Js, a as Qs, b as Ws, c as Xs } from "../AppVerticalTabs-B7XXtAVj.js";
-import { T as $s } from "../ThemeSelector-DKhn02V2.js";
+import { T as $s } from "../ThemeSelector-CLi4_epH.js";
 import { A as eo, a as ro, b as so } from "../alert-B9F1N9Qk.js";
 import { A as to, C as no, a as io, b as lo, R as po, c as bo, d as uo, T as Co, e as go } from "../toaster-CyzB1m5z.js";
 import { B as So, T as To, a as co, b as Do, c as Mo, d as xo, e as Ao, f as ho } from "../tooltip-DVeqVwqV.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.234",
+  "version": "0.0.235",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {

package/dist/LanguageSelector-D5Ly1SFC.js

@@ -1,46 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import "date-fns/locale";
-import "react-i18next";
-import { u } from "./useKrosoftTranslation-BTp46G94.js";
-import { b as h, T as g, c as f, B as v, a as p } from "./tooltip-DVeqVwqV.js";
-import { S as b, h as T, i as N, a as x, c as S } from "./select-BpjFWqAY.js";
-import { u as C } from "./useLanguage-C9jI2nwn.js";
-import { LanguagesIcon as t } from "lucide-react";
-function K({ languageOptions: o, variant: i = "select" }) {
-  const { t: r } = u(), { currentLanguageOption: a, nextLanguageOption: c, changeLanguage: n, cycleLanguage: m } = C(o);
-  if (i === "mini") {
-    const l = (a == null ? void 0 : a.icon) ?? t;
-    return /* @__PURE__ */ e(h, { children: /* @__PURE__ */ s(g, { children: [
-      /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ s(
-        v,
-        {
-          variant: "ghost",
-          size: "icon",
-          onClick: m,
-          className: "text-sidebar-foreground hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-          children: [
-            /* @__PURE__ */ e(l, { className: "size-4" }),
-            /* @__PURE__ */ e("span", { className: "sr-only", children: r("language.current", { language: (a == null ? void 0 : a.label) ?? "" }) })
-          ]
-        }
-      ) }),
-      /* @__PURE__ */ e(p, { side: "bottom", align: "center", children: r("language.switchTo", { language: (c == null ? void 0 : c.label) ?? "" }) })
-    ] }) });
-  }
-  return /* @__PURE__ */ s("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ s(b, { value: a == null ? void 0 : a.value, onValueChange: n, children: [
-      /* @__PURE__ */ e(T, { className: "w-full", children: /* @__PURE__ */ e(N, { placeholder: r("select.language") }) }),
-      /* @__PURE__ */ e(x, { children: o.map((l) => {
-        const d = l.icon ?? t;
-        return /* @__PURE__ */ e(S, { value: l.value, children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(d, { className: "size-4" }),
-          l.label
-        ] }) }, l.value);
-      }) })
-    ] }),
-    /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: r("language.description") })
-  ] });
-}
-export {
-  K as L
-};