@seij/common-ui 0.1.1 → 0.1.3

package/README.md

@@ -1,7 +1,19 @@
 # @seij/common-ui
 
-This library was generated with [Nx](https://nx.dev).
+Business-oriented UI components for Seij applications, built on React and
+designed to sit on top of Fluent UI while keeping a framework-agnostic direction
+for our other applications..
 
-## Running unit tests
+## What it provides
+
+- Application shell and navigation building blocks.
+- Form layout primitives and input controls (text, select, numbers, dates,
+  months, years, money, percent).
+- Data display components (tables, list view, badges, tabs, info/error boxes).
+- UX helpers like loaders, inline edit, error notifier, and button bar.
+- Basic i18n utilities and locale resources (FR/EN).
+
+## Notes
+
+- This package exposes UI primitives rather than a full design system.
 
-Run `nx test common-ui` to execute the unit tests.

package/dist/index.d.ts

@@ -11,10 +11,9 @@ export * from './lib/datatabledynamic/DataTableDynamic';
 export * from './lib/error_notifier/ErrorNotifier';
 export * from './lib/errorbox/ErrorBox';
 export * from './lib/form_layout/FormLayout';
+export * from './lib/i18n';
 export * from './lib/info_box/InfoBox';
 export * from './lib/inlineedit/InlineEdit';
-export * from './lib/year/InputDurationYears';
-export * from './lib/number';
 export * from './lib/listview/ListView';
 export * from './lib/loader/Loader';
 export * from './lib/localdate/InputLocalDate';
@@ -27,6 +26,7 @@ export * from './lib/month/InputDurationMonths';
 export * from './lib/month/InputMonth';
 export * from './lib/navigation/Navigation.types';
 export * from './lib/navigation/Navigation';
+export * from './lib/number';
 export * from './lib/percent/InputPercent';
 export * from './lib/percent/LabelPercent';
 export * from './lib/percent/LabelPercentInt';
@@ -41,5 +41,6 @@ export * from './lib/view_layout/ViewFooter';
 export * from './lib/view_layout/ViewHeader';
 export * from './lib/view_layout/ViewLayout';
 export * from './lib/view_layout/ViewTitle';
+export * from './lib/year/InputDurationYears';
 export * from './lib/year/InputYear';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,cAAc,CAAC;AAC7B,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AACxD,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yCAAyC,CAAC;AACxD,cAAc,oCAAoC,CAAC;AACnD,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,YAAY,CAAC;AAC3B,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC;AAC7B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,iCAAiC,CAAC;AAChD,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,sBAAsB,CAAC"}

package/dist/index.js

@@ -1,113 +1,119 @@
 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 f } from "./lib/button_bar/ButtonBar.js";
+import { ButtonBar as n } 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 { DataTable as D, DataTableBody as L, DataTableCaption as c, DataTableCell as d, DataTableHead as s, DataTableHeaderCell as y, DataTableRow as B } from "./lib/data_table/DataTable.js";
-import { DataTableDynamic as w } from "./lib/datatabledynamic/DataTableDynamic.js";
-import { ErrorManager as A, useErrorNotifier as E } from "./lib/error_notifier/ErrorNotifier.js";
-import { ErrorBox as N } from "./lib/errorbox/ErrorBox.js";
-import { FormField as C, FormLayout as V, FormLayoutTable as h, FormSectionTitle as R, FormText as U } from "./lib/form_layout/FormLayout.js";
-import { InfoBox as g } from "./lib/info_box/InfoBox.js";
-import { InlineEdit as O } from "./lib/inlineedit/InlineEdit.js";
-import { InputDurationYears as Y } from "./lib/year/InputDurationYears.js";
-import { INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS as W, InputNumber as k } from "./lib/number/InputNumber.js";
-import { InputNumberDec as z } from "./lib/number/InputNumberDec.js";
-import { InputNumberInt as J } from "./lib/number/InputNumberInt.js";
-import { ListView as Q } from "./lib/listview/ListView.js";
-import { Loader as Z } from "./lib/loader/Loader.js";
-import { InputLocalDate as oo } from "./lib/localdate/InputLocalDate.js";
-import { LabelLocalDate as eo } from "./lib/localdate/LabelLocalDate.js";
-import { InputMoneyDec as po } from "./lib/money/InputMoneyDec.js";
-import { InputMoneyInt as mo } from "./lib/money/InputMoneyInt.js";
-import { LabelMoneyDec as fo } from "./lib/money/LabelMoneyDec.js";
-import { LabelMoneyInt as io } from "./lib/money/LabelMoneyInt.js";
-import { InputDurationMonths as bo } from "./lib/month/InputDurationMonths.js";
-import { InputMonth as Io } from "./lib/month/InputMonth.js";
-import { Navigation as Do } from "./lib/navigation/Navigation.js";
-import { InputPercent as co } from "./lib/percent/InputPercent.js";
-import { LabelPercent as yo, LabelRate as Bo } from "./lib/percent/LabelPercent.js";
-import { LabelPercentInt as wo } from "./lib/percent/LabelPercentInt.js";
-import { InputCombobox as Ao } from "./lib/select/InputCombobox.js";
-import { InputSelect as Fo } from "./lib/select/InputSelect.js";
-import { SwitchButton as Po } from "./lib/switchbutton/SwitchButton.js";
-import { Tabs as Vo, TabsList as ho, TabsPanel as Ro, TabsTab as Uo } from "./lib/tabs/Tabs.js";
-import { InputText as go } from "./lib/text/InputText.js";
-import { Description as Oo } from "./lib/typography/description/Description.js";
-import { LabelAndDescription as Yo } from "./lib/typography/label_and_description/LabelAndDescription.js";
-import { Todo as Wo } from "./lib/typography/todo/Todo.js";
-import { SectionTitle as qo } from "./lib/typography/sectiontitle/SectionTitle.js";
-import { ViewBody as Go } from "./lib/view_layout/ViewBody.js";
-import { ViewFooter as Ko } from "./lib/view_layout/ViewFooter.js";
-import { ViewHeader as Xo } from "./lib/view_layout/ViewHeader.js";
-import { ViewLayout as $o } from "./lib/view_layout/ViewLayout.js";
-import { ViewTitle as rr } from "./lib/view_layout/ViewTitle.js";
-import { InputYear as tr } from "./lib/year/InputYear.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 { 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 { 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 { 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 { 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 { InputDurationYears as xr } from "./lib/year/InputDurationYears.js";
+import { InputYear as fr } from "./lib/year/InputYear.js";
 export {
   p as ApplicationShell,
   m as Badge,
   i as Button,
-  f as ButtonBar,
+  n as ButtonBar,
   b as CommonUi,
-  D as DataTable,
-  L as DataTableBody,
-  c as DataTableCaption,
-  d as DataTableCell,
-  w as DataTableDynamic,
-  s as DataTableHead,
+  c as DataTable,
+  D as DataTableBody,
+  L as DataTableCaption,
+  s as DataTableCell,
+  M as DataTableDynamic,
+  d as DataTableHead,
   y as DataTableHeaderCell,
-  B as DataTableRow,
-  Oo as Description,
-  N as ErrorBox,
-  A as ErrorManager,
+  S as DataTableRow,
+  Wo as Description,
+  F as ErrorBox,
+  P as ErrorManager,
   C as FormField,
   V as FormLayout,
-  h as FormLayoutTable,
-  R as FormSectionTitle,
-  U as FormText,
-  W as INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS,
-  g as InfoBox,
-  O as InlineEdit,
-  Ao as InputCombobox,
-  bo as InputDurationMonths,
-  Y as InputDurationYears,
-  oo as InputLocalDate,
-  po as InputMoneyDec,
-  mo as InputMoneyInt,
-  Io as InputMonth,
-  k as InputNumber,
-  z as InputNumberDec,
-  J as InputNumberInt,
-  co as InputPercent,
-  Fo as InputSelect,
-  go as InputText,
-  tr as InputYear,
-  Yo as LabelAndDescription,
-  eo as LabelLocalDate,
-  fo as LabelMoneyDec,
-  io as LabelMoneyInt,
-  yo as LabelPercent,
-  wo as LabelPercentInt,
-  Bo as LabelRate,
-  Q as ListView,
-  Z as Loader,
-  Do as Navigation,
-  qo as SectionTitle,
+  v as FormLayoutTable,
+  h as FormSectionTitle,
+  R as FormText,
+  O 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,
+  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,
+  xo as LabelMoneyInt,
+  wo as LabelPercent,
+  Eo as LabelPercentInt,
+  Po as LabelRate,
+  G as ListView,
+  K as Loader,
+  uo as Navigation,
+  Ko as SectionTitle,
   e as SeijUIProvider,
-  Po as SwitchButton,
-  Vo as Tabs,
-  ho as TabsList,
-  Ro as TabsPanel,
-  Uo as TabsTab,
-  Wo as Todo,
-  Go as ViewBody,
-  Ko as ViewFooter,
-  Xo as ViewHeader,
-  $o as ViewLayout,
-  rr as ViewTitle,
+  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,
-  E as useErrorNotifier
+  A as useErrorNotifier,
+  Y as useI18n
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,2CAc9E"}
+{"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"}

package/dist/init/SeijUIProvider.js

@@ -1,20 +1,20 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
+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 m } from "../lib/i18n/i18n.react.js";
-const f = {
+import { I18nProvider as a } from "../lib/i18n/i18n.react.js";
+const m = {
   ...i,
   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 y({ children: r, initialLocale: t }) {
-  return /* @__PURE__ */ o(m, { initialLocale: t, load: async (e) => e === "fr" ? (await import("../locales/fr.js")).default : e === "en" ? (await import("../locales/en.js")).default : (await import("../locales/en.js")).default, children: /* @__PURE__ */ a(n, { theme: f, children: [
-    r,
-    /* @__PURE__ */ o(s, {})
+function u({ children: o, initialLocale: r }) {
+  return /* @__PURE__ */ e(a, { initialLocale: r, children: /* @__PURE__ */ t(n, { theme: m, children: [
+    o,
+    /* @__PURE__ */ e(s, {})
   ] }) });
 }
 export {
-  y as SeijUIProvider
+  u 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  const loader = async (locale: string) => {\n    if (locale === \"fr\") return (await import(\"../locales/fr\")).default;\n    if (locale === \"en\") return (await import(\"../locales/en\")).default;\n    return (await import(\"../locales/en\")).default;\n  };\n  return (\n    <I18nProvider initialLocale={initialLocale} load={loader}>\n      <FluentProvider theme={theme}>\n        {children}\n        <ErrorManager />\n      </FluentProvider>\n    </I18nProvider>\n  );\n}\n"],"names":["theme","webLightTheme","SeijUIProvider","children","initialLocale","I18nProvider","locale","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;AAM/E,2BACGC,GAAA,EAAa,eAAAD,GAA8B,MAN/B,OAAOE,MAChBA,MAAW,QAAc,MAAM,OAAO,kBAAe,GAAG,UACxDA,MAAW,QAAc,MAAM,OAAO,kBAAe,GAAG,WACpD,MAAM,OAAO,kBAAe,GAAG,SAIrC,UAAA,gBAAAC,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 { 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;"}

package/dist/lib/applicationshell/ApplicationShell.js

@@ -1,10 +1,10 @@
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { makeStyles as M, tokens as m, NavDrawer as A, NavDrawerHeader as F, NavDrawerBody as H, Tooltip as V, Hamburger as U } from "@fluentui/react-components";
+import { jsxs as h, jsx as n } from "react/jsx-runtime";
+import { makeStyles as j, tokens as m, NavDrawer as M, NavDrawerHeader as A, NavDrawerBody as H, Tooltip as V, Hamburger as U } from "@fluentui/react-components";
 import { useState as u, useMemo as q } from "react";
 import { Navigation as z } from "../navigation/Navigation.js";
 import { createNavigationTreeItemServiceImpl as E } from "../navigation/NavigationService.js";
-import { TitleBar as N } from "./TitleBar.js";
-const y = M({
+import { TitleBar as I } from "./TitleBar.js";
+const y = j({
   shell: {
     width: "100vw",
     height: "100vh",
@@ -39,70 +39,70 @@ const y = M({
 });
 function R({
   applicationName: a,
-  main: s,
+  main: d,
   navigationItems: o,
   userStatus: f,
   onClickHome: g,
   navigate: C,
   matchPath: w
 }) {
-  const t = o.find((n) => "path" in n && n.path !== null && w(n.path)), x = t == null ? void 0 : t.id, b = t && "parentId" in t && t.parentId !== null ? [t.parentId] : [], i = y(), [d, B] = u(!0), [S, k] = u(x ?? ""), [r, c] = u(b), _ = q(() => E(o), [o]), v = () => {
-    B(!d);
-  }, D = (n) => {
-    const e = _.findById(n);
+  const l = o.find((t) => "path" in t && t.path !== null && w(t.path)), x = l?.id, b = l && "parentId" in l && l.parentId !== null ? [l.parentId] : [], i = y(), [s, B] = u(!0), [S, k] = u(x ?? ""), [r, c] = u(b), _ = q(() => E(o), [o]), v = () => {
+    B(!s);
+  }, D = (t) => {
+    const e = _.findById(t);
     k(e.id);
     const p = "parentId" in e ? e.parentId : null;
-    p && (r.find((j) => j === p) || c([...r, p])), "path" in e && e.path && C(e.path);
-  }, O = (n) => {
-    r.find((e) => e === n) ? c(r.filter((e) => e !== n)) : c([...r, n]);
-  }, T = [];
-  return t && "parentId" in t && t.parentId !== null && T.push(t.parentId), /* @__PURE__ */ h("div", { "data-e2e-id": "shell", className: i.shell, children: [
-    /* @__PURE__ */ l("div", { "data-e2e-id": "shell__menu_top", className: i.titleBar, children: d ? null : /* @__PURE__ */ l(
-      N,
+    p && (r.find((T) => T === p) || c([...r, p])), "path" in e && e.path && C(e.path);
+  }, O = (t) => {
+    r.find((e) => e === t) ? c(r.filter((e) => e !== t)) : c([...r, t]);
+  }, F = [];
+  return l && "parentId" in l && l.parentId !== null && F.push(l.parentId), /* @__PURE__ */ h("div", { "data-e2e-id": "shell", className: i.shell, children: [
+    /* @__PURE__ */ n("div", { "data-e2e-id": "shell__menu_top", className: i.titleBar, children: s ? null : /* @__PURE__ */ n(
+      I,
       {
         applicationName: a,
         userStatus: f,
         onClickHome: g,
-        hamburger: /* @__PURE__ */ l(I, { onClick: v })
+        hamburger: /* @__PURE__ */ n(N, { onClick: v })
       }
     ) }),
     /* @__PURE__ */ h("div", { "data-e2e-id": "shell__main", className: i.main, children: [
       /* @__PURE__ */ h(
-        A,
+        M,
         {
           selectedValue: S,
-          open: d,
+          open: s,
           density: "small",
           type: "inline",
           openCategories: r,
-          onNavItemSelect: (n, e) => {
+          onNavItemSelect: (t, e) => {
             D(e.value);
           },
-          onNavCategoryItemToggle: (n, e) => {
+          onNavCategoryItemToggle: (t, e) => {
             O(e.categoryValue ?? "");
           },
           children: [
-            /* @__PURE__ */ l(
-              N,
+            /* @__PURE__ */ n(
+              I,
               {
                 applicationName: a,
                 userStatus: f,
                 onClickHome: g,
-                hamburger: /* @__PURE__ */ l(I, { onClick: v })
+                hamburger: /* @__PURE__ */ n(N, { onClick: v })
               }
             ),
-            /* @__PURE__ */ l(F, {}),
-            /* @__PURE__ */ l(H, { children: /* @__PURE__ */ l(z, { items: o }) })
+            /* @__PURE__ */ n(A, {}),
+            /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(z, { items: o }) })
           ]
         }
       ),
-      /* @__PURE__ */ l("div", { "data-e2e-id": "shell__content", className: i.content, children: s })
+      /* @__PURE__ */ n("div", { "data-e2e-id": "shell__content", className: i.content, children: d })
     ] })
   ] });
 }
-const I = ({ onClick: a }) => {
-  const s = y();
-  return /* @__PURE__ */ l(V, { content: "Navigation", relationship: "label", children: /* @__PURE__ */ l(U, { className: s.bugerIcon, onClick: a }) });
+const N = ({ onClick: a }) => {
+  const d = y();
+  return /* @__PURE__ */ n(V, { content: "Navigation", relationship: "label", children: /* @__PURE__ */ n(U, { className: d.bugerIcon, onClick: a }) });
 };
 export {
   R as ApplicationShell

package/dist/lib/applicationshell/ApplicationShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationShell.js","sources":["../../../src/lib/applicationshell/ApplicationShell.tsx"],"sourcesContent":["import {\n  Hamburger,\n  makeStyles,\n  NavDrawer,\n  NavDrawerBody,\n  NavDrawerHeader,\n  tokens,\n  Tooltip,\n} from \"@fluentui/react-components\";\nimport { ReactNode, useMemo, useState } from \"react\";\nimport { Navigation } from \"../navigation/Navigation\";\nimport { NavigationTreeItem } from \"../navigation/Navigation.types\";\nimport { createNavigationTreeItemServiceImpl } from \"../navigation/NavigationService\";\nimport { UserStatus } from \"./ApplicationShell.types\";\nimport { TitleBar } from \"./TitleBar\";\n\nconst useApplicationShellStyles = makeStyles({\n  shell: {\n    width: \"100vw\",\n    height: \"100vh\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n  },\n  titleBar: {\n    width: \"100%\",\n    height: \"48px\",\n    flex: 0,\n  },\n  main: {\n    overflow: \"hidden\",\n    display: \"flex\",\n    height: \"100%\",\n  },\n  content: {\n    flex: \"1\",\n    display: \"bloc\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n    overflow: \"auto\",\n    backgroundColor: tokens.colorNeutralBackground2,\n  },\n  bugerIcon: {\n    color: tokens.colorNeutralForegroundOnBrand,\n    \":hover\": {\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n  },\n});\n\nexport function ApplicationShell({\n  applicationName,\n  main,\n  navigationItems,\n  userStatus,\n  onClickHome,\n  navigate,\n  matchPath,\n}: {\n  applicationName: string;\n  main: ReactNode;\n  navigationItems: NavigationTreeItem[];\n  userStatus: UserStatus;\n  onClickHome: () => void;\n  navigate: (path: string) => void;\n  matchPath: (path: string | undefined) => boolean;\n}) {\n  // test si le chemin courant du navigateur correspond à cet item\n  // attention, on est obligés de tester tous les items, qu'ils aient\n  // un lien ou pas, d'où le url-inconnue pour ceux qui n'ont pas de lien.\n  // On est obligés car useMatch est un hook que l'on ne peut pas lancer\n  // de manière conditionnelle\n  const navigationItemFound = navigationItems.find((it) => \"path\" in it && it.path !== null && matchPath(it.path));\n  const navigationItemSelectedFromUrl = navigationItemFound?.id;\n  const defaultOpenCategory =\n    navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null\n      ? [navigationItemFound.parentId]\n      : [];\n\n  const styles = useApplicationShellStyles();\n  const [navDrawerOpened, setNavDrawerOpened] = useState<boolean>(true);\n  const [selectedItem, setSelectedItem] = useState<string>(navigationItemSelectedFromUrl ?? \"\");\n  const [openedCategories, setOpenCategories] = useState<string[]>(defaultOpenCategory);\n\n  const navigationService = useMemo(() => createNavigationTreeItemServiceImpl(navigationItems), [navigationItems]);\n  const handleClickHamburger = () => {\n    setNavDrawerOpened(!navDrawerOpened);\n  };\n\n  const handleClickMenuItem = (itemId: string) => {\n    const item = navigationService.findById(itemId);\n    setSelectedItem(item.id);\n    const parentId = \"parentId\" in item ? item.parentId : null;\n    if (parentId) {\n      if (!openedCategories.find((cat) => cat === parentId)) {\n        setOpenCategories([...openedCategories, parentId]);\n      }\n    }\n    if (\"path\" in item && item.path) navigate(item.path);\n  };\n\n  const handleClickCategory = (categoryId: string) => {\n    if (!openedCategories.find((cat) => cat === categoryId)) {\n      setOpenCategories([...openedCategories, categoryId]);\n    } else {\n      setOpenCategories(openedCategories.filter((it) => it !== categoryId));\n    }\n  };\n\n  const openCategories: string[] = [];\n  if (navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null) {\n    openCategories.push(navigationItemFound.parentId);\n  }\n\n  return (\n    <div data-e2e-id=\"shell\" className={styles.shell}>\n      <div data-e2e-id=\"shell__menu_top\" className={styles.titleBar}>\n        {!navDrawerOpened ? (\n          <TitleBar\n            applicationName={applicationName}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            hamburger={<MenuBurger onClick={handleClickHamburger} />}\n          />\n        ) : null}\n      </div>\n      <div data-e2e-id=\"shell__main\" className={styles.main}>\n        <NavDrawer\n          selectedValue={selectedItem}\n          open={navDrawerOpened}\n          density={\"small\"}\n          type={\"inline\"}\n          openCategories={openedCategories}\n          onNavItemSelect={(e, data) => {\n            handleClickMenuItem(data.value);\n          }}\n          onNavCategoryItemToggle={(e, data) => {\n            handleClickCategory(data.categoryValue ?? \"\");\n          }}\n        >\n          <TitleBar\n            applicationName={applicationName}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            hamburger={<MenuBurger onClick={handleClickHamburger} />}\n          />\n          <NavDrawerHeader></NavDrawerHeader>\n          <NavDrawerBody>\n            <Navigation items={navigationItems} />\n          </NavDrawerBody>\n        </NavDrawer>\n        <div data-e2e-id=\"shell__content\" className={styles.content}>\n          {main}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst MenuBurger = ({ onClick }: { onClick: () => void }) => {\n  const styles = useApplicationShellStyles();\n  return (\n    <Tooltip content=\"Navigation\" relationship=\"label\">\n      <Hamburger className={styles.bugerIcon} onClick={onClick} />\n    </Tooltip>\n  );\n};\n"],"names":["useApplicationShellStyles","makeStyles","tokens","ApplicationShell","applicationName","main","navigationItems","userStatus","onClickHome","navigate","matchPath","navigationItemFound","it","navigationItemSelectedFromUrl","defaultOpenCategory","styles","navDrawerOpened","setNavDrawerOpened","useState","selectedItem","setSelectedItem","openedCategories","setOpenCategories","navigationService","useMemo","createNavigationTreeItemServiceImpl","handleClickHamburger","handleClickMenuItem","itemId","item","parentId","cat","handleClickCategory","categoryId","openCategories","jsx","TitleBar","MenuBurger","jsxs","NavDrawer","e","data","NavDrawerHeader","NavDrawerBody","Navigation","onClick","Tooltip","Hamburger"],"mappings":"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"}
+{"version":3,"file":"ApplicationShell.js","sources":["../../../src/lib/applicationshell/ApplicationShell.tsx"],"sourcesContent":["import {\n  Hamburger,\n  makeStyles,\n  NavDrawer,\n  NavDrawerBody,\n  NavDrawerHeader,\n  tokens,\n  Tooltip,\n} from \"@fluentui/react-components\";\nimport { ReactNode, useMemo, useState } from \"react\";\nimport { Navigation } from \"../navigation/Navigation\";\nimport { NavigationTreeItem } from \"../navigation/Navigation.types\";\nimport { createNavigationTreeItemServiceImpl } from \"../navigation/NavigationService\";\nimport { UserStatus } from \"./ApplicationShell.types\";\nimport { TitleBar } from \"./TitleBar\";\n\nconst useApplicationShellStyles = makeStyles({\n  shell: {\n    width: \"100vw\",\n    height: \"100vh\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n  },\n  titleBar: {\n    width: \"100%\",\n    height: \"48px\",\n    flex: 0,\n  },\n  main: {\n    overflow: \"hidden\",\n    display: \"flex\",\n    height: \"100%\",\n  },\n  content: {\n    flex: \"1\",\n    display: \"bloc\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n    overflow: \"auto\",\n    backgroundColor: tokens.colorNeutralBackground2,\n  },\n  bugerIcon: {\n    color: tokens.colorNeutralForegroundOnBrand,\n    \":hover\": {\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n  },\n});\n\nexport function ApplicationShell({\n  applicationName,\n  main,\n  navigationItems,\n  userStatus,\n  onClickHome,\n  navigate,\n  matchPath,\n}: {\n  applicationName: string;\n  main: ReactNode;\n  navigationItems: NavigationTreeItem[];\n  userStatus: UserStatus;\n  onClickHome: () => void;\n  navigate: (path: string) => void;\n  matchPath: (path: string | undefined) => boolean;\n}) {\n  // test si le chemin courant du navigateur correspond à cet item\n  // attention, on est obligés de tester tous les items, qu'ils aient\n  // un lien ou pas, d'où le url-inconnue pour ceux qui n'ont pas de lien.\n  // On est obligés car useMatch est un hook que l'on ne peut pas lancer\n  // de manière conditionnelle\n  const navigationItemFound = navigationItems.find((it) => \"path\" in it && it.path !== null && matchPath(it.path));\n  const navigationItemSelectedFromUrl = navigationItemFound?.id;\n  const defaultOpenCategory =\n    navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null\n      ? [navigationItemFound.parentId]\n      : [];\n\n  const styles = useApplicationShellStyles();\n  const [navDrawerOpened, setNavDrawerOpened] = useState<boolean>(true);\n  const [selectedItem, setSelectedItem] = useState<string>(navigationItemSelectedFromUrl ?? \"\");\n  const [openedCategories, setOpenCategories] = useState<string[]>(defaultOpenCategory);\n\n  const navigationService = useMemo(() => createNavigationTreeItemServiceImpl(navigationItems), [navigationItems]);\n  const handleClickHamburger = () => {\n    setNavDrawerOpened(!navDrawerOpened);\n  };\n\n  const handleClickMenuItem = (itemId: string) => {\n    const item = navigationService.findById(itemId);\n    setSelectedItem(item.id);\n    const parentId = \"parentId\" in item ? item.parentId : null;\n    if (parentId) {\n      if (!openedCategories.find((cat) => cat === parentId)) {\n        setOpenCategories([...openedCategories, parentId]);\n      }\n    }\n    if (\"path\" in item && item.path) navigate(item.path);\n  };\n\n  const handleClickCategory = (categoryId: string) => {\n    if (!openedCategories.find((cat) => cat === categoryId)) {\n      setOpenCategories([...openedCategories, categoryId]);\n    } else {\n      setOpenCategories(openedCategories.filter((it) => it !== categoryId));\n    }\n  };\n\n  const openCategories: string[] = [];\n  if (navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null) {\n    openCategories.push(navigationItemFound.parentId);\n  }\n\n  return (\n    <div data-e2e-id=\"shell\" className={styles.shell}>\n      <div data-e2e-id=\"shell__menu_top\" className={styles.titleBar}>\n        {!navDrawerOpened ? (\n          <TitleBar\n            applicationName={applicationName}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            hamburger={<MenuBurger onClick={handleClickHamburger} />}\n          />\n        ) : null}\n      </div>\n      <div data-e2e-id=\"shell__main\" className={styles.main}>\n        <NavDrawer\n          selectedValue={selectedItem}\n          open={navDrawerOpened}\n          density={\"small\"}\n          type={\"inline\"}\n          openCategories={openedCategories}\n          onNavItemSelect={(e, data) => {\n            handleClickMenuItem(data.value);\n          }}\n          onNavCategoryItemToggle={(e, data) => {\n            handleClickCategory(data.categoryValue ?? \"\");\n          }}\n        >\n          <TitleBar\n            applicationName={applicationName}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            hamburger={<MenuBurger onClick={handleClickHamburger} />}\n          />\n          <NavDrawerHeader></NavDrawerHeader>\n          <NavDrawerBody>\n            <Navigation items={navigationItems} />\n          </NavDrawerBody>\n        </NavDrawer>\n        <div data-e2e-id=\"shell__content\" className={styles.content}>\n          {main}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst MenuBurger = ({ onClick }: { onClick: () => void }) => {\n  const styles = useApplicationShellStyles();\n  return (\n    <Tooltip content=\"Navigation\" relationship=\"label\">\n      <Hamburger className={styles.bugerIcon} onClick={onClick} />\n    </Tooltip>\n  );\n};\n"],"names":["useApplicationShellStyles","makeStyles","tokens","ApplicationShell","applicationName","main","navigationItems","userStatus","onClickHome","navigate","matchPath","navigationItemFound","it","navigationItemSelectedFromUrl","defaultOpenCategory","styles","navDrawerOpened","setNavDrawerOpened","useState","selectedItem","setSelectedItem","openedCategories","setOpenCategories","navigationService","useMemo","createNavigationTreeItemServiceImpl","handleClickHamburger","handleClickMenuItem","itemId","item","parentId","cat","handleClickCategory","categoryId","openCategories","jsx","TitleBar","MenuBurger","jsxs","NavDrawer","e","data","NavDrawerHeader","NavDrawerBody","Navigation","onClick","Tooltip","Hamburger"],"mappings":"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"}

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

@@ -1,13 +1,12 @@
 const t = ["fr", "en"];
-function r(n) {
-  if (!n) return "en";
-  const e = n.toLowerCase(), o = e.split("-")[0];
-  return t.includes(e) ? e : t.includes(o) ? o : "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() {
-  var n;
   if (!(typeof navigator > "u"))
-    return ((n = navigator.languages) == null ? void 0 : n[0]) || navigator.language;
+    return navigator.languages?.[0] || navigator.language;
 }
 function a() {
   if (!(typeof window > "u"))

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

@@ -1 +1 @@
-{"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","_a","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;AAf7C,MAAAC;AAgBE,MAAI,SAAO,YAAc;AACzB,aAAOA,IAAA,UAAU,cAAV,gBAAAA,EAAsB,OAAM,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,SAAOR;AAAA,IACLO,EAAA,KACED,EAAA;AAAA,IAEAF,EAAA;AAAA,EAAc;AAEpB;"}
+{"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;"}

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

@@ -1,19 +1,10 @@
 import { default as React } from 'react';
-import { Formats, I18n, Messages } from './i18n.types';
-type Loader = (locale: string) => Promise<{
-    messages: Messages;
-    formats: Formats;
-}>;
+import { I18n } from './i18n.types';
 export interface I18nProviderProps {
     children: React.ReactNode;
     /** SSR hydrate */
     initialLocale?: string;
-    /** for tests, storybook, preview */
-    forcedLocale?: string;
-    /** Lazy loading by locale of messages and formats (promise) */
-    load: Loader;
 }
-export declare function I18nProvider({ children, initialLocale, forcedLocale, load }: I18nProviderProps): string | import("react/jsx-runtime").JSX.Element | null;
+export declare function I18nProvider({ children, initialLocale }: I18nProviderProps): import("react/jsx-runtime").JSX.Element;
 export declare function useI18n(): I18n;
-export {};
 //# 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,KAAkE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,KAAK,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAIpF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,iBAAiB,2DAwB9F;AAED,wBAAgB,OAAO,IAAI,IAAI,CAI9B"}
+{"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"}