@seij/common-ui 0.1.4 → 0.1.6

package/dist/index.js

@@ -1,58 +1,58 @@
 import { SeijUIProvider as e } from "./init/SeijUIProvider.js";
 import { ApplicationShell as p } from "./lib/applicationshell/ApplicationShell.js";
 import { Badge as m } from "./lib/badge/Badge.js";
-import { ButtonBar as n } from "./lib/button_bar/ButtonBar.js";
+import { ButtonBar as x } from "./lib/button_bar/ButtonBar.js";
 import { Button as i } from "./lib/button/Button.js";
-import { CommonUi as b } from "./lib/common-ui.js";
-import { obfuscateLabel as I } from "./lib/commons/obfuscatelabel.js";
+import { CommonUi as I } from "./lib/common-ui.js";
+import { obfuscateLabel as u } from "./lib/commons/obfuscatelabel.js";
 import { DataTable as c, DataTableBody as D, DataTableCaption as L, DataTableCell as s, DataTableHead as d, DataTableHeaderCell as y, DataTableRow as S } from "./lib/data_table/DataTable.js";
 import { DataTableDynamic as M } from "./lib/datatabledynamic/DataTableDynamic.js";
-import { ErrorManager as P, useErrorNotifier as A } from "./lib/error_notifier/ErrorNotifier.js";
-import { ErrorBox as F } from "./lib/errorbox/ErrorBox.js";
+import { ErrorManager as N, useErrorNotifier as P } from "./lib/error_notifier/ErrorNotifier.js";
+import { ErrorBox as E } from "./lib/errorbox/ErrorBox.js";
 import { FormField as C, FormLayout as V, FormLayoutTable as v, FormSectionTitle as h, FormText as R } from "./lib/form_layout/FormLayout.js";
-import { I18nService as _, I18nServiceInstance as g } from "./lib/i18n/i18n.service.js";
-import { I18nProvider as O, useI18n as Y } from "./lib/i18n/i18n.react.js";
-import { InfoBox as W } from "./lib/info_box/InfoBox.js";
-import { InlineEdit as q } from "./lib/inlineedit/InlineEdit.js";
-import { ListView as G } from "./lib/listview/ListView.js";
-import { Loader as K } from "./lib/loader/Loader.js";
-import { InputLocalDate as X } from "./lib/localdate/InputLocalDate.js";
-import { LabelLocalDate as $ } from "./lib/localdate/LabelLocalDate.js";
-import { InputMoneyDec as ro } from "./lib/money/InputMoneyDec.js";
-import { InputMoneyInt as to } from "./lib/money/InputMoneyInt.js";
-import { LabelMoneyDec as ao } from "./lib/money/LabelMoneyDec.js";
+import { I18nService as _, I18nServiceInstance as g, i18NextInstance as H } from "./lib/i18n/i18n.service.js";
+import { I18nProvider as Y, useI18n as j } from "./lib/i18n/i18n.react.js";
+import { InfoBox as k } from "./lib/info_box/InfoBox.js";
+import { InlineEdit as z } from "./lib/inlineedit/InlineEdit.js";
+import { ListView as J } from "./lib/listview/ListView.js";
+import { Loader as Q } from "./lib/loader/Loader.js";
+import { InputLocalDate as Z } from "./lib/localdate/InputLocalDate.js";
+import { LabelLocalDate as oo } from "./lib/localdate/LabelLocalDate.js";
+import { InputMoneyDec as eo } from "./lib/money/InputMoneyDec.js";
+import { InputMoneyInt as po } from "./lib/money/InputMoneyInt.js";
+import { LabelMoneyDec as mo } from "./lib/money/LabelMoneyDec.js";
 import { LabelMoneyInt as xo } from "./lib/money/LabelMoneyInt.js";
-import { InputDurationMonths as fo } from "./lib/month/InputDurationMonths.js";
-import { InputMonth as lo } from "./lib/month/InputMonth.js";
+import { InputDurationMonths as io } from "./lib/month/InputDurationMonths.js";
+import { InputMonth as Io } from "./lib/month/InputMonth.js";
 import { Navigation as uo } from "./lib/navigation/Navigation.js";
-import { INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS as To, InputNumber as co } from "./lib/number/InputNumber.js";
-import { InputNumberDec as Lo } from "./lib/number/InputNumberDec.js";
-import { InputNumberInt as yo } from "./lib/number/InputNumberInt.js";
-import { InputPercent as Bo } from "./lib/percent/InputPercent.js";
-import { LabelPercent as wo, LabelRate as Po } from "./lib/percent/LabelPercent.js";
+import { INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS as co, InputNumber as Do } from "./lib/number/InputNumber.js";
+import { InputNumberDec as so } from "./lib/number/InputNumberDec.js";
+import { InputNumberInt as So } from "./lib/number/InputNumberInt.js";
+import { InputPercent as Mo } from "./lib/percent/InputPercent.js";
+import { LabelPercent as No, LabelRate as Po } from "./lib/percent/LabelPercent.js";
 import { LabelPercentInt as Eo } from "./lib/percent/LabelPercentInt.js";
-import { InputCombobox as No } from "./lib/select/InputCombobox.js";
-import { InputSelect as Vo } from "./lib/select/InputSelect.js";
-import { SwitchButton as ho } from "./lib/switchbutton/SwitchButton.js";
-import { Tabs as Uo, TabsList as _o, TabsPanel as go, TabsTab as Ho } from "./lib/tabs/Tabs.js";
-import { InputText as Yo } from "./lib/text/InputText.js";
-import { Description as Wo } from "./lib/typography/description/Description.js";
-import { LabelAndDescription as qo } from "./lib/typography/label_and_description/LabelAndDescription.js";
-import { Todo as Go } from "./lib/typography/todo/Todo.js";
-import { SectionTitle as Ko } from "./lib/typography/sectiontitle/SectionTitle.js";
-import { ViewBody as Xo } from "./lib/view_layout/ViewBody.js";
-import { ViewFooter as $o } from "./lib/view_layout/ViewFooter.js";
-import { ViewHeader as rr } from "./lib/view_layout/ViewHeader.js";
-import { ViewLayout as tr } from "./lib/view_layout/ViewLayout.js";
-import { ViewTitle as ar } from "./lib/view_layout/ViewTitle.js";
+import { InputCombobox as Co } from "./lib/select/InputCombobox.js";
+import { InputSelect as vo } from "./lib/select/InputSelect.js";
+import { SwitchButton as Ro } from "./lib/switchbutton/SwitchButton.js";
+import { Tabs as _o, TabsList as go, TabsPanel as Ho, TabsTab as Oo } from "./lib/tabs/Tabs.js";
+import { InputText as jo } from "./lib/text/InputText.js";
+import { Description as ko } from "./lib/typography/description/Description.js";
+import { LabelAndDescription as zo } from "./lib/typography/label_and_description/LabelAndDescription.js";
+import { Todo as Jo } from "./lib/typography/todo/Todo.js";
+import { SectionTitle as Qo } from "./lib/typography/sectiontitle/SectionTitle.js";
+import { ViewBody as Zo } from "./lib/view_layout/ViewBody.js";
+import { ViewFooter as or } from "./lib/view_layout/ViewFooter.js";
+import { ViewHeader as er } from "./lib/view_layout/ViewHeader.js";
+import { ViewLayout as pr } from "./lib/view_layout/ViewLayout.js";
+import { ViewTitle as mr } from "./lib/view_layout/ViewTitle.js";
 import { InputDurationYears as xr } from "./lib/year/InputDurationYears.js";
-import { InputYear as fr } from "./lib/year/InputYear.js";
+import { InputYear as ir } from "./lib/year/InputYear.js";
 export {
   p as ApplicationShell,
   m as Badge,
   i as Button,
-  n as ButtonBar,
-  b as CommonUi,
+  x as ButtonBar,
+  I as CommonUi,
   c as DataTable,
   D as DataTableBody,
   L as DataTableCaption,
@@ -61,59 +61,60 @@ export {
   d as DataTableHead,
   y as DataTableHeaderCell,
   S as DataTableRow,
-  Wo as Description,
-  F as ErrorBox,
-  P as ErrorManager,
+  ko as Description,
+  E as ErrorBox,
+  N as ErrorManager,
   C as FormField,
   V as FormLayout,
   v as FormLayoutTable,
   h as FormSectionTitle,
   R as FormText,
-  O as I18nProvider,
+  Y as I18nProvider,
   _ as I18nService,
   g as I18nServiceInstance,
-  To as INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS,
-  W as InfoBox,
-  q as InlineEdit,
-  No as InputCombobox,
-  fo as InputDurationMonths,
+  co as INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS,
+  k as InfoBox,
+  z as InlineEdit,
+  Co as InputCombobox,
+  io as InputDurationMonths,
   xr as InputDurationYears,
-  X as InputLocalDate,
-  ro as InputMoneyDec,
-  to as InputMoneyInt,
-  lo as InputMonth,
-  co as InputNumber,
-  Lo as InputNumberDec,
-  yo as InputNumberInt,
-  Bo as InputPercent,
-  Vo as InputSelect,
-  Yo as InputText,
-  fr as InputYear,
-  qo as LabelAndDescription,
-  $ as LabelLocalDate,
-  ao as LabelMoneyDec,
+  Z as InputLocalDate,
+  eo as InputMoneyDec,
+  po as InputMoneyInt,
+  Io as InputMonth,
+  Do as InputNumber,
+  so as InputNumberDec,
+  So as InputNumberInt,
+  Mo as InputPercent,
+  vo as InputSelect,
+  jo as InputText,
+  ir as InputYear,
+  zo as LabelAndDescription,
+  oo as LabelLocalDate,
+  mo as LabelMoneyDec,
   xo as LabelMoneyInt,
-  wo as LabelPercent,
+  No as LabelPercent,
   Eo as LabelPercentInt,
   Po as LabelRate,
-  G as ListView,
-  K as Loader,
+  J as ListView,
+  Q as Loader,
   uo as Navigation,
-  Ko as SectionTitle,
+  Qo as SectionTitle,
   e as SeijUIProvider,
-  ho as SwitchButton,
-  Uo as Tabs,
-  _o as TabsList,
-  go as TabsPanel,
-  Ho as TabsTab,
-  Go as Todo,
-  Xo as ViewBody,
-  $o as ViewFooter,
-  rr as ViewHeader,
-  tr as ViewLayout,
-  ar as ViewTitle,
-  I as obfuscateLabel,
-  A as useErrorNotifier,
-  Y as useI18n
+  Ro as SwitchButton,
+  _o as Tabs,
+  go as TabsList,
+  Ho as TabsPanel,
+  Oo as TabsTab,
+  Jo as Todo,
+  Zo as ViewBody,
+  or as ViewFooter,
+  er as ViewHeader,
+  pr as ViewLayout,
+  mr as ViewTitle,
+  H as i18NextInstance,
+  u as obfuscateLabel,
+  P as useErrorNotifier,
+  j as useI18n
 };
 //# sourceMappingURL=index.js.map

package/dist/init/SeijUIProvider.d.ts

@@ -1,15 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { Formats, Messages } from '../lib/i18n';
 interface SeijUIProviderProps extends PropsWithChildren {
-    /** SSR hydrate */
-    initialLocale?: string;
-    /** SSR hydrate */
-    initialMessages?: Messages;
-    /** SSR hydrate */
-    initialFormats?: Formats;
-    /** for tests, storybook, preview */
-    forcedLocale?: string;
 }
-export declare function SeijUIProvider({ children, initialLocale }: SeijUIProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function SeijUIProvider({ children }: SeijUIProviderProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SeijUIProvider.d.ts.map

package/dist/init/SeijUIProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeijUIProvider.d.ts","sourceRoot":"","sources":["../../src/init/SeijUIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAahD,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,kBAAkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB;IAClB,eAAe,CAAC,EAAE,QAAQ,CAAC;IAC3B,kBAAkB;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,mBAAmB,2CAS9E"}
+{"version":3,"file":"SeijUIProvider.d.ts","sourceRoot":"","sources":["../../src/init/SeijUIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc1C,UAAU,mBAAoB,SAAQ,iBAAiB;CAEtD;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAS/D"}

package/dist/init/SeijUIProvider.js

@@ -1,20 +1,20 @@
-import { jsx as e, jsxs as t } from "react/jsx-runtime";
-import { webLightTheme as i, FluentProvider as n } from "@fluentui/react-components";
-import { ErrorManager as s } from "../lib/error_notifier/ErrorNotifier.js";
-import { I18nProvider as a } from "../lib/i18n/i18n.react.js";
-const m = {
-  ...i,
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { webLightTheme as t, FluentProvider as i } from "@fluentui/react-components";
+import { ErrorManager as n } from "../lib/error_notifier/ErrorNotifier.js";
+import { I18nProvider as s } from "../lib/i18n/i18n.react.js";
+const a = {
+  ...t,
   fontFamilyBase: "'Noto Sans', 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif",
   fontFamilyMonospace: "Fira Mono, Consolas, 'Courier New', Courier, monospace",
   fontFamilyNumeric: "Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif"
 };
-function u({ children: o, initialLocale: r }) {
-  return /* @__PURE__ */ e(a, { initialLocale: r, children: /* @__PURE__ */ t(n, { theme: m, children: [
+function f({ children: o }) {
+  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ r(i, { theme: a, children: [
     o,
-    /* @__PURE__ */ e(s, {})
+    /* @__PURE__ */ e(n, {})
   ] }) });
 }
 export {
-  u as SeijUIProvider
+  f as SeijUIProvider
 };
 //# sourceMappingURL=SeijUIProvider.js.map

package/dist/init/SeijUIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeijUIProvider.js","sources":["../../src/init/SeijUIProvider.tsx"],"sourcesContent":["import { FluentProvider, Theme, webLightTheme } from \"@fluentui/react-components\";\n\nimport { PropsWithChildren } from \"react\";\nimport { ErrorManager } from \"../lib/error_notifier/ErrorNotifier\";\nimport { Formats, Messages } from \"../lib/i18n\";\nimport { I18nProvider } from \"../lib/i18n/i18n.react\";\n\n// noinspection SpellCheckingInspection\nconst theme: Theme = {\n  ...webLightTheme,\n  fontFamilyBase:\n    \"'Noto Sans', 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n  fontFamilyMonospace: \"Fira Mono, Consolas, 'Courier New', Courier, monospace\",\n  fontFamilyNumeric:\n    \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n\ninterface SeijUIProviderProps extends PropsWithChildren {\n  /** SSR hydrate */\n  initialLocale?: string;\n  /** SSR hydrate */\n  initialMessages?: Messages;\n  /** SSR hydrate */\n  initialFormats?: Formats;\n  /** for tests, storybook, preview */\n  forcedLocale?: string;\n}\n\nexport function SeijUIProvider({ children, initialLocale }: SeijUIProviderProps) {\n  return (\n    <I18nProvider initialLocale={initialLocale}>\n      <FluentProvider theme={theme}>\n        {children}\n        <ErrorManager />\n      </FluentProvider>\n    </I18nProvider>\n  );\n}\n"],"names":["theme","webLightTheme","SeijUIProvider","children","initialLocale","jsx","I18nProvider","jsxs","FluentProvider","ErrorManager"],"mappings":";;;;AAQA,MAAMA,IAAe;AAAA,EACnB,GAAGC;AAAA,EACH,gBACE;AAAA,EACF,qBAAqB;AAAA,EACrB,mBACE;AACJ;AAaO,SAASC,EAAe,EAAE,UAAAC,GAAU,eAAAC,KAAsC;AAC/E,SACE,gBAAAC,EAACC,GAAA,EAAa,eAAAF,GACZ,UAAA,gBAAAG,EAACC,KAAe,OAAAR,GACb,UAAA;AAAA,IAAAG;AAAA,sBACAM,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"SeijUIProvider.js","sources":["../../src/init/SeijUIProvider.tsx"],"sourcesContent":["import { FluentProvider, Theme, webLightTheme } from \"@fluentui/react-components\";\n\nimport { PropsWithChildren } from \"react\";\nimport { ErrorManager } from \"../lib/error_notifier/ErrorNotifier\";\nimport { I18nProvider } from \"../lib/i18n/i18n.react\";\n\n// noinspection SpellCheckingInspection\nconst theme: Theme = {\n  ...webLightTheme,\n  fontFamilyBase:\n    \"'Noto Sans', 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n  fontFamilyMonospace: \"Fira Mono, Consolas, 'Courier New', Courier, monospace\",\n  fontFamilyNumeric:\n    \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n\ninterface SeijUIProviderProps extends PropsWithChildren {\n\n}\n\nexport function SeijUIProvider({ children }: SeijUIProviderProps) {\n  return (\n    <I18nProvider>\n      <FluentProvider theme={theme}>\n        {children}\n        <ErrorManager />\n      </FluentProvider>\n    </I18nProvider>\n  );\n}\n"],"names":["theme","webLightTheme","SeijUIProvider","children","jsx","I18nProvider","jsxs","FluentProvider","ErrorManager"],"mappings":";;;;AAOA,MAAMA,IAAe;AAAA,EACnB,GAAGC;AAAA,EACH,gBACE;AAAA,EACF,qBAAqB;AAAA,EACrB,mBACE;AACJ;AAMO,SAASC,EAAe,EAAE,UAAAC,KAAiC;AAChE,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAe,OAAAP,GACb,UAAA;AAAA,IAAAG;AAAA,sBACAK,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,EAAA,CACF;AAEJ;"}

package/dist/lib/i18n/i18n.react.d.ts

@@ -2,9 +2,7 @@ import { default as React } from 'react';
 import { I18n } from './i18n.types';
 export interface I18nProviderProps {
     children: React.ReactNode;
-    /** SSR hydrate */
-    initialLocale?: string;
 }
-export declare function I18nProvider({ children, initialLocale }: I18nProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function I18nProvider({ children }: I18nProviderProps): import("react/jsx-runtime").JSX.Element | null;
 export declare function useI18n(): I18n;
 //# sourceMappingURL=i18n.react.d.ts.map

package/dist/lib/i18n/i18n.react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.react.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.react.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAG5E,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,iBAAiB,2CAwB1E;AAED,wBAAgB,OAAO,IAAI,IAAI,CAI9B"}
+{"version":3,"file":"i18n.react.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.react.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,kDAsB3D;AAED,wBAAgB,OAAO,IAAI,IAAI,CAI9B"}

package/dist/lib/i18n/i18n.react.js

@@ -1,35 +1,28 @@
 import { jsx as u } from "react/jsx-runtime";
-import i from "i18next";
-import { createContext as g, useContext as f, useState as v, useMemo as s } from "react";
-import { normalize as I, detectClientLocale as d } from "./i18n.detect.js";
+import { createContext as a, useContext as f, useState as r, useMemo as m, useEffect as v } from "react";
 import { I18nServiceInstance as n } from "./i18n.service.js";
-const a = g({ i18nService: n, lastChange: 0 });
-function S({ children: e, initialLocale: t }) {
-  const [r, c] = v(0);
-  s(() => {
-    const o = I(t || d());
-    o !== i.language && n.readyPromise.then(() => {
-      i.changeLanguage(o, () => {
-        c((/* @__PURE__ */ new Date()).getTime());
-      });
-    });
-  }, [t]);
-  const m = s(
+const s = a({ i18nService: n, lastChange: 0 });
+function x({ children: e }) {
+  const [t, I] = r(0), [o, i] = r(!1), c = m(
     () => ({
       i18nService: n,
-      lastChange: r
+      lastChange: t
     }),
-    [r]
+    [t]
   );
-  return /* @__PURE__ */ u(a.Provider, { value: m, children: e });
+  return v(() => {
+    n.readyPromise.then(() => {
+      i(!0);
+    });
+  }, []), o ? /* @__PURE__ */ u(s.Provider, { value: c, children: e }) : null;
 }
-function w() {
-  const e = f(a);
+function C() {
+  const e = f(s);
   if (!e) throw new Error("useI18n must be used within I18nProvider");
   return e.i18nService;
 }
 export {
-  S as I18nProvider,
-  w as useI18n
+  x as I18nProvider,
+  C as useI18n
 };
 //# sourceMappingURL=i18n.react.js.map

package/dist/lib/i18n/i18n.react.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.react.js","sources":["../../../src/lib/i18n/i18n.react.tsx"],"sourcesContent":["// i18n/I18nProvider.tsx\nimport i18next from \"i18next\";\nimport React, { createContext, useContext, useMemo, useState } from \"react\";\nimport { detectClientLocale, normalize } from \"./i18n.detect\";\nimport { I18nService, I18nServiceInstance } from \"./i18n.service\";\nimport { I18n } from \"./i18n.types\";\n\ntype I18nCtxType = {\n  i18nService: I18nService;\n  lastChange: number;\n};\nconst I18nCtx = createContext<I18nCtxType>({ i18nService: I18nServiceInstance, lastChange: 0 });\n\nexport interface I18nProviderProps {\n  children: React.ReactNode;\n  /** SSR hydrate */\n  initialLocale?: string;\n}\n\nexport function I18nProvider({ children, initialLocale }: I18nProviderProps) {\n  // Detects the locale: first used the forced one, then initial, then use autodetection\n\n  const [instanceTs, setInstanceTs] = useState(0);\n  useMemo(() => {\n    const language = normalize(initialLocale || detectClientLocale());\n    if (language !== i18next.language) {\n      I18nServiceInstance.readyPromise.then(() => {\n        i18next.changeLanguage(language, () => {\n          setInstanceTs(new Date().getTime());\n        });\n      });\n    }\n  }, [initialLocale]);\n\n  const value: I18nCtxType = useMemo(\n    () => ({\n      i18nService: I18nServiceInstance,\n      lastChange: instanceTs,\n    }),\n    [instanceTs],\n  );\n\n  return <I18nCtx.Provider value={value}>{children}</I18nCtx.Provider>;\n}\n\nexport function useI18n(): I18n {\n  const v = useContext(I18nCtx);\n  if (!v) throw new Error(\"useI18n must be used within I18nProvider\");\n  return v.i18nService;\n}\n"],"names":["I18nCtx","createContext","I18nServiceInstance","I18nProvider","children","initialLocale","instanceTs","setInstanceTs","useState","useMemo","language","normalize","detectClientLocale","i18next","value","jsx","useI18n","v","useContext"],"mappings":";;;;;AAWA,MAAMA,IAAUC,EAA2B,EAAE,aAAaC,GAAqB,YAAY,GAAG;AAQvF,SAASC,EAAa,EAAE,UAAAC,GAAU,eAAAC,KAAoC;AAG3E,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC;AAC9C,EAAAC,EAAQ,MAAM;AACZ,UAAMC,IAAWC,EAAUN,KAAiBO,EAAA,CAAoB;AAChE,IAAIF,MAAaG,EAAQ,YACvBX,EAAoB,aAAa,KAAK,MAAM;AAC1C,MAAAW,EAAQ,eAAeH,GAAU,MAAM;AACrC,QAAAH,GAAc,oBAAI,KAAA,GAAO,QAAA,CAAS;AAAA,MACpC,CAAC;AAAA,IACH,CAAC;AAAA,EAEL,GAAG,CAACF,CAAa,CAAC;AAElB,QAAMS,IAAqBL;AAAA,IACzB,OAAO;AAAA,MACL,aAAaP;AAAA,MACb,YAAYI;AAAA,IAAA;AAAA,IAEd,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACf,EAAQ,UAAR,EAAiB,OAAAc,GAAe,UAAAV,EAAA,CAAS;AACnD;AAEO,SAASY,IAAgB;AAC9B,QAAMC,IAAIC,EAAWlB,CAAO;AAC5B,MAAI,CAACiB,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAOA,EAAE;AACX;"}
+{"version":3,"file":"i18n.react.js","sources":["../../../src/lib/i18n/i18n.react.tsx"],"sourcesContent":["// i18n/I18nProvider.tsx\nimport React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { i18NextInstance, I18nService, I18nServiceInstance } from \"./i18n.service\";\nimport { I18n } from \"./i18n.types\";\n\ntype I18nCtxType = {\n  i18nService: I18nService;\n  lastChange: number;\n};\nconst I18nCtx = createContext<I18nCtxType>({ i18nService: I18nServiceInstance, lastChange: 0 });\n\nexport interface I18nProviderProps {\n  children: React.ReactNode;\n}\n\nexport function I18nProvider({ children }: I18nProviderProps) {\n  // Detects the locale: first used the forced one, then initial, then use autodetection\n\n  const [instanceTs, setInstanceTs] = useState(0);\n  const [ready, setReady] = useState<boolean>(false)\n  const value: I18nCtxType = useMemo(\n    () => ({\n      i18nService: I18nServiceInstance,\n      lastChange: instanceTs,\n    }),\n    [instanceTs],\n  );\n\n  useEffect(() => {\n    I18nServiceInstance.readyPromise.then(()=>{\n      setReady(true)\n    })\n  }, [])\n\n  if (!ready) return null\n\n  return <I18nCtx.Provider value={value}>{children}</I18nCtx.Provider>;\n}\n\nexport function useI18n(): I18n {\n  const v = useContext(I18nCtx);\n  if (!v) throw new Error(\"useI18n must be used within I18nProvider\");\n  return v.i18nService;\n}\n"],"names":["I18nCtx","createContext","I18nServiceInstance","I18nProvider","children","instanceTs","setInstanceTs","useState","ready","setReady","value","useMemo","useEffect","jsx","useI18n","v","useContext"],"mappings":";;;AASA,MAAMA,IAAUC,EAA2B,EAAE,aAAaC,GAAqB,YAAY,GAAG;AAMvF,SAASC,EAAa,EAAE,UAAAC,KAA+B;AAG5D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAkB,EAAK,GAC3CG,IAAqBC;AAAA,IACzB,OAAO;AAAA,MACL,aAAaT;AAAA,MACb,YAAYG;AAAA,IAAA;AAAA,IAEd,CAACA,CAAU;AAAA,EAAA;AASb,SANAO,EAAU,MAAM;AACd,IAAAV,EAAoB,aAAa,KAAK,MAAI;AACxC,MAAAO,EAAS,EAAI;AAAA,IACf,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAEAD,IAEE,gBAAAK,EAACb,EAAQ,UAAR,EAAiB,OAAAU,GAAe,UAAAN,EAAA,CAAS,IAF9B;AAGrB;AAEO,SAASU,IAAgB;AAC9B,QAAMC,IAAIC,EAAWhB,CAAO;AAC5B,MAAI,CAACe,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAOA,EAAE;AACX;"}

package/dist/lib/i18n/i18n.service.d.ts

@@ -1,4 +1,6 @@
+import { i18n } from 'i18next';
 import { I18n } from './i18n.types';
+export declare const i18NextInstance: i18n;
 export declare class I18nService implements I18n {
     readyPromise: Promise<import('i18next').TFunction<"translation", undefined>>;
     getLocale: () => string;

package/dist/lib/i18n/i18n.service.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.service.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.service.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAUpC,qBAAa,WAAY,YAAW,IAAI;IACtC,YAAY,iEAA8B;IAE1C,SAAS,QAAO,MAAM,CAEpB;IAEF,IAAI,GAAI,IAAI,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,KAAG,KAAK,CAAC,SAAS,CAE5G;IAEF,CAAC,GAAI,IAAI,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,MAAM,CAExD;IAEF,OAAO,uCAEL;IAEF,QAAQ,eAEN;IAEF,GAAG,GAAI,QAAQ,MAAM,yBAEnB;IAEF,EAAE,GAAI,QAAQ,MAAM,uBAEnB;IAED,EAAE,GAAI,QAAQ,MAAM,qBAKnB;IAED,GAAG,gCAEF;IAED,UAAU,GAAI,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,CAEtD;IAED,YAAY,GAAG,GAAG,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,CAEhD;IAED,UAAU,GAAI,OAAO,MAAM,EAAE,EAAE,QAAQ,MAAM,KAAG,MAAM,CAErD;IAED,cAAc,GAAI,GAAG,IAAI,GAAG,MAAM,KAAG,MAAM,CA4B1C;IAED,oBAAoB,QAAO,MAAM,CAEhC;IAED,kBAAkB,QAAO,MAAM,CAE9B;IAED,uBAAuB,GAAI,KAAK,MAAM,KAAG,MAAM,CAU9C;IAED,4BAA4B,GAAI,KAAK,MAAM,KAAG,MAAM,CAcnD;IAED,SAAS;cAWqC,MAAM;eAAS,MAAM;QATlE;IAED,iBAAiB,GAAI,KAAK,MAAM,EAAE,WAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,IAAI,CAItE;CACF;AAQD,eAAO,MAAM,mBAAmB,aAAoB,CAAC"}
+{"version":3,"file":"i18n.service.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.service.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAKpC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,eAAO,MAAM,eAAe,EAAE,IAA+B,CAAC;AAiB9D,qBAAa,WAAY,YAAW,IAAI;IACtC,YAAY,iEAA8B;IAE1C,SAAS,QAAO,MAAM,CAEpB;IAEF,IAAI,GAAI,IAAI,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,KAAG,KAAK,CAAC,SAAS,CAE5G;IAEF,CAAC,GAAI,IAAI,MAAM,EAAE,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAG,MAAM,CAExD;IAEF,OAAO,uCAEL;IAEF,QAAQ,eAEN;IAEF,GAAG,GAAI,QAAQ,MAAM,yBAEnB;IAEF,EAAE,GAAI,QAAQ,MAAM,uBAElB;IAEF,EAAE,GAAI,QAAQ,MAAM,qBAKlB;IAEF,GAAG,gCAED;IAEF,UAAU,GAAI,GAAG,IAAI,GAAG,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,CAErD;IAEF,YAAY,GAAI,GAAG,MAAM,EAAE,QAAQ,MAAM,KAAG,MAAM,CAEhD;IAEF,UAAU,GAAI,OAAO,MAAM,EAAE,EAAE,QAAQ,MAAM,KAAG,MAAM,CAEpD;IAEF,cAAc,GAAI,GAAG,IAAI,GAAG,MAAM,KAAG,MAAM,CA4BzC;IAEF,oBAAoB,QAAO,MAAM,CAE/B;IAEF,kBAAkB,QAAO,MAAM,CAE7B;IAEF,uBAAuB,GAAI,KAAK,MAAM,KAAG,MAAM,CAU7C;IAEF,4BAA4B,GAAI,KAAK,MAAM,KAAG,MAAM,CAclD;IAEF,SAAS;cAWqC,MAAM;eAAS,MAAM;QATjE;IAEF,iBAAiB,GAAI,KAAK,MAAM,EAAE,WAAW,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,IAAI,CAIrE;CACH;AAQD,eAAO,MAAM,mBAAmB,aAAoB,CAAC"}

package/dist/lib/i18n/i18n.service.js

@@ -1,20 +1,28 @@
-import { parse as f, isDate as s, isValid as i, formatISO as c, format as h } from "date-fns";
-import d from "i18next";
-import g from "i18next-icu";
-import m from "../../locales/fr.js";
-import u from "../../locales/en.js";
+import { parse as c, isDate as s, isValid as i, formatISO as f, format as g } from "date-fns";
+import h from "i18next";
+import d from "i18next-icu";
 import { isString as p } from "lodash-es";
-const n = d.createInstance(), I = n.use(g).init({
+import l from "../../locales/en.js";
+import m from "../../locales/fr.js";
+import I from "i18next-browser-languagedetector";
+const n = h.createInstance(), D = n.use(d).use(I).init({
   debug: !0,
-  resources: { fr: { translation: m.messages }, en: { translation: u.messages } },
-  interpolation: { escapeValue: !1 }
+  fallbackLng: "en",
+  resources: { fr: { translation: m.messages }, en: { translation: l.messages } },
+  interpolation: { escapeValue: !1 },
+  detection: {
+    order: ["querystring", "localStorage", "navigator"],
+    lookupQuerystring: "lng",
+    lookupLocalStorage: "lng",
+    caches: ["localStorage"]
+  }
 });
-class D {
-  readyPromise = I;
+class M {
+  readyPromise = D;
   getLocale = () => n.language;
   rich = (t, e) => n.t(t, e);
   t = (t, e) => n.t(t, e);
-  formats = () => n.language === "fr" ? m.formats : u.formats;
+  formats = () => n.language === "fr" ? m.formats : l.formats;
   language = () => n.language;
   dtf = (t) => new Intl.DateTimeFormat(this.language(), t && this.formats().date[t] || void 0);
   nf = (t) => new Intl.NumberFormat(this.language(), t && this.formats().number[t] || void 0);
@@ -27,43 +35,44 @@ class D {
   formatNumber = (t, e) => this.nf(e).format(t);
   formatList = (t, e) => this.lf(e).format(t);
   formatRelative = (t) => {
-    const e = (Number(t) - Date.now()) / 1e3, a = Math.abs(e), r = a < 60 ? "second" : a < 3600 ? "minute" : a < 86400 ? "hour" : a < 2592e3 ? "day" : a < 31536e3 ? "month" : "year", l = Math.round(r === "second" ? e : r === "minute" ? e / 60 : r === "hour" ? e / 3600 : r === "day" ? e / 86400 : r === "month" ? e / 2592e3 : e / 31536e3);
-    return this.rtf().format(l, r);
+    const e = (Number(t) - Date.now()) / 1e3, a = Math.abs(e), r = a < 60 ? "second" : a < 3600 ? "minute" : a < 86400 ? "hour" : a < 2592e3 ? "day" : a < 31536e3 ? "month" : "year", u = Math.round(r === "second" ? e : r === "minute" ? e / 60 : r === "hour" ? e / 3600 : r === "day" ? e / 86400 : r === "month" ? e / 2592e3 : e / 31536e3);
+    return this.rtf().format(u, r);
   };
   localDatePlaceholder = () => this.formats().localdate.placeholder;
   localDateInputMask = () => this.formats().localdate.inputmask;
   localDateFormattedToISO = (t) => {
-    const e = this.formats().localdate.inputmask, a = f(
+    const e = this.formats().localdate.inputmask, a = c(
       t,
       e,
       /* @__PURE__ */ new Date()
       // { locale: fr }
     );
-    return !s(a) || !i(a) ? "" : c(a, { representation: "date" });
+    return !s(a) || !i(a) ? "" : f(a, { representation: "date" });
   };
   localDateISOToFormattedInput = (t) => {
     const e = this.formats().localdate.inputmask;
     let a;
     if (p(t)) {
       const r = new Date(t);
-      s(r) && i(r) ? a = h(r, e) : a = "";
+      s(r) && i(r) ? a = g(r, e) : a = "";
     } else
       a = "";
     return a;
   };
-  monthList = () => M(this.language());
+  monthList = () => b(this.language());
   registerNamespace = (t, e) => {
     for (const a of Object.keys(e))
       n.addResources(a, t, e[a]);
   };
 }
-function M(o) {
+function b(o) {
   const t = new Intl.DateTimeFormat(o, { month: "long" });
   return Array.from({ length: 12 }, (a, r) => t.format(new Date(2e3, r, 1))).map((a, r) => ({ code: r + 1, label: a }));
 }
-const S = new D();
+const N = new M();
 export {
-  D as I18nService,
-  S as I18nServiceInstance
+  M as I18nService,
+  N as I18nServiceInstance,
+  n as i18NextInstance
 };
 //# sourceMappingURL=i18n.service.js.map

package/dist/lib/i18n/i18n.service.js.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.service.js","sources":["../../../src/lib/i18n/i18n.service.ts"],"sourcesContent":["import { format, formatISO, isDate, isValid, parse } from \"date-fns\";\nimport i18next from \"i18next\";\nimport ICU from \"i18next-icu\";\n\nimport fr from \"../../locales/fr\";\nimport en from \"../../locales/en\";\nimport { I18n } from \"./i18n.types\";\nimport { isString } from \"lodash-es\";\n\nconst i18NextInstance = i18next.createInstance();\nconst i18NextinstanceInitPromise = i18NextInstance.use(ICU).init({\n  debug: true,\n  resources: { fr: { translation: fr.messages }, en: { translation: en.messages } },\n  interpolation: { escapeValue: false },\n});\n\nexport class I18nService implements I18n {\n  readyPromise = i18NextinstanceInitPromise;\n\n  getLocale = (): string => {\n    return i18NextInstance.language;\n  };\n\n  rich = (id: string, values?: Record<string, unknown | ((chunks: string) => React.ReactNode)>): React.ReactNode => {\n    return i18NextInstance.t(id, values);\n  };\n\n  t = (id: string, values?: Record<string, unknown>): string => {\n    return i18NextInstance.t(id, values);\n  };\n\n  formats = () => {\n    return i18NextInstance.language === \"fr\" ? fr.formats : en.formats;\n  };\n\n  language = () => {\n    return i18NextInstance.language;\n  };\n\n  dtf = (style?: string) => {\n    return new Intl.DateTimeFormat(this.language(), (style && this.formats().date[style]) || undefined);\n  };\n\n  nf = (style?: string) => {\n    return new Intl.NumberFormat(this.language(), (style && this.formats().number[style]) || undefined);\n  }\n\n  lf = (style?: string) => {\n    return new Intl.ListFormat(\n      this.language(),\n      (style && this.formats().list[style]) || { type: \"conjunction\", style: \"long\" },\n    );\n  }\n\n  rtf = () => {\n    return new Intl.RelativeTimeFormat(this.language(), { numeric: \"auto\" });\n  }\n\n  formatDate = (d: Date | number, style?: string): string => {\n    return this.dtf(style).format(d);\n  }\n\n  formatNumber =(n: number, style?: string): string => {\n    return this.nf(style).format(n);\n  }\n\n  formatList = (items: string[], style?: string): string => {\n    return this.lf(style).format(items);\n  }\n\n  formatRelative = (d: Date | number): string => {\n    const diff = (Number(d) - Date.now()) / 1000;\n    const abs = Math.abs(diff);\n    const unit =\n      abs < 60\n        ? \"second\"\n        : abs < 3600\n          ? \"minute\"\n          : abs < 86400\n            ? \"hour\"\n            : abs < 2592000\n              ? \"day\"\n              : abs < 31536000\n                ? \"month\"\n                : \"year\";\n    const value =\n      unit === \"second\"\n        ? Math.round(diff)\n        : unit === \"minute\"\n          ? Math.round(diff / 60)\n          : unit === \"hour\"\n            ? Math.round(diff / 3600)\n            : unit === \"day\"\n              ? Math.round(diff / 86400)\n              : unit === \"month\"\n                ? Math.round(diff / 2592000)\n                : Math.round(diff / 31536000);\n    return this.rtf().format(value, unit as Intl.RelativeTimeFormatUnit);\n  }\n\n  localDatePlaceholder = (): string => {\n    return this.formats().localdate.placeholder;\n  }\n\n  localDateInputMask = (): string => {\n    return this.formats().localdate.inputmask;\n  }\n\n  localDateFormattedToISO = (str: string): string => {\n    const inputMask = this.formats().localdate.inputmask;\n    const parsed = parse(\n      str,\n      inputMask,\n      new Date(),\n      // { locale: fr }\n    );\n    if (!isDate(parsed) || !isValid(parsed)) return \"\";\n    return formatISO(parsed, { representation: \"date\" });\n  }\n\n  localDateISOToFormattedInput = (str: string): string => {\n    const inputMask = this.formats().localdate.inputmask;\n    let result;\n    if (isString(str)) {\n      const date = new Date(str);\n      if (isDate(date) && isValid(date)) {\n        result = format(date, inputMask);\n      } else {\n        result = \"\";\n      }\n    } else {\n      result = \"\";\n    }\n    return result;\n  }\n\n  monthList = () => {\n    return getMonthNames(this.language());\n  }\n\n  registerNamespace = (key: string, resources: Record<string, any>): void => {\n    for (const lang of Object.keys(resources)) {\n      i18NextInstance.addResources(lang, key, resources[lang])\n    }\n  }\n}\n\nfunction getMonthNames(locale: string): { code: number; label: string }[] {\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n  const months = Array.from({ length: 12 }, (_, i) => formatter.format(new Date(2000, i, 1)));\n  return months.map((i, index) => ({ code: index + 1, label: i }));\n}\n\nexport const I18nServiceInstance = new I18nService();\n"],"names":["i18NextInstance","i18next","i18NextinstanceInitPromise","ICU","fr","en","I18nService","id","values","style","d","n","items","diff","abs","unit","value","str","inputMask","parsed","parse","isDate","isValid","formatISO","result","isString","date","format","getMonthNames","key","resources","lang","locale","formatter","_","i","index","I18nServiceInstance"],"mappings":"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"}
+{"version":3,"file":"i18n.service.js","sources":["../../../src/lib/i18n/i18n.service.ts"],"sourcesContent":["import { format, formatISO, isDate, isValid, parse } from \"date-fns\";\nimport i18next from \"i18next\";\nimport type { i18n } from \"i18next\";\nimport ICU from \"i18next-icu\";\nimport { isString } from \"lodash-es\";\nimport en from \"../../locales/en\";\nimport fr from \"../../locales/fr\";\nimport { I18n } from \"./i18n.types\";\nimport LanguageDetector from \"i18next-browser-languagedetector\";\n\nexport const i18NextInstance: i18n = i18next.createInstance();\nconst i18NextinstanceInitPromise = i18NextInstance\n  .use(ICU)\n  .use(LanguageDetector)\n  .init({\n    debug: true,\n    fallbackLng: \"en\",\n    resources: { fr: { translation: fr.messages }, en: { translation: en.messages } },\n    interpolation: { escapeValue: false },\n    detection: {\n      order: [\"querystring\", \"localStorage\", \"navigator\"],\n      lookupQuerystring: \"lng\",\n      lookupLocalStorage: \"lng\",\n      caches: [\"localStorage\"],\n    },\n  });\n\nexport class I18nService implements I18n {\n  readyPromise = i18NextinstanceInitPromise;\n\n  getLocale = (): string => {\n    return i18NextInstance.language;\n  };\n\n  rich = (id: string, values?: Record<string, unknown | ((chunks: string) => React.ReactNode)>): React.ReactNode => {\n    return i18NextInstance.t(id, values);\n  };\n\n  t = (id: string, values?: Record<string, unknown>): string => {\n    return i18NextInstance.t(id, values);\n  };\n\n  formats = () => {\n    return i18NextInstance.language === \"fr\" ? fr.formats : en.formats;\n  };\n\n  language = () => {\n    return i18NextInstance.language;\n  };\n\n  dtf = (style?: string) => {\n    return new Intl.DateTimeFormat(this.language(), (style && this.formats().date[style]) || undefined);\n  };\n\n  nf = (style?: string) => {\n    return new Intl.NumberFormat(this.language(), (style && this.formats().number[style]) || undefined);\n  };\n\n  lf = (style?: string) => {\n    return new Intl.ListFormat(\n      this.language(),\n      (style && this.formats().list[style]) || { type: \"conjunction\", style: \"long\" },\n    );\n  };\n\n  rtf = () => {\n    return new Intl.RelativeTimeFormat(this.language(), { numeric: \"auto\" });\n  };\n\n  formatDate = (d: Date | number, style?: string): string => {\n    return this.dtf(style).format(d);\n  };\n\n  formatNumber = (n: number, style?: string): string => {\n    return this.nf(style).format(n);\n  };\n\n  formatList = (items: string[], style?: string): string => {\n    return this.lf(style).format(items);\n  };\n\n  formatRelative = (d: Date | number): string => {\n    const diff = (Number(d) - Date.now()) / 1000;\n    const abs = Math.abs(diff);\n    const unit =\n      abs < 60\n        ? \"second\"\n        : abs < 3600\n          ? \"minute\"\n          : abs < 86400\n            ? \"hour\"\n            : abs < 2592000\n              ? \"day\"\n              : abs < 31536000\n                ? \"month\"\n                : \"year\";\n    const value =\n      unit === \"second\"\n        ? Math.round(diff)\n        : unit === \"minute\"\n          ? Math.round(diff / 60)\n          : unit === \"hour\"\n            ? Math.round(diff / 3600)\n            : unit === \"day\"\n              ? Math.round(diff / 86400)\n              : unit === \"month\"\n                ? Math.round(diff / 2592000)\n                : Math.round(diff / 31536000);\n    return this.rtf().format(value, unit as Intl.RelativeTimeFormatUnit);\n  };\n\n  localDatePlaceholder = (): string => {\n    return this.formats().localdate.placeholder;\n  };\n\n  localDateInputMask = (): string => {\n    return this.formats().localdate.inputmask;\n  };\n\n  localDateFormattedToISO = (str: string): string => {\n    const inputMask = this.formats().localdate.inputmask;\n    const parsed = parse(\n      str,\n      inputMask,\n      new Date(),\n      // { locale: fr }\n    );\n    if (!isDate(parsed) || !isValid(parsed)) return \"\";\n    return formatISO(parsed, { representation: \"date\" });\n  };\n\n  localDateISOToFormattedInput = (str: string): string => {\n    const inputMask = this.formats().localdate.inputmask;\n    let result;\n    if (isString(str)) {\n      const date = new Date(str);\n      if (isDate(date) && isValid(date)) {\n        result = format(date, inputMask);\n      } else {\n        result = \"\";\n      }\n    } else {\n      result = \"\";\n    }\n    return result;\n  };\n\n  monthList = () => {\n    return getMonthNames(this.language());\n  };\n\n  registerNamespace = (key: string, resources: Record<string, any>): void => {\n    for (const lang of Object.keys(resources)) {\n      i18NextInstance.addResources(lang, key, resources[lang]);\n    }\n  };\n}\n\nfunction getMonthNames(locale: string): { code: number; label: string }[] {\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n  const months = Array.from({ length: 12 }, (_, i) => formatter.format(new Date(2000, i, 1)));\n  return months.map((i, index) => ({ code: index + 1, label: i }));\n}\n\nexport const I18nServiceInstance = new I18nService();\n"],"names":["i18NextInstance","i18next","i18NextinstanceInitPromise","ICU","LanguageDetector","fr","en","I18nService","id","values","style","d","n","items","diff","abs","unit","value","str","inputMask","parsed","parse","isDate","isValid","formatISO","result","isString","date","format","getMonthNames","key","resources","lang","locale","formatter","_","i","index","I18nServiceInstance"],"mappings":"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"}

package/dist/lib/i18n/index.d.ts

@@ -1,4 +1,4 @@
 export * from './i18n.types';
-export { I18nService, I18nServiceInstance } from './i18n.service';
+export { I18nService, I18nServiceInstance, i18NextInstance } from './i18n.service';
 export { useI18n, I18nProvider, type I18nProviderProps } from './i18n.react';
 //# sourceMappingURL=index.d.ts.map

package/dist/lib/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AACjE,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAClF,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,cAAc,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seij/common-ui",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -8,14 +8,15 @@
     "url": "https://github.com/seij-net/seij-commons-js.git"
   },
   "dependencies": {
+    "@fluentui/react-components": "9.72.9",
     "@fluentui/react-icons": "2.0.316",
+    "i18next-browser-languagedetector": "8.2.0",
     "@seij/common-types": "0.1.3",
-    "date-fns": "4.1.0",
-    "@fluentui/react-components": "9.72.9",
+    "i18next": "25.7.3",
     "i18next-icu": "2.4.1",
     "lodash-es": "4.17.22",
-    "rifm": "0.12.1",
-    "i18next": "25.7.3"
+    "date-fns": "4.1.0",
+    "rifm": "0.12.1"
   },
   "devDependencies": {
     "@types/lodash-es": "4.17.12"

package/dist/lib/i18n/i18n.detect.js

@@ -1,29 +0,0 @@
-const t = ["fr", "en"];
-function r(e) {
-  if (!e) return "en";
-  const n = e.toLowerCase(), o = n.split("-")[0];
-  return t.includes(n) ? n : t.includes(o) ? o : "en";
-}
-function i() {
-  if (!(typeof navigator > "u"))
-    return navigator.languages?.[0] || navigator.language;
-}
-function a() {
-  if (!(typeof window > "u"))
-    return localStorage.getItem("locale") || void 0;
-}
-function u() {
-  if (!(typeof window > "u"))
-    return new URLSearchParams(window.location.search).get("lang") || void 0;
-}
-function f() {
-  return r(
-    u() || a() || // fromHtmlLang() ||
-    i()
-  );
-}
-export {
-  f as detectClientLocale,
-  r as normalize
-};
-//# sourceMappingURL=i18n.detect.js.map

package/dist/lib/i18n/i18n.detect.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.detect.js","sources":["../../../src/lib/i18n/i18n.detect.ts"],"sourcesContent":["// i18n/locale.ts\nexport type Locale = string;\n\nconst SUPPORTED = [\"fr\", \"en\"] as const;\nconst FALLBACK: Locale = \"en\";\n\nexport function normalize(loc?: string): Locale {\n  if (!loc) return FALLBACK;\n  // garde \"fr-CA\" mais tombe sur \"fr\" si non supporté\n  const lc = loc.toLowerCase();\n  const base = lc.split(\"-\")[0];\n  return SUPPORTED.includes(lc as any) ? (lc as Locale) : SUPPORTED.includes(base as any) ? (base as Locale) : FALLBACK;\n}\n\n// Client-only helpers\nfunction fromHtmlLang(): string | undefined {\n  return typeof document !== \"undefined\" ? document.documentElement.lang : undefined;\n}\nfunction fromNavigator(): string | undefined {\n  if (typeof navigator === \"undefined\") return undefined;\n  return navigator.languages?.[0] || navigator.language;\n}\nfunction fromStorage(): string | undefined {\n  if (typeof window === \"undefined\") return undefined;\n  return localStorage.getItem(\"locale\") || undefined;\n}\nfunction fromQuery(): string | undefined {\n  if (typeof window === \"undefined\") return undefined;\n  return new URLSearchParams(window.location.search).get(\"lang\") || undefined;\n}\n\nexport function detectClientLocale(): Locale {\n  return normalize(\n    fromQuery() ||\n      fromStorage() ||\n      // fromHtmlLang() ||\n      fromNavigator(),\n  );\n}\n\n// SSR-side (ex: Next.js route handler / Node middleware)\nexport function detectServerLocale(opts: {\n  queryLang?: string | null;\n  cookieLang?: string | null;\n  acceptLanguage?: string | null;\n}): Locale {\n  const fromAL = opts.acceptLanguage?.split(\",\")?.[0]; // ex: \"fr-CA,fr;q=0.9,en;q=0.8\"\n  return normalize(opts.queryLang || opts.cookieLang || fromAL);\n}\n\n// Persister le choix utilisateur (client)\nexport function setUserLocale(loc: string) {\n  const n = normalize(loc);\n  if (typeof document !== \"undefined\") document.documentElement.lang = n;\n  if (typeof window !== \"undefined\") localStorage.setItem(\"locale\", n);\n  return n;\n}\n"],"names":["SUPPORTED","normalize","loc","lc","base","fromNavigator","fromStorage","fromQuery","detectClientLocale"],"mappings":"AAGA,MAAMA,IAAY,CAAC,MAAM,IAAI;AAGtB,SAASC,EAAUC,GAAsB;AAC9C,MAAI,CAACA,EAAK,QAAO;AAEjB,QAAMC,IAAKD,EAAI,YAAA,GACTE,IAAOD,EAAG,MAAM,GAAG,EAAE,CAAC;AAC5B,SAAOH,EAAU,SAASG,CAAS,IAAKA,IAAgBH,EAAU,SAASI,CAAW,IAAKA,IAAkB;AAC/G;AAMA,SAASC,IAAoC;AAC3C,MAAI,SAAO,YAAc;AACzB,WAAO,UAAU,YAAY,CAAC,KAAK,UAAU;AAC/C;AACA,SAASC,IAAkC;AACzC,MAAI,SAAO,SAAW;AACtB,WAAO,aAAa,QAAQ,QAAQ,KAAK;AAC3C;AACA,SAASC,IAAgC;AACvC,MAAI,SAAO,SAAW;AACtB,WAAO,IAAI,gBAAgB,OAAO,SAAS,MAAM,EAAE,IAAI,MAAM,KAAK;AACpE;AAEO,SAASC,IAA6B;AAC3C,SAAOP;AAAA,IACLM,EAAA,KACED,EAAA;AAAA,IAEAD,EAAA;AAAA,EAAc;AAEpB;"}