@seij/common-ui 0.1.1 → 0.1.2

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

@@ -7,44 +7,46 @@ 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 { ErrorManager as P, useErrorNotifier as S } from "./lib/error_notifier/ErrorNotifier.js";
+import { ErrorBox as F } from "./lib/errorbox/ErrorBox.js";
+import { FormField as C, FormLayout as V, FormLayoutTable as g, FormSectionTitle as h, FormText as R } from "./lib/form_layout/FormLayout.js";
+import { createI18nEngine as _ } from "./lib/i18n/i18n.factory.js";
+import { I18nProvider as H, useI18n as O } from "./lib/i18n/i18n.react.js";
+import { InfoBox as j } from "./lib/info_box/InfoBox.js";
+import { InlineEdit as k } from "./lib/inlineedit/InlineEdit.js";
+import { ListView as z } from "./lib/listview/ListView.js";
+import { Loader as J } from "./lib/loader/Loader.js";
+import { InputLocalDate as Q } from "./lib/localdate/InputLocalDate.js";
+import { LabelLocalDate as Z } from "./lib/localdate/LabelLocalDate.js";
+import { InputMoneyDec as oo } from "./lib/money/InputMoneyDec.js";
+import { InputMoneyInt as eo } from "./lib/money/InputMoneyInt.js";
+import { LabelMoneyDec as po } from "./lib/money/LabelMoneyDec.js";
+import { LabelMoneyInt as mo } from "./lib/money/LabelMoneyInt.js";
+import { InputDurationMonths as fo } from "./lib/month/InputDurationMonths.js";
+import { InputMonth as io } from "./lib/month/InputMonth.js";
+import { Navigation as bo } from "./lib/navigation/Navigation.js";
+import { INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS as Io, InputNumber as To } from "./lib/number/InputNumber.js";
+import { InputNumberDec as Lo } from "./lib/number/InputNumberDec.js";
+import { InputNumberInt as so } from "./lib/number/InputNumberInt.js";
+import { InputPercent as Bo } from "./lib/percent/InputPercent.js";
+import { LabelPercent as wo, LabelRate as Eo } from "./lib/percent/LabelPercent.js";
+import { LabelPercentInt as So } from "./lib/percent/LabelPercentInt.js";
+import { InputCombobox as Fo } from "./lib/select/InputCombobox.js";
+import { InputSelect as Co } from "./lib/select/InputSelect.js";
+import { SwitchButton as go } from "./lib/switchbutton/SwitchButton.js";
+import { Tabs as Ro, TabsList as Uo, TabsPanel as _o, TabsTab as vo } from "./lib/tabs/Tabs.js";
+import { InputText as Oo } from "./lib/text/InputText.js";
+import { Description as jo } from "./lib/typography/description/Description.js";
+import { LabelAndDescription as ko } from "./lib/typography/label_and_description/LabelAndDescription.js";
+import { Todo as zo } from "./lib/typography/todo/Todo.js";
+import { SectionTitle as Jo } from "./lib/typography/sectiontitle/SectionTitle.js";
+import { ViewBody as Qo } from "./lib/view_layout/ViewBody.js";
+import { ViewFooter as Zo } from "./lib/view_layout/ViewFooter.js";
+import { ViewHeader as or } from "./lib/view_layout/ViewHeader.js";
+import { ViewLayout as er } from "./lib/view_layout/ViewLayout.js";
+import { ViewTitle as pr } from "./lib/view_layout/ViewTitle.js";
+import { InputDurationYears as mr } from "./lib/year/InputDurationYears.js";
+import { InputYear as fr } from "./lib/year/InputYear.js";
 export {
   p as ApplicationShell,
   m as Badge,
@@ -59,55 +61,58 @@ export {
   s as DataTableHead,
   y as DataTableHeaderCell,
   B as DataTableRow,
-  Oo as Description,
-  N as ErrorBox,
-  A as ErrorManager,
+  jo 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,
+  g as FormLayoutTable,
+  h as FormSectionTitle,
+  R as FormText,
+  H as I18nProvider,
+  Io as INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS,
+  j as InfoBox,
+  k as InlineEdit,
+  Fo as InputCombobox,
+  fo as InputDurationMonths,
+  mr as InputDurationYears,
+  Q as InputLocalDate,
+  oo as InputMoneyDec,
+  eo as InputMoneyInt,
+  io as InputMonth,
+  To as InputNumber,
+  Lo as InputNumberDec,
+  so as InputNumberInt,
+  Bo as InputPercent,
+  Co as InputSelect,
+  Oo as InputText,
+  fr as InputYear,
+  ko as LabelAndDescription,
+  Z as LabelLocalDate,
+  po as LabelMoneyDec,
+  mo as LabelMoneyInt,
+  wo as LabelPercent,
+  So as LabelPercentInt,
+  Eo as LabelRate,
+  z as ListView,
+  J as Loader,
+  bo as Navigation,
+  Jo 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,
+  go as SwitchButton,
+  Ro as Tabs,
+  Uo as TabsList,
+  _o as TabsPanel,
+  vo as TabsTab,
+  zo as Todo,
+  Qo as ViewBody,
+  Zo as ViewFooter,
+  or as ViewHeader,
+  er as ViewLayout,
+  pr as ViewTitle,
+  _ as createI18nEngine,
   I as obfuscateLabel,
-  E as useErrorNotifier
+  S as useErrorNotifier,
+  O 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/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/index.d.ts

@@ -1,3 +1,4 @@
 export * from './i18n.types';
 export * from './i18n.factory';
+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,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,cAAc,CAAC"}

package/dist/lib/number/InputNumber.js

@@ -1,82 +1,82 @@
-import { jsx as R } from "react/jsx-runtime";
-import { makeStyles as u, Input as y } from "@fluentui/react-components";
-import _, { useMemo as w, useEffect as L } from "react";
-const j = [",", "."], O = (r, c, t) => new RegExp(
-  "^" + (r ? "-?" : "") + "\\d*" + (c > 0 ? "((\\.|,)\\d{0," + c + "})?" : "") + "$"
-), T = u({
+import { jsx as A } from "react/jsx-runtime";
+import { makeStyles as I, Input as g } from "@fluentui/react-components";
+import S, { useMemo as x, useEffect as E } from "react";
+const T = [",", "."], R = (e, s, o) => new RegExp(
+  "^" + (e ? "-?" : "") + "\\d*" + (s > 0 ? "((\\.|,)\\d{0," + s + "})?" : "") + "$"
+), y = I({
   root: {
     "> input": {
       textAlign: "right"
     }
   }
-}), k = ({
-  value: r,
-  defaultValue: c,
-  onValueChange: t,
-  decimalScale: e = 0,
-  allowNegative: N = !1,
-  thousandSeparator: M = " ",
-  min: d,
-  max: p,
-  size: B = 10,
-  unit: A,
-  ...I
+}), B = ({
+  value: e,
+  defaultValue: s,
+  onValueChange: o,
+  decimalScale: a = 0,
+  allowNegative: p = !1,
+  thousandSeparator: l = " ",
+  min: i,
+  max: u,
+  size: _ = 10,
+  unit: N,
+  ...b
 }) => {
-  const [m, f] = _.useState((r == null ? void 0 : r.toString()) ?? ""), S = T();
-  r === void 0 && c === void 0 && console.warn("InputNumber must be provided a value or a defaultValue"), r !== void 0 && c !== void 0 && console.warn(
+  const [c, d] = S.useState(e?.toString() ?? ""), h = y();
+  e === void 0 && s === void 0 && console.warn("InputNumber must be provided a value or a defaultValue"), e !== void 0 && s !== void 0 && console.warn(
     "InputNumber can not be used as a controlled and uncontrolled component at the same time. You muse provide a value or a defaultValue but not both at the same time."
   );
-  const b = w(
-    () => O(N, e),
-    [N, e, M]
+  const m = x(
+    () => R(p, a),
+    [p, a, l]
   );
-  L(() => {
-    f((r == null ? void 0 : r.toString()) ?? "");
-  }, [r]);
-  const x = (o) => {
-    const s = o.target.value;
-    if (b.test(s) || s === "") {
-      if (f(s), s === "") {
-        t == null || t(0);
+  E(() => {
+    d(e?.toString() ?? "");
+  }, [e]);
+  const v = (r) => {
+    const t = r.target.value;
+    if (m.test(t) || t === "") {
+      if (d(t), t === "") {
+        o?.(0);
         return;
       }
-      const n = Number(s);
-      if (!isNaN(n)) {
-        let i = n;
-        d !== void 0 && (i = Math.max(i, d)), p !== void 0 && (i = Math.min(i, p)), i !== r && (t == null || t(i));
+      const f = Number(t);
+      if (!isNaN(f)) {
+        let n = f;
+        i !== void 0 && (n = Math.max(n, i)), u !== void 0 && (n = Math.min(n, u)), n !== e && o?.(n);
       }
     }
-  }, E = () => {
-    if (m === "") {
-      t == null || t(0);
+  }, M = () => {
+    if (c === "") {
+      o?.(0);
       return;
     }
-    const o = Number(m);
-    if (isNaN(o))
-      t == null || t(0);
+    const r = Number(c);
+    if (isNaN(r))
+      o?.(0);
     else {
-      let s = o;
-      d !== void 0 && (s = Math.max(s, d)), p !== void 0 && (s = Math.min(s, p)), f(s.toString()), t == null || t(s);
+      let t = r;
+      i !== void 0 && (t = Math.max(t, i)), u !== void 0 && (t = Math.min(t, u)), d(t.toString()), o?.(t);
     }
   };
-  return /* @__PURE__ */ R(
-    y,
+  return /* @__PURE__ */ A(
+    g,
     {
-      ...I,
-      className: S.root,
+      ...b,
+      className: h.root,
       type: "number",
-      value: m,
-      onChange: x,
-      onBlur: E,
-      inputMode: e > 0 ? "decimal" : "numeric",
-      pattern: b.source,
-      onFocus: (o) => o.target.select(),
-      contentAfter: A
+      value: c,
+      onChange: v,
+      onBlur: M,
+      inputMode: a > 0 ? "decimal" : "numeric",
+      pattern: m.source,
+      onFocus: (r) => r.target.select(),
+      contentAfter: N
     }
   );
 };
 export {
-  j as INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS,
-  k as InputNumber
+  T as INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS,
+  B as InputNumber
 };
 //# sourceMappingURL=InputNumber.js.map

package/dist/lib/number/InputNumber.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputNumber.js","sources":["../../../src/lib/number/InputNumber.tsx"],"sourcesContent":["import { Input, InputProps, makeStyles } from \"@fluentui/react-components\";\nimport React, { useEffect, useMemo } from \"react\";\n\ntype HTMLInputElementCurated = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"defaultValue\" | \"onChange\" | \"type\" | \"min\" | \"max\" | \"children\"\n>;\nexport interface InputNumberProps extends HTMLInputElementCurated {\n  id?: string;\n  name?: string;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  onValueChange?: (value: number) => void;\n\n  unit?: InputProps[\"contentAfter\"];\n}\n\nexport const INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS = [\",\", \".\"];\n\ninterface InputNumberCompletProps extends InputNumberProps {\n  decimalScale?: number;\n  allowNegative?: boolean;\n  thousandSeparator?: string | boolean;\n}\n\nconst createRegexp = (allowNegative: boolean, decimalScale: number, thousandSeparator: string | boolean) => {\n  return new RegExp(\n    \"^\" +\n      (allowNegative ? \"-?\" : \"\") +\n      \"\\\\d*\" +\n      (decimalScale > 0 ? \"((\\\\.|,)\\\\d{0,\" + decimalScale + \"})?\" : \"\") +\n      \"$\",\n  );\n};\n\nconst useStyles = makeStyles({\n  root: {\n    \"> input\": {\n      textAlign: \"right\",\n    },\n  },\n});\n\nexport const InputNumber: React.FC<InputNumberCompletProps> = ({\n  value,\n  defaultValue,\n  onValueChange,\n  decimalScale = 0,\n  allowNegative = false,\n  thousandSeparator = \" \",\n  min,\n  max,\n  size = 10,\n  unit,\n  ...rest\n}: InputNumberCompletProps) => {\n  const [internalValue, setInternalValue] = React.useState<string>(value?.toString() ?? \"\");\n  const styles = useStyles();\n\n  if (value === undefined && defaultValue === undefined) {\n    console.warn(\"InputNumber must be provided a value or a defaultValue\");\n  }\n  if (value !== undefined && defaultValue !== undefined) {\n    console.warn(\n      \"InputNumber can not be used as a controlled and uncontrolled component at the same time. You muse provide a value or a defaultValue but not both at the same time.\",\n    );\n  }\n\n  // Toujours permettre d'écrire librement (même vide, -, . etc.)\n  const rex = useMemo(\n    () => createRegexp(allowNegative, decimalScale, thousandSeparator),\n    [allowNegative, decimalScale, thousandSeparator],\n  );\n\n  useEffect(() => {\n    // Synchroniser l'état interne si la prop change de l'extérieur\n    setInternalValue(value?.toString() ?? \"\");\n  }, [value]);\n\n  const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = ev.target.value;\n\n    if (rex.test(newValue) || newValue === \"\") {\n      setInternalValue(newValue);\n\n      if (newValue === \"\") {\n        onValueChange?.(0);\n        return;\n      }\n\n      const parsed = Number(newValue);\n      if (!isNaN(parsed)) {\n        let clamped = parsed;\n        if (min !== undefined) clamped = Math.max(clamped, min);\n        if (max !== undefined) clamped = Math.min(clamped, max);\n        if (clamped !== value) {\n          onValueChange?.(clamped);\n        }\n      }\n    }\n  };\n\n  const handleBlur = () => {\n    if (internalValue === \"\") {\n      onValueChange?.(0);\n      return;\n    }\n\n    const parsed = Number(internalValue);\n    if (!isNaN(parsed)) {\n      let clamped = parsed;\n      if (min !== undefined) clamped = Math.max(clamped, min);\n      if (max !== undefined) clamped = Math.min(clamped, max);\n      // IMPORTANT: on recale l'affichage après blur\n      setInternalValue(clamped.toString());\n      onValueChange?.(clamped);\n    } else {\n      onValueChange?.(0);\n    }\n  };\n\n  return (\n    <Input\n      {...rest}\n      className={styles.root}\n      type=\"number\"\n      value={internalValue}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      inputMode={decimalScale > 0 ? \"decimal\" : \"numeric\"}\n      pattern={rex.source}\n      onFocus={(e) => e.target.select()}\n      contentAfter={unit}\n    />\n  );\n};\n"],"names":["INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS","createRegexp","allowNegative","decimalScale","thousandSeparator","useStyles","makeStyles","InputNumber","value","defaultValue","onValueChange","min","max","size","unit","rest","internalValue","setInternalValue","React","styles","rex","useMemo","useEffect","handleChange","ev","newValue","parsed","clamped","handleBlur","jsx","Input","e"],"mappings":";;;AAmBO,MAAMA,IAA0C,CAAC,KAAK,GAAG,GAQ1DC,IAAe,CAACC,GAAwBC,GAAsBC,MAC3D,IAAI;AAAA,EACT,OACGF,IAAgB,OAAO,MACxB,UACCC,IAAe,IAAI,mBAAmBA,IAAe,QAAQ,MAC9D;AAAA,GAIAE,IAAYC,EAAW;AAAA,EAC3B,MAAM;AAAA,IACJ,WAAW;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,CAAC,GAEYC,IAAiD,CAAC;AAAA,EAC7D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAP,IAAe;AAAA,EACf,eAAAD,IAAgB;AAAA,EAChB,mBAAAE,IAAoB;AAAA,EACpB,KAAAO;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAM,UAAiBV,KAAA,gBAAAA,EAAO,eAAc,EAAE,GAClFW,IAASd,EAAA;AAEf,EAAIG,MAAU,UAAaC,MAAiB,UAC1C,QAAQ,KAAK,wDAAwD,GAEnED,MAAU,UAAaC,MAAiB,UAC1C,QAAQ;AAAA,IACN;AAAA,EAAA;AAKJ,QAAMW,IAAMC;AAAA,IACV,MAAMpB,EAAaC,GAAeC,CAA+B;AAAA,IACjE,CAACD,GAAeC,GAAcC,CAAiB;AAAA,EAAA;AAGjD,EAAAkB,EAAU,MAAM;AAEd,IAAAL,GAAiBT,KAAA,gBAAAA,EAAO,eAAc,EAAE;AAAA,EAC1C,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMe,IAAe,CAACC,MAA4C;AAChE,UAAMC,IAAWD,EAAG,OAAO;AAE3B,QAAIJ,EAAI,KAAKK,CAAQ,KAAKA,MAAa,IAAI;AAGzC,UAFAR,EAAiBQ,CAAQ,GAErBA,MAAa,IAAI;AACnB,QAAAf,KAAA,QAAAA,EAAgB;AAChB;AAAA,MACF;AAEA,YAAMgB,IAAS,OAAOD,CAAQ;AAC9B,UAAI,CAAC,MAAMC,CAAM,GAAG;AAClB,YAAIC,IAAUD;AACd,QAAIf,MAAQ,WAAWgB,IAAU,KAAK,IAAIA,GAAShB,CAAG,IAClDC,MAAQ,WAAWe,IAAU,KAAK,IAAIA,GAASf,CAAG,IAClDe,MAAYnB,MACdE,KAAA,QAAAA,EAAgBiB;AAAA,MAEpB;AAAA,IACF;AAAA,EACF,GAEMC,IAAa,MAAM;AACvB,QAAIZ,MAAkB,IAAI;AACxB,MAAAN,KAAA,QAAAA,EAAgB;AAChB;AAAA,IACF;AAEA,UAAMgB,IAAS,OAAOV,CAAa;AACnC,QAAK,MAAMU,CAAM;AAQf,MAAAhB,KAAA,QAAAA,EAAgB;AAAA,SARE;AAClB,UAAIiB,IAAUD;AACd,MAAIf,MAAQ,WAAWgB,IAAU,KAAK,IAAIA,GAAShB,CAAG,IAClDC,MAAQ,WAAWe,IAAU,KAAK,IAAIA,GAASf,CAAG,IAEtDK,EAAiBU,EAAQ,UAAU,GACnCjB,KAAA,QAAAA,EAAgBiB;AAAA,IAClB;AAAA,EAGF;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,WAAWI,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,OAAOH;AAAA,MACP,UAAUO;AAAA,MACV,QAAQK;AAAA,MACR,WAAWzB,IAAe,IAAI,YAAY;AAAA,MAC1C,SAASiB,EAAI;AAAA,MACb,SAAS,CAACW,MAAMA,EAAE,OAAO,OAAA;AAAA,MACzB,cAAcjB;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
+{"version":3,"file":"InputNumber.js","sources":["../../../src/lib/number/InputNumber.tsx"],"sourcesContent":["import { Input, InputProps, makeStyles } from \"@fluentui/react-components\";\nimport React, { useEffect, useMemo } from \"react\";\n\ntype HTMLInputElementCurated = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  \"value\" | \"defaultValue\" | \"onChange\" | \"type\" | \"min\" | \"max\" | \"children\"\n>;\nexport interface InputNumberProps extends HTMLInputElementCurated {\n  id?: string;\n  name?: string;\n  value?: number;\n  defaultValue?: number;\n  min?: number;\n  max?: number;\n  onValueChange?: (value: number) => void;\n\n  unit?: InputProps[\"contentAfter\"];\n}\n\nexport const INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS = [\",\", \".\"];\n\ninterface InputNumberCompletProps extends InputNumberProps {\n  decimalScale?: number;\n  allowNegative?: boolean;\n  thousandSeparator?: string | boolean;\n}\n\nconst createRegexp = (allowNegative: boolean, decimalScale: number, thousandSeparator: string | boolean) => {\n  return new RegExp(\n    \"^\" +\n      (allowNegative ? \"-?\" : \"\") +\n      \"\\\\d*\" +\n      (decimalScale > 0 ? \"((\\\\.|,)\\\\d{0,\" + decimalScale + \"})?\" : \"\") +\n      \"$\",\n  );\n};\n\nconst useStyles = makeStyles({\n  root: {\n    \"> input\": {\n      textAlign: \"right\",\n    },\n  },\n});\n\nexport const InputNumber: React.FC<InputNumberCompletProps> = ({\n  value,\n  defaultValue,\n  onValueChange,\n  decimalScale = 0,\n  allowNegative = false,\n  thousandSeparator = \" \",\n  min,\n  max,\n  size = 10,\n  unit,\n  ...rest\n}: InputNumberCompletProps) => {\n  const [internalValue, setInternalValue] = React.useState<string>(value?.toString() ?? \"\");\n  const styles = useStyles();\n\n  if (value === undefined && defaultValue === undefined) {\n    console.warn(\"InputNumber must be provided a value or a defaultValue\");\n  }\n  if (value !== undefined && defaultValue !== undefined) {\n    console.warn(\n      \"InputNumber can not be used as a controlled and uncontrolled component at the same time. You muse provide a value or a defaultValue but not both at the same time.\",\n    );\n  }\n\n  // Toujours permettre d'écrire librement (même vide, -, . etc.)\n  const rex = useMemo(\n    () => createRegexp(allowNegative, decimalScale, thousandSeparator),\n    [allowNegative, decimalScale, thousandSeparator],\n  );\n\n  useEffect(() => {\n    // Synchroniser l'état interne si la prop change de l'extérieur\n    setInternalValue(value?.toString() ?? \"\");\n  }, [value]);\n\n  const handleChange = (ev: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = ev.target.value;\n\n    if (rex.test(newValue) || newValue === \"\") {\n      setInternalValue(newValue);\n\n      if (newValue === \"\") {\n        onValueChange?.(0);\n        return;\n      }\n\n      const parsed = Number(newValue);\n      if (!isNaN(parsed)) {\n        let clamped = parsed;\n        if (min !== undefined) clamped = Math.max(clamped, min);\n        if (max !== undefined) clamped = Math.min(clamped, max);\n        if (clamped !== value) {\n          onValueChange?.(clamped);\n        }\n      }\n    }\n  };\n\n  const handleBlur = () => {\n    if (internalValue === \"\") {\n      onValueChange?.(0);\n      return;\n    }\n\n    const parsed = Number(internalValue);\n    if (!isNaN(parsed)) {\n      let clamped = parsed;\n      if (min !== undefined) clamped = Math.max(clamped, min);\n      if (max !== undefined) clamped = Math.min(clamped, max);\n      // IMPORTANT: on recale l'affichage après blur\n      setInternalValue(clamped.toString());\n      onValueChange?.(clamped);\n    } else {\n      onValueChange?.(0);\n    }\n  };\n\n  return (\n    <Input\n      {...rest}\n      className={styles.root}\n      type=\"number\"\n      value={internalValue}\n      onChange={handleChange}\n      onBlur={handleBlur}\n      inputMode={decimalScale > 0 ? \"decimal\" : \"numeric\"}\n      pattern={rex.source}\n      onFocus={(e) => e.target.select()}\n      contentAfter={unit}\n    />\n  );\n};\n"],"names":["INPUT_AMOUNT_ALLOWED_DECIMAL_SEPARATORS","createRegexp","allowNegative","decimalScale","thousandSeparator","useStyles","makeStyles","InputNumber","value","defaultValue","onValueChange","min","max","size","unit","rest","internalValue","setInternalValue","React","styles","rex","useMemo","useEffect","handleChange","ev","newValue","parsed","clamped","handleBlur","jsx","Input","e"],"mappings":";;;AAmBO,MAAMA,IAA0C,CAAC,KAAK,GAAG,GAQ1DC,IAAe,CAACC,GAAwBC,GAAsBC,MAC3D,IAAI;AAAA,EACT,OACGF,IAAgB,OAAO,MACxB,UACCC,IAAe,IAAI,mBAAmBA,IAAe,QAAQ,MAC9D;AAAA,GAIAE,IAAYC,EAAW;AAAA,EAC3B,MAAM;AAAA,IACJ,WAAW;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,CAAC,GAEYC,IAAiD,CAAC;AAAA,EAC7D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAP,IAAe;AAAA,EACf,eAAAD,IAAgB;AAAA,EAChB,mBAAAE,IAAoB;AAAA,EACpB,KAAAO;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,GAAGC;AACL,MAA+B;AAC7B,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAM,SAAiBV,GAAO,SAAA,KAAc,EAAE,GAClFW,IAASd,EAAA;AAEf,EAAIG,MAAU,UAAaC,MAAiB,UAC1C,QAAQ,KAAK,wDAAwD,GAEnED,MAAU,UAAaC,MAAiB,UAC1C,QAAQ;AAAA,IACN;AAAA,EAAA;AAKJ,QAAMW,IAAMC;AAAA,IACV,MAAMpB,EAAaC,GAAeC,CAA+B;AAAA,IACjE,CAACD,GAAeC,GAAcC,CAAiB;AAAA,EAAA;AAGjD,EAAAkB,EAAU,MAAM;AAEd,IAAAL,EAAiBT,GAAO,SAAA,KAAc,EAAE;AAAA,EAC1C,GAAG,CAACA,CAAK,CAAC;AAEV,QAAMe,IAAe,CAACC,MAA4C;AAChE,UAAMC,IAAWD,EAAG,OAAO;AAE3B,QAAIJ,EAAI,KAAKK,CAAQ,KAAKA,MAAa,IAAI;AAGzC,UAFAR,EAAiBQ,CAAQ,GAErBA,MAAa,IAAI;AACnB,QAAAf,IAAgB,CAAC;AACjB;AAAA,MACF;AAEA,YAAMgB,IAAS,OAAOD,CAAQ;AAC9B,UAAI,CAAC,MAAMC,CAAM,GAAG;AAClB,YAAIC,IAAUD;AACd,QAAIf,MAAQ,WAAWgB,IAAU,KAAK,IAAIA,GAAShB,CAAG,IAClDC,MAAQ,WAAWe,IAAU,KAAK,IAAIA,GAASf,CAAG,IAClDe,MAAYnB,KACdE,IAAgBiB,CAAO;AAAA,MAE3B;AAAA,IACF;AAAA,EACF,GAEMC,IAAa,MAAM;AACvB,QAAIZ,MAAkB,IAAI;AACxB,MAAAN,IAAgB,CAAC;AACjB;AAAA,IACF;AAEA,UAAMgB,IAAS,OAAOV,CAAa;AACnC,QAAK,MAAMU,CAAM;AAQf,MAAAhB,IAAgB,CAAC;AAAA,SARC;AAClB,UAAIiB,IAAUD;AACd,MAAIf,MAAQ,WAAWgB,IAAU,KAAK,IAAIA,GAAShB,CAAG,IAClDC,MAAQ,WAAWe,IAAU,KAAK,IAAIA,GAASf,CAAG,IAEtDK,EAAiBU,EAAQ,UAAU,GACnCjB,IAAgBiB,CAAO;AAAA,IACzB;AAAA,EAGF;AAEA,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACJ,WAAWI,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,OAAOH;AAAA,MACP,UAAUO;AAAA,MACV,QAAQK;AAAA,MACR,WAAWzB,IAAe,IAAI,YAAY;AAAA,MAC1C,SAASiB,EAAI;AAAA,MACb,SAAS,CAACW,MAAMA,EAAE,OAAO,OAAA;AAAA,MACzB,cAAcjB;AAAA,IAAA;AAAA,EAAA;AAGpB;"}

package/dist/lib/percent/InputPercent.js

@@ -1,25 +1,25 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { InputNumber as s } from "../number/InputNumber.js";
-import { isNil as u } from "lodash-es";
-const N = (a) => {
-  const { min: r, max: m, onValueChange: e, value: t, defaultValue: i, ...d } = a, l = (o) => {
-    o == null ? e == null || e(0) : e == null || e(Number((o / 100).toFixed(4)));
+import { isNil as l } from "lodash-es";
+const N = (n) => {
+  const { min: a, max: i, onValueChange: u, value: e, defaultValue: o, ...r } = n, m = (t) => {
+    t == null ? u?.(0) : u?.(Number((t / 100).toFixed(4)));
   };
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ d(
     s,
     {
-      ...d,
+      ...r,
       decimalScale: 2,
       allowNegative: !1,
       inputMode: "decimal",
       thousandSeparator: !1,
       size: 9,
       unit: "%",
-      min: r ? Number((r * 100).toFixed(2)) : void 0,
-      max: m ? Number((m * 100).toFixed(2)) : void 0,
-      value: u(t) ? t : Number((t * 100).toFixed(2)),
-      defaultValue: u(i) ? i : Number((i * 100).toFixed(2)),
-      onValueChange: l
+      min: a ? Number((a * 100).toFixed(2)) : void 0,
+      max: i ? Number((i * 100).toFixed(2)) : void 0,
+      value: l(e) ? e : Number((e * 100).toFixed(2)),
+      defaultValue: l(o) ? o : Number((o * 100).toFixed(2)),
+      onValueChange: m
     }
   );
 };

package/dist/lib/percent/InputPercent.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputPercent.js","sources":["../../../src/lib/percent/InputPercent.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputNumber, InputNumberProps } from \"../number/InputNumber\";\nimport { isNil } from \"lodash-es\";\n\nexport interface InputPercentProps extends InputNumberProps {}\n\n/**\n * Un input special annee.\n */\nexport const InputPercent: React.FC<InputPercentProps> = (props) => {\n  const { min, max, onValueChange, value, defaultValue, ...other } = props;\n\n  const handleValueChange = (value: number | null | undefined) => {\n    if (value === null || value === undefined) {\n      onValueChange?.(0);\n    } else {\n      onValueChange?.(Number((value / 100).toFixed(4)));\n    }\n  };\n\n  return (\n    <InputNumber\n      {...other}\n      decimalScale={2}\n      allowNegative={false}\n      inputMode=\"decimal\"\n      thousandSeparator={false}\n      size={9}\n      unit={\"%\"}\n      min={min ? Number((min * 100).toFixed(2)) : undefined}\n      max={max ? Number((max * 100).toFixed(2)) : undefined}\n      value={isNil(value) ? value : Number((value * 100).toFixed(2))}\n      defaultValue={isNil(defaultValue) ? defaultValue : Number((defaultValue * 100).toFixed(2))}\n      onValueChange={handleValueChange}\n    />\n  );\n};\n"],"names":["InputPercent","props","min","max","onValueChange","value","defaultValue","other","handleValueChange","jsx","InputNumber","isNil"],"mappings":";;;AASO,MAAMA,IAA4C,CAACC,MAAU;AAClE,QAAM,EAAE,KAAAC,GAAK,KAAAC,GAAK,eAAAC,GAAe,OAAAC,GAAO,cAAAC,GAAc,GAAGC,MAAUN,GAE7DO,IAAoB,CAACH,MAAqC;AAC9D,IAAIA,KAAU,OACZD,KAAA,QAAAA,EAAgB,KAEhBA,KAAA,QAAAA,EAAgB,QAAQC,IAAQ,KAAK,QAAQ,CAAC,CAAC;AAAA,EAEnD;AAEA,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,cAAc;AAAA,MACd,eAAe;AAAA,MACf,WAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAKL,IAAM,QAAQA,IAAM,KAAK,QAAQ,CAAC,CAAC,IAAI;AAAA,MAC5C,KAAKC,IAAM,QAAQA,IAAM,KAAK,QAAQ,CAAC,CAAC,IAAI;AAAA,MAC5C,OAAOQ,EAAMN,CAAK,IAAIA,IAAQ,QAAQA,IAAQ,KAAK,QAAQ,CAAC,CAAC;AAAA,MAC7D,cAAcM,EAAML,CAAY,IAAIA,IAAe,QAAQA,IAAe,KAAK,QAAQ,CAAC,CAAC;AAAA,MACzF,eAAeE;AAAA,IAAA;AAAA,EAAA;AAGrB;"}
+{"version":3,"file":"InputPercent.js","sources":["../../../src/lib/percent/InputPercent.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputNumber, InputNumberProps } from \"../number/InputNumber\";\nimport { isNil } from \"lodash-es\";\n\nexport interface InputPercentProps extends InputNumberProps {}\n\n/**\n * Un input special annee.\n */\nexport const InputPercent: React.FC<InputPercentProps> = (props) => {\n  const { min, max, onValueChange, value, defaultValue, ...other } = props;\n\n  const handleValueChange = (value: number | null | undefined) => {\n    if (value === null || value === undefined) {\n      onValueChange?.(0);\n    } else {\n      onValueChange?.(Number((value / 100).toFixed(4)));\n    }\n  };\n\n  return (\n    <InputNumber\n      {...other}\n      decimalScale={2}\n      allowNegative={false}\n      inputMode=\"decimal\"\n      thousandSeparator={false}\n      size={9}\n      unit={\"%\"}\n      min={min ? Number((min * 100).toFixed(2)) : undefined}\n      max={max ? Number((max * 100).toFixed(2)) : undefined}\n      value={isNil(value) ? value : Number((value * 100).toFixed(2))}\n      defaultValue={isNil(defaultValue) ? defaultValue : Number((defaultValue * 100).toFixed(2))}\n      onValueChange={handleValueChange}\n    />\n  );\n};\n"],"names":["InputPercent","props","min","max","onValueChange","value","defaultValue","other","handleValueChange","jsx","InputNumber","isNil"],"mappings":";;;AASO,MAAMA,IAA4C,CAACC,MAAU;AAClE,QAAM,EAAE,KAAAC,GAAK,KAAAC,GAAK,eAAAC,GAAe,OAAAC,GAAO,cAAAC,GAAc,GAAGC,MAAUN,GAE7DO,IAAoB,CAACH,MAAqC;AAC9D,IAAIA,KAAU,OACZD,IAAgB,CAAC,IAEjBA,IAAgB,QAAQC,IAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC;AAAA,EAEpD;AAEA,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGH;AAAA,MACJ,cAAc;AAAA,MACd,eAAe;AAAA,MACf,WAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,KAAKL,IAAM,QAAQA,IAAM,KAAK,QAAQ,CAAC,CAAC,IAAI;AAAA,MAC5C,KAAKC,IAAM,QAAQA,IAAM,KAAK,QAAQ,CAAC,CAAC,IAAI;AAAA,MAC5C,OAAOQ,EAAMN,CAAK,IAAIA,IAAQ,QAAQA,IAAQ,KAAK,QAAQ,CAAC,CAAC;AAAA,MAC7D,cAAcM,EAAML,CAAY,IAAIA,IAAe,QAAQA,IAAe,KAAK,QAAQ,CAAC,CAAC;AAAA,MACzF,eAAeE;AAAA,IAAA;AAAA,EAAA;AAGrB;"}

package/dist/lib/select/InputSelect.js

@@ -1,31 +1,30 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { Select as h, Caption1 as s } from "@fluentui/react-components";
-function u({
-  id: o,
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { Select as a, Caption1 as h } from "@fluentui/react-components";
+function m({
+  id: d,
   value: n,
-  disabled: t = !1,
+  disabled: o = !1,
   options: c,
-  onValueChange: l
+  onValueChange: t
 }) {
-  var d;
-  const r = (d = c.find((e) => e.code === n)) == null ? void 0 : d.description;
-  return /* @__PURE__ */ a("div", { children: [
+  const r = c.find((e) => e.code === n)?.description;
+  return /* @__PURE__ */ p("div", { children: [
     /* @__PURE__ */ i(
-      h,
+      a,
       {
-        id: o,
+        id: d,
         value: n,
-        onChange: (e, p) => {
-          l(p.value ?? "");
+        onChange: (e, l) => {
+          t(l.value ?? "");
         },
-        disabled: t,
+        disabled: o,
         children: c.map((e) => /* @__PURE__ */ i("option", { value: e.code, children: e.label }, e.code))
       }
     ),
-    r && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(s, { children: r }) })
+    r && /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(h, { children: r }) })
   ] });
 }
 export {
-  u as InputSelect
+  m as InputSelect
 };
 //# sourceMappingURL=InputSelect.js.map

package/dist/lib/select/InputSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputSelect.js","sources":["../../../src/lib/select/InputSelect.tsx"],"sourcesContent":["import { Caption1, Select } from \"@fluentui/react-components\";\n\nexport interface InputSelectOption {\n  code: string;\n  label: string;\n  description?: string | null | undefined;\n}\nexport interface InputSelectProps<T extends InputSelectOption> {\n  id?: string;\n  /** Le code de la valeur sélectionnée. */\n  value: string;\n  /** Indique si le champ est désactivé */\n  disabled?: boolean;\n  /** La liste des options à afficher dans la liste déroulante. */\n  options: T[];\n  /** La fonction à appeler lorsque la valeur sélectionnée change. */\n  onValueChange: (value: string) => void;\n}\n/**\n * Une combobox de sélection d'entrée avec une liste déroulante d'options.\n * @returns Un composant de combobox de sélection (sans saisie de texte possible).\n */\nexport function InputSelect<T extends InputSelectOption>({\n  id,\n  value,\n  disabled = false,\n  options,\n  onValueChange,\n}: InputSelectProps<T>) {\n  const description = options.find((it) => it.code === value)?.description;\n  return (\n    <div>\n      <Select\n        id={id}\n        value={value}\n        onChange={(ev, data) => {\n          onValueChange(data.value ?? \"\");\n        }}\n        disabled={disabled}\n      >\n        {options.map((o) => (\n          <option key={o.code} value={o.code}>\n            {o.label}\n          </option>\n        ))}\n      </Select>\n      {description && (\n        <div>\n          <Caption1>{description}</Caption1>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["InputSelect","id","value","disabled","options","onValueChange","description","_a","it","jsx","Select","ev","data","o","Caption1"],"mappings":";;AAsBO,SAASA,EAAyC;AAAA,EACvD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,eAAAC;AACF,GAAwB;;AACtB,QAAMC,KAAcC,IAAAH,EAAQ,KAAK,CAACI,MAAOA,EAAG,SAASN,CAAK,MAAtC,gBAAAK,EAAyC;AAC7D,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAAT;AAAA,QACA,OAAAC;AAAA,QACA,UAAU,CAACS,GAAIC,MAAS;AACtB,UAAAP,EAAcO,EAAK,SAAS,EAAE;AAAA,QAChC;AAAA,QACA,UAAAT;AAAA,QAEC,UAAAC,EAAQ,IAAI,CAACS,MACZ,gBAAAJ,EAAC,UAAA,EAAoB,OAAOI,EAAE,MAC3B,UAAAA,EAAE,MAAA,GADQA,EAAE,IAEf,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFP,KACC,gBAAAG,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACK,GAAA,EAAU,aAAY,EAAA,CACzB;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"InputSelect.js","sources":["../../../src/lib/select/InputSelect.tsx"],"sourcesContent":["import { Caption1, Select } from \"@fluentui/react-components\";\n\nexport interface InputSelectOption {\n  code: string;\n  label: string;\n  description?: string | null | undefined;\n}\nexport interface InputSelectProps<T extends InputSelectOption> {\n  id?: string;\n  /** Le code de la valeur sélectionnée. */\n  value: string;\n  /** Indique si le champ est désactivé */\n  disabled?: boolean;\n  /** La liste des options à afficher dans la liste déroulante. */\n  options: T[];\n  /** La fonction à appeler lorsque la valeur sélectionnée change. */\n  onValueChange: (value: string) => void;\n}\n/**\n * Une combobox de sélection d'entrée avec une liste déroulante d'options.\n * @returns Un composant de combobox de sélection (sans saisie de texte possible).\n */\nexport function InputSelect<T extends InputSelectOption>({\n  id,\n  value,\n  disabled = false,\n  options,\n  onValueChange,\n}: InputSelectProps<T>) {\n  const description = options.find((it) => it.code === value)?.description;\n  return (\n    <div>\n      <Select\n        id={id}\n        value={value}\n        onChange={(ev, data) => {\n          onValueChange(data.value ?? \"\");\n        }}\n        disabled={disabled}\n      >\n        {options.map((o) => (\n          <option key={o.code} value={o.code}>\n            {o.label}\n          </option>\n        ))}\n      </Select>\n      {description && (\n        <div>\n          <Caption1>{description}</Caption1>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["InputSelect","id","value","disabled","options","onValueChange","description","it","jsx","Select","ev","data","o","Caption1"],"mappings":";;AAsBO,SAASA,EAAyC;AAAA,EACvD,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,SAAAC;AAAA,EACA,eAAAC;AACF,GAAwB;AACtB,QAAMC,IAAcF,EAAQ,KAAK,CAACG,MAAOA,EAAG,SAASL,CAAK,GAAG;AAC7D,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAM;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,IAAAR;AAAA,QACA,OAAAC;AAAA,QACA,UAAU,CAACQ,GAAIC,MAAS;AACtB,UAAAN,EAAcM,EAAK,SAAS,EAAE;AAAA,QAChC;AAAA,QACA,UAAAR;AAAA,QAEC,UAAAC,EAAQ,IAAI,CAACQ,MACZ,gBAAAJ,EAAC,UAAA,EAAoB,OAAOI,EAAE,MAC3B,UAAAA,EAAE,MAAA,GADQA,EAAE,IAEf,CACD;AAAA,MAAA;AAAA,IAAA;AAAA,IAEFN,KACC,gBAAAE,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACK,GAAA,EAAU,aAAY,EAAA,CACzB;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/lib/view_layout/ViewTitle.js

@@ -1,8 +1,8 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
-import { makeStyles as y, Button as r, Title3 as x, Menu as b, MenuTrigger as g, MenuPopover as C, MenuList as I, MenuItem as k } from "@fluentui/react-components";
-import { ArrowLeftFilled as A, MoreVerticalFilled as M, AddSquareRegular as N, DeleteRegular as j } from "@fluentui/react-icons";
-import { isFunction as v } from "lodash-es";
-const B = y({
+import { makeStyles as h, Button as r, Title3 as y, Menu as x, MenuTrigger as b, MenuPopover as g, MenuList as C, MenuItem as I } from "@fluentui/react-components";
+import { ArrowLeftFilled as k, MoreVerticalFilled as A, AddSquareRegular as M, DeleteRegular as N } from "@fluentui/react-icons";
+import { isFunction as j } from "lodash-es";
+const v = h({
   root: {
     display: "flex",
     align: "center",
@@ -34,38 +34,37 @@ const B = y({
     justifyContent: "flex-end"
   }
 });
-function E({
+function w({
   children: l,
   onBack: t,
   actions: i
 }) {
-  const s = B(), d = v(t), o = (i ?? []).filter((e) => e.type === "ADDITIONAL"), p = (i ?? []).filter((e) => e.type === "SECONDARY"), u = (i ?? []).filter((e) => e.type === "PRIMARY"), m = () => {
+  const s = v(), d = j(t), o = (i ?? []).filter((e) => e.type === "ADDITIONAL"), p = (i ?? []).filter((e) => e.type === "SECONDARY"), u = (i ?? []).filter((e) => e.type === "PRIMARY"), f = () => {
     d && t && t();
   }, a = async (e) => {
-    var f;
-    (f = (i ?? []).find((h) => h.id === e)) == null || f.onClick();
+    (i ?? []).find((m) => m.id === e)?.onClick();
   };
   return /* @__PURE__ */ c("div", { className: s.root, children: [
-    d && /* @__PURE__ */ n("div", { className: s.backButton, children: /* @__PURE__ */ n(r, { icon: /* @__PURE__ */ n(A, {}), appearance: "subtle", onClick: m }) }),
-    /* @__PURE__ */ n("div", { className: s.title, children: /* @__PURE__ */ n(x, { children: l }) }),
+    d && /* @__PURE__ */ n("div", { className: s.backButton, children: /* @__PURE__ */ n(r, { icon: /* @__PURE__ */ n(k, {}), appearance: "subtle", onClick: f }) }),
+    /* @__PURE__ */ n("div", { className: s.title, children: /* @__PURE__ */ n(y, { children: l }) }),
     /* @__PURE__ */ c("div", { className: s.actions, children: [
       p.length > 0 && p.map((e) => /* @__PURE__ */ n(r, { disabled: e.disabled, appearance: "secondary", onClick: () => a(e.id), children: e.label }, e.id)),
       u.length > 0 && u.map((e) => /* @__PURE__ */ n(r, { disabled: e.disabled, appearance: "primary", onClick: () => a(e.id), children: e.label }, e.id))
     ] }),
-    /* @__PURE__ */ n("div", { className: s.moreActions, children: o.length > 0 && /* @__PURE__ */ c(b, { positioning: { autoSize: !0 }, children: [
-      /* @__PURE__ */ n(g, { disableButtonEnhancement: !0, children: /* @__PURE__ */ n(r, { icon: /* @__PURE__ */ n(M, {}) }) }),
-      /* @__PURE__ */ n(C, { children: /* @__PURE__ */ n(I, { children: o.map((e) => /* @__PURE__ */ n(R, { action: e, onClick: a }, e.id)) }) })
+    /* @__PURE__ */ n("div", { className: s.moreActions, children: o.length > 0 && /* @__PURE__ */ c(x, { positioning: { autoSize: !0 }, children: [
+      /* @__PURE__ */ n(b, { disableButtonEnhancement: !0, children: /* @__PURE__ */ n(r, { icon: /* @__PURE__ */ n(A, {}) }) }),
+      /* @__PURE__ */ n(g, { children: /* @__PURE__ */ n(C, { children: o.map((e) => /* @__PURE__ */ n(L, { action: e, onClick: a }, e.id)) }) })
     ] }) })
   ] });
 }
-function L() {
+function B() {
   return /* @__PURE__ */ n("span", {});
 }
-function R({ action: l, onClick: t }) {
+function L({ action: l, onClick: t }) {
   let i;
-  return l.icon === "plus" ? i = N : l.icon === "trash" ? i = j : i = L, /* @__PURE__ */ n(k, { disabled: l.disabled, onClick: () => t(l.id), icon: /* @__PURE__ */ n(i, {}), children: l.label });
+  return l.icon === "plus" ? i = M : l.icon === "trash" ? i = N : i = B, /* @__PURE__ */ n(I, { disabled: l.disabled, onClick: () => t(l.id), icon: /* @__PURE__ */ n(i, {}), children: l.label });
 }
 export {
-  E as ViewTitle
+  w as ViewTitle
 };
 //# sourceMappingURL=ViewTitle.js.map

package/dist/lib/view_layout/ViewTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewTitle.js","sources":["../../../src/lib/view_layout/ViewTitle.tsx"],"sourcesContent":["import {\n  Button,\n  makeStyles,\n  Menu,\n  MenuItem,\n  MenuList,\n  MenuPopover,\n  MenuTrigger,\n  Title3,\n} from \"@fluentui/react-components\";\nimport { AddSquareRegular, ArrowLeftFilled, DeleteRegular, MoreVerticalFilled } from \"@fluentui/react-icons\";\nimport { isFunction } from \"lodash-es\";\nimport { ReactNode } from \"react\";\n\nexport interface Action {\n  id: string;\n  label: string;\n  icon?: \"plus\" | \"trash\";\n  onClick: () => any;\n  disabled?: boolean;\n  type: \"PRIMARY\" | \"SECONDARY\" | \"ADDITIONAL\";\n}\n\nconst useStyles = makeStyles({\n  root: {\n    display: \"flex\",\n    align: \"center\",\n    justify: \"space-between\",\n    justifyContent: \"center\",\n    height: \"48px\",\n  },\n  title: {\n    flex: 1,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  backButton: {\n    flex: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n  },\n  actions: {\n    flex: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  moreActions: {\n    flex: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n    minWidth: \"48px\",\n    justifyContent: \"flex-end\",\n  },\n});\n\n/**\n * Zone de titre d'une vue\n */\nexport function ViewTitle({\n  children,\n  onBack,\n  actions,\n}: {\n  /** Titre de la vue (en tout cas ce que l'on met dans la zone de titre) */\n  children: ReactNode;\n  /** Si spécifié, on ajoute une fleche \"back\" pour revenir en arrière */\n  onBack?: () => void;\n  /** Liste d'actions a ajouter à droite dans la zone d'actions */\n  actions?: Action[];\n}) {\n  const styles = useStyles();\n\n  const displayBackButton = isFunction(onBack);\n  const additionalList = (actions ?? []).filter((it) => it.type === \"ADDITIONAL\");\n  const secondaryList = (actions ?? []).filter((it) => it.type === \"SECONDARY\");\n  const primary = (actions ?? []).filter((it) => it.type === \"PRIMARY\");\n  const handleBack = () => {\n    if (displayBackButton && onBack) onBack();\n  };\n  const handleClick = async (id: string) => {\n    (actions ?? []).find((it) => it.id === id)?.onClick();\n  };\n  return (\n    <div className={styles.root}>\n      {displayBackButton && (\n        <div className={styles.backButton}>\n          <Button icon={<ArrowLeftFilled />} appearance=\"subtle\" onClick={handleBack} />\n        </div>\n      )}\n      <div className={styles.title}>\n        <Title3>{children}</Title3>\n      </div>\n      <div className={styles.actions}>\n        {secondaryList.length > 0 &&\n          secondaryList.map((it) => (\n            <Button key={it.id} disabled={it.disabled} appearance=\"secondary\" onClick={() => handleClick(it.id)}>\n              {it.label}\n            </Button>\n          ))}\n        {primary.length > 0 &&\n          primary.map((it) => (\n            <Button key={it.id} disabled={it.disabled} appearance=\"primary\" onClick={() => handleClick(it.id)}>\n              {it.label}\n            </Button>\n          ))}\n      </div>\n      <div className={styles.moreActions}>\n        {additionalList.length > 0 && (\n          <Menu positioning={{ autoSize: true }}>\n            <MenuTrigger disableButtonEnhancement>\n              <Button icon={<MoreVerticalFilled />} />\n            </MenuTrigger>\n            <MenuPopover>\n              <MenuList>\n                {additionalList.map((it) => (\n                  <AdditionalActionMenuItem key={it.id} action={it} onClick={handleClick} />\n                ))}\n              </MenuList>\n            </MenuPopover>\n          </Menu>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyIcon() {\n  return <span />;\n}\n\nfunction AdditionalActionMenuItem({ action, onClick }: { action: Action; onClick: (id: string) => void }) {\n  let Icon: any;\n  if (action.icon === \"plus\") {\n    Icon = AddSquareRegular;\n  } else if (action.icon === \"trash\") {\n    Icon = DeleteRegular;\n  } else {\n    Icon = EmptyIcon;\n  }\n  return (\n    <MenuItem disabled={action.disabled} onClick={() => onClick(action.id)} icon={<Icon />}>\n      {action.label}\n    </MenuItem>\n  );\n}\n"],"names":["useStyles","makeStyles","ViewTitle","children","onBack","actions","styles","displayBackButton","isFunction","additionalList","it","secondaryList","primary","handleBack","handleClick","id","_a","jsxs","jsx","Button","ArrowLeftFilled","Title3","Menu","MenuTrigger","MoreVerticalFilled","MenuPopover","MenuList","AdditionalActionMenuItem","EmptyIcon","action","onClick","Icon","AddSquareRegular","DeleteRegular","MenuItem"],"mappings":"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"}
+{"version":3,"file":"ViewTitle.js","sources":["../../../src/lib/view_layout/ViewTitle.tsx"],"sourcesContent":["import {\n  Button,\n  makeStyles,\n  Menu,\n  MenuItem,\n  MenuList,\n  MenuPopover,\n  MenuTrigger,\n  Title3,\n} from \"@fluentui/react-components\";\nimport { AddSquareRegular, ArrowLeftFilled, DeleteRegular, MoreVerticalFilled } from \"@fluentui/react-icons\";\nimport { isFunction } from \"lodash-es\";\nimport { ReactNode } from \"react\";\n\nexport interface Action {\n  id: string;\n  label: string;\n  icon?: \"plus\" | \"trash\";\n  onClick: () => any;\n  disabled?: boolean;\n  type: \"PRIMARY\" | \"SECONDARY\" | \"ADDITIONAL\";\n}\n\nconst useStyles = makeStyles({\n  root: {\n    display: \"flex\",\n    align: \"center\",\n    justify: \"space-between\",\n    justifyContent: \"center\",\n    height: \"48px\",\n  },\n  title: {\n    flex: 1,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  backButton: {\n    flex: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"flex-start\",\n  },\n  actions: {\n    flex: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n  },\n  moreActions: {\n    flex: 0,\n    display: \"flex\",\n    alignItems: \"center\",\n    minWidth: \"48px\",\n    justifyContent: \"flex-end\",\n  },\n});\n\n/**\n * Zone de titre d'une vue\n */\nexport function ViewTitle({\n  children,\n  onBack,\n  actions,\n}: {\n  /** Titre de la vue (en tout cas ce que l'on met dans la zone de titre) */\n  children: ReactNode;\n  /** Si spécifié, on ajoute une fleche \"back\" pour revenir en arrière */\n  onBack?: () => void;\n  /** Liste d'actions a ajouter à droite dans la zone d'actions */\n  actions?: Action[];\n}) {\n  const styles = useStyles();\n\n  const displayBackButton = isFunction(onBack);\n  const additionalList = (actions ?? []).filter((it) => it.type === \"ADDITIONAL\");\n  const secondaryList = (actions ?? []).filter((it) => it.type === \"SECONDARY\");\n  const primary = (actions ?? []).filter((it) => it.type === \"PRIMARY\");\n  const handleBack = () => {\n    if (displayBackButton && onBack) onBack();\n  };\n  const handleClick = async (id: string) => {\n    (actions ?? []).find((it) => it.id === id)?.onClick();\n  };\n  return (\n    <div className={styles.root}>\n      {displayBackButton && (\n        <div className={styles.backButton}>\n          <Button icon={<ArrowLeftFilled />} appearance=\"subtle\" onClick={handleBack} />\n        </div>\n      )}\n      <div className={styles.title}>\n        <Title3>{children}</Title3>\n      </div>\n      <div className={styles.actions}>\n        {secondaryList.length > 0 &&\n          secondaryList.map((it) => (\n            <Button key={it.id} disabled={it.disabled} appearance=\"secondary\" onClick={() => handleClick(it.id)}>\n              {it.label}\n            </Button>\n          ))}\n        {primary.length > 0 &&\n          primary.map((it) => (\n            <Button key={it.id} disabled={it.disabled} appearance=\"primary\" onClick={() => handleClick(it.id)}>\n              {it.label}\n            </Button>\n          ))}\n      </div>\n      <div className={styles.moreActions}>\n        {additionalList.length > 0 && (\n          <Menu positioning={{ autoSize: true }}>\n            <MenuTrigger disableButtonEnhancement>\n              <Button icon={<MoreVerticalFilled />} />\n            </MenuTrigger>\n            <MenuPopover>\n              <MenuList>\n                {additionalList.map((it) => (\n                  <AdditionalActionMenuItem key={it.id} action={it} onClick={handleClick} />\n                ))}\n              </MenuList>\n            </MenuPopover>\n          </Menu>\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction EmptyIcon() {\n  return <span />;\n}\n\nfunction AdditionalActionMenuItem({ action, onClick }: { action: Action; onClick: (id: string) => void }) {\n  let Icon: any;\n  if (action.icon === \"plus\") {\n    Icon = AddSquareRegular;\n  } else if (action.icon === \"trash\") {\n    Icon = DeleteRegular;\n  } else {\n    Icon = EmptyIcon;\n  }\n  return (\n    <MenuItem disabled={action.disabled} onClick={() => onClick(action.id)} icon={<Icon />}>\n      {action.label}\n    </MenuItem>\n  );\n}\n"],"names":["useStyles","makeStyles","ViewTitle","children","onBack","actions","styles","displayBackButton","isFunction","additionalList","it","secondaryList","primary","handleBack","handleClick","id","jsxs","jsx","Button","ArrowLeftFilled","Title3","Menu","MenuTrigger","MoreVerticalFilled","MenuPopover","MenuList","AdditionalActionMenuItem","EmptyIcon","action","onClick","Icon","AddSquareRegular","DeleteRegular","MenuItem"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seij/common-ui",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -10,19 +10,19 @@
   "dependencies": {
     "@fluentui/react-components": "9.72.9",
     "@fluentui/react-icons": "2.0.316",
-    "@seij/common-types": "0.1.3",
     "i18next": "25.7.3",
-    "date-fns": "4.1.0",
+    "@seij/common-types": "0.1.3",
+    "rifm": "0.12.1",
     "i18next-icu": "2.4.1",
-    "lodash-es": "4.17.22",
-    "rifm": "0.12.1"
+    "date-fns": "4.1.0",
+    "lodash-es": "4.17.22"
   },
   "devDependencies": {
     "@types/lodash-es": "4.17.12"
   },
   "peerDependencies": {
-    "react-dom": "18.3.1",
-    "react": "18.3.1"
+    "react-dom": "19.2.3",
+    "react": "19.2.3"
   },
   "exports": {
     ".": {