@seij/common-ui 0.0.1

package/dist/lib/view_layout/ViewTitle.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface Action {
+    id: string;
+    label: string;
+    icon?: "plus" | "trash";
+    onClick: () => any;
+    disabled?: boolean;
+    type: "PRIMARY" | "SECONDARY" | "ADDITIONAL";
+}
+/**
+ * Zone de titre d'une vue
+ */
+export declare function ViewTitle({ children, onBack, actions, }: {
+    /** Titre de la vue (en tout cas ce que l'on met dans la zone de titre) */
+    children: ReactNode;
+    /** Si spécifié, on ajoute une fleche "back" pour revenir en arrière */
+    onBack?: () => void;
+    /** Liste d'actions a ajouter à droite dans la zone d'actions */
+    actions?: Action[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewTitle.d.ts.map

package/dist/lib/view_layout/ViewTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewTitle.d.ts","sourceRoot":"","sources":["../../../src/lib/view_layout/ViewTitle.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB,OAAO,EAAE,MAAM,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,CAAC;CAC9C;AAmCD;;GAEG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE;IACD,0EAA0E;IAC1E,QAAQ,EAAE,SAAS,CAAC;IACpB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,2CAuDA"}

package/dist/lib/view_layout/ViewTitle.js

@@ -0,0 +1,71 @@
+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({
+  root: {
+    display: "flex",
+    align: "center",
+    justify: "space-between",
+    justifyContent: "center",
+    height: "48px"
+  },
+  title: {
+    flex: 1,
+    display: "flex",
+    alignItems: "center"
+  },
+  backButton: {
+    flex: 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "flex-start"
+  },
+  actions: {
+    flex: 0,
+    display: "flex",
+    alignItems: "center"
+  },
+  moreActions: {
+    flex: 0,
+    display: "flex",
+    alignItems: "center",
+    minWidth: "48px",
+    justifyContent: "flex-end"
+  }
+});
+function E({
+  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 = () => {
+    d && t && t();
+  }, a = async (e) => {
+    var f;
+    (f = (i ?? []).find((h) => h.id === e)) == null || f.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 }) }),
+    /* @__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)) }) })
+    ] }) })
+  ] });
+}
+function L() {
+  return /* @__PURE__ */ n("span", {});
+}
+function R({ 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 });
+}
+export {
+  E as ViewTitle
+};
+//# sourceMappingURL=ViewTitle.js.map

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

@@ -0,0 +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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"}

package/dist/lib/year/InputDurationYears.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { InputNumberProps } from '../number/InputNumber';
+export interface InputDurationYearProps extends InputNumberProps {
+}
+/**
+ * Un input special annee.
+ */
+export declare const InputDurationYears: React.FC<InputDurationYearProps>;
+//# sourceMappingURL=InputDurationYears.d.ts.map

package/dist/lib/year/InputDurationYears.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDurationYears.d.ts","sourceRoot":"","sources":["../../../src/lib/year/InputDurationYears.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAGtE,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;CAAG;AAEnE;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAe/D,CAAC"}

package/dist/lib/year/InputDurationYears.js

@@ -0,0 +1,22 @@
+import { jsx as n } from "react/jsx-runtime";
+import { InputNumber as a } from "../number/InputNumber.js";
+import { useI18n as u } from "../i18n/i18n.react.js";
+const p = (t) => {
+  const { ...o } = t, { t: r } = u(), e = r("InputDurationYears_unit");
+  return /* @__PURE__ */ n(
+    a,
+    {
+      decimalScale: 0,
+      allowNegative: !1,
+      inputMode: "numeric",
+      thousandSeparator: !1,
+      size: 4,
+      unit: e,
+      ...o
+    }
+  );
+};
+export {
+  p as InputDurationYears
+};
+//# sourceMappingURL=InputDurationYears.js.map

package/dist/lib/year/InputDurationYears.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputDurationYears.js","sources":["../../../src/lib/year/InputDurationYears.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputNumber, InputNumberProps } from \"../number/InputNumber\";\nimport { useI18n } from \"../i18n/i18n.react\";\n\nexport interface InputDurationYearProps extends InputNumberProps {}\n\n/**\n * Un input special annee.\n */\nexport const InputDurationYears: React.FC<InputDurationYearProps> = (props) => {\n  const { ...other } = props;\n  const { t } = useI18n();\n  const unit = t(\"InputDurationYears_unit\");\n  return (\n    <InputNumber\n      decimalScale={0}\n      allowNegative={false}\n      inputMode=\"numeric\"\n      thousandSeparator={false}\n      size={4}\n      unit={unit}\n      {...other}\n    />\n  );\n};\n"],"names":["InputDurationYears","props","other","t","useI18n","unit","jsx","InputNumber"],"mappings":";;;AASO,MAAMA,IAAuD,CAACC,MAAU;AAC7E,QAAM,EAAE,GAAGC,EAAA,IAAUD,GACf,EAAE,GAAAE,EAAA,IAAMC,EAAA,GACRC,IAAOF,EAAE,yBAAyB;AACxC,SACE,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,MACd,eAAe;AAAA,MACf,WAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,MAAAF;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/lib/year/InputYear.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { InputNumberProps } from '../number/InputNumber';
+export interface InputYearProps extends InputNumberProps {
+}
+/**
+ * Permet de saisir une année.
+ */
+export declare const InputYear: React.FC<InputYearProps>;
+//# sourceMappingURL=InputYear.d.ts.map

package/dist/lib/year/InputYear.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputYear.d.ts","sourceRoot":"","sources":["../../../src/lib/year/InputYear.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAe,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEtE,MAAM,WAAW,cAAe,SAAQ,gBAAgB;CAAG;AAE3D;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAc9C,CAAC"}

package/dist/lib/year/InputYear.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { InputNumber as o } from "../number/InputNumber.js";
+const i = (e) => {
+  const { ...t } = e;
+  return /* @__PURE__ */ r(
+    o,
+    {
+      decimalScale: 0,
+      allowNegative: !1,
+      inputMode: "numeric",
+      thousandSeparator: !1,
+      size: 4,
+      unit: "année",
+      ...t
+    }
+  );
+};
+export {
+  i as InputYear
+};
+//# sourceMappingURL=InputYear.js.map

package/dist/lib/year/InputYear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputYear.js","sources":["../../../src/lib/year/InputYear.tsx"],"sourcesContent":["import React from \"react\";\nimport { InputNumber, InputNumberProps } from \"../number/InputNumber\";\n\nexport interface InputYearProps extends InputNumberProps {}\n\n/**\n * Permet de saisir une année.\n */\nexport const InputYear: React.FC<InputYearProps> = (props) => {\n  const { ...other } = props;\n\n  return (\n    <InputNumber\n      decimalScale={0}\n      allowNegative={false}\n      inputMode=\"numeric\"\n      thousandSeparator={false}\n      size={4}\n      unit={\"année\"}\n      {...other}\n    />\n  );\n};\n"],"names":["InputYear","props","other","jsx","InputNumber"],"mappings":";;AAQO,MAAMA,IAAsC,CAACC,MAAU;AAC5D,QAAM,EAAE,GAAGC,EAAA,IAAUD;AAErB,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAc;AAAA,MACd,eAAe;AAAA,MACf,WAAU;AAAA,MACV,mBAAmB;AAAA,MACnB,MAAM;AAAA,MACN,MAAM;AAAA,MACL,GAAGF;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/locales/en.d.ts

@@ -0,0 +1,8 @@
+import { Formats } from '../lib/i18n';
+import { ModuleMessages } from './interfaces';
+declare const locale: {
+    messages: ModuleMessages;
+    formats: Formats;
+};
+export default locale;
+//# sourceMappingURL=en.d.ts.map

package/dist/locales/en.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/locales/en.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,MAAM,EAAE;IAAE,QAAQ,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CA8BzD,CAAC;AACF,eAAe,MAAM,CAAC"}

package/dist/locales/en.js

@@ -0,0 +1,41 @@
+const t = {
+  messages: {
+    errorbox_unknown_error: "Unknown error: {error}",
+    errorbox_unknown_error_status: "could not find error status.",
+    InputDurationMonths_unit: "months",
+    InputDurationYears_unit: "years",
+    InputSelect_select: "Select",
+    InputCombobox_noresult: "No result",
+    ListView_search: "Search",
+    ListView_no_result: "No result"
+  },
+  formats: {
+    localdate: {
+      placeholder: "mm/dd/yyyy",
+      inputmask: "MM/dd/yyyy"
+    },
+    date: {
+      short: { dateStyle: "short" },
+      // 12/08/2025
+      medium: { dateStyle: "medium" },
+      // 12 août 2025
+      datetime: { dateStyle: "medium", timeStyle: "short" }
+      // 12 août 2025 à 14:05
+    },
+    number: {
+      currency: { style: "currency", currency: "EUR", currencyDisplay: "symbol" },
+      compact: { notation: "compact" }
+      // 1,2 M
+    },
+    list: {
+      and: { style: "short", type: "conjunction" },
+      // pommes, poires et bananes
+      or: { style: "short", type: "disjunction" }
+      // pommes, poires ou bananes
+    }
+  }
+};
+export {
+  t as default
+};
+//# sourceMappingURL=en.js.map

package/dist/locales/en.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en.js","sources":["../../src/locales/en.ts"],"sourcesContent":["import { Formats } from \"../lib/i18n\";\nimport { ModuleMessages } from \"./interfaces\";\n\nconst locale: { messages: ModuleMessages; formats: Formats } = {\n  messages: {\n    errorbox_unknown_error: \"Unknown error: {error}\",\n    errorbox_unknown_error_status: \"could not find error status.\",\n    InputDurationMonths_unit: \"months\",\n    InputDurationYears_unit: \"years\",\n    InputSelect_select: \"Select\",\n    InputCombobox_noresult: \"No result\",\n    ListView_search: \"Search\",\n    ListView_no_result: \"No result\",\n  },\n  formats: {\n    localdate: {\n      placeholder: \"mm/dd/yyyy\",\n      inputmask: \"MM/dd/yyyy\",\n    },\n    date: {\n      short: { dateStyle: \"short\" }, // 12/08/2025\n      medium: { dateStyle: \"medium\" }, // 12 août 2025\n      datetime: { dateStyle: \"medium\", timeStyle: \"short\" }, // 12 août 2025 à 14:05\n    },\n    number: {\n      currency: { style: \"currency\", currency: \"EUR\", currencyDisplay: \"symbol\" },\n      compact: { notation: \"compact\" }, // 1,2 M\n    },\n    list: {\n      and: { style: \"short\", type: \"conjunction\" }, // pommes, poires et bananes\n      or: { style: \"short\", type: \"disjunction\" }, // pommes, poires ou bananes\n    },\n  },\n};\nexport default locale;\n"],"names":["locale"],"mappings":"AAGA,MAAMA,IAAyD;AAAA,EAC7D,UAAU;AAAA,IACR,wBAAwB;AAAA,IACxB,+BAA+B;AAAA,IAC/B,0BAA0B;AAAA,IAC1B,yBAAyB;AAAA,IACzB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EAAA;AAAA,EAEtB,SAAS;AAAA,IACP,WAAW;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,IAAA;AAAA,IAEb,MAAM;AAAA,MACJ,OAAO,EAAE,WAAW,QAAA;AAAA;AAAA,MACpB,QAAQ,EAAE,WAAW,SAAA;AAAA;AAAA,MACrB,UAAU,EAAE,WAAW,UAAU,WAAW,QAAA;AAAA;AAAA,IAAQ;AAAA,IAEtD,QAAQ;AAAA,MACN,UAAU,EAAE,OAAO,YAAY,UAAU,OAAO,iBAAiB,SAAA;AAAA,MACjE,SAAS,EAAE,UAAU,UAAA;AAAA;AAAA,IAAU;AAAA,IAEjC,MAAM;AAAA,MACJ,KAAK,EAAE,OAAO,SAAS,MAAM,cAAA;AAAA;AAAA,MAC7B,IAAI,EAAE,OAAO,SAAS,MAAM,cAAA;AAAA;AAAA,IAAc;AAAA,EAC5C;AAEJ;"}

package/dist/locales/fr.d.ts

@@ -0,0 +1,8 @@
+import { Formats } from '../lib/i18n';
+import { ModuleMessages } from './interfaces';
+declare const locale: {
+    messages: ModuleMessages;
+    formats: Formats;
+};
+export default locale;
+//# sourceMappingURL=fr.d.ts.map

package/dist/locales/fr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr.d.ts","sourceRoot":"","sources":["../../src/locales/fr.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9C,QAAA,MAAM,MAAM,EAAE;IAAE,QAAQ,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CA8BzD,CAAC;AACF,eAAe,MAAM,CAAC"}

package/dist/locales/fr.js

@@ -0,0 +1,41 @@
+const t = {
+  messages: {
+    errorbox_unknown_error: "Erreur inconnue : {error}",
+    errorbox_unknown_error_status: "numéro de status d'erreur non trouvé.",
+    InputDurationMonths_unit: "mois",
+    InputDurationYears_unit: "ans",
+    InputSelect_select: "Sélectionnez",
+    InputCombobox_noresult: "Aucun résultat",
+    ListView_search: "Rechercher",
+    ListView_no_result: "Aucun résultat"
+  },
+  formats: {
+    localdate: {
+      placeholder: "jj/mm/aaaa",
+      inputmask: "dd/MM/yyyy"
+    },
+    date: {
+      short: { dateStyle: "short" },
+      // 12/08/2025
+      medium: { dateStyle: "medium" },
+      // 12 août 2025
+      datetime: { dateStyle: "medium", timeStyle: "short" }
+      // 12 août 2025 à 14:05
+    },
+    number: {
+      currency: { style: "currency", currency: "EUR", currencyDisplay: "symbol" },
+      compact: { notation: "compact" }
+      // 1,2 M
+    },
+    list: {
+      and: { style: "short", type: "conjunction" },
+      // pommes, poires et bananes
+      or: { style: "short", type: "disjunction" }
+      // pommes, poires ou bananes
+    }
+  }
+};
+export {
+  t as default
+};
+//# sourceMappingURL=fr.js.map

package/dist/locales/fr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fr.js","sources":["../../src/locales/fr.ts"],"sourcesContent":["import { Formats } from \"../lib/i18n\";\nimport { ModuleMessages } from \"./interfaces\";\n\nconst locale: { messages: ModuleMessages; formats: Formats } = {\n  messages: {\n    errorbox_unknown_error: \"Erreur inconnue : {error}\",\n    errorbox_unknown_error_status: \"numéro de status d'erreur non trouvé.\",\n    InputDurationMonths_unit: \"mois\",\n    InputDurationYears_unit: \"ans\",\n    InputSelect_select: \"Sélectionnez\",\n    InputCombobox_noresult: \"Aucun résultat\",\n    ListView_search: \"Rechercher\",\n    ListView_no_result: \"Aucun résultat\",\n  },\n  formats: {\n    localdate: {\n      placeholder: \"jj/mm/aaaa\",\n      inputmask: \"dd/MM/yyyy\",\n    },\n    date: {\n      short: { dateStyle: \"short\" }, // 12/08/2025\n      medium: { dateStyle: \"medium\" }, // 12 août 2025\n      datetime: { dateStyle: \"medium\", timeStyle: \"short\" }, // 12 août 2025 à 14:05\n    },\n    number: {\n      currency: { style: \"currency\", currency: \"EUR\", currencyDisplay: \"symbol\" },\n      compact: { notation: \"compact\" }, // 1,2 M\n    },\n    list: {\n      and: { style: \"short\", type: \"conjunction\" }, // pommes, poires et bananes\n      or: { style: \"short\", type: \"disjunction\" }, // pommes, poires ou bananes\n    },\n  },\n};\nexport default locale;\n"],"names":["locale"],"mappings":"AAGA,MAAMA,IAAyD;AAAA,EAC7D,UAAU;AAAA,IACR,wBAAwB;AAAA,IACxB,+BAA+B;AAAA,IAC/B,0BAA0B;AAAA,IAC1B,yBAAyB;AAAA,IACzB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,EAAA;AAAA,EAEtB,SAAS;AAAA,IACP,WAAW;AAAA,MACT,aAAa;AAAA,MACb,WAAW;AAAA,IAAA;AAAA,IAEb,MAAM;AAAA,MACJ,OAAO,EAAE,WAAW,QAAA;AAAA;AAAA,MACpB,QAAQ,EAAE,WAAW,SAAA;AAAA;AAAA,MACrB,UAAU,EAAE,WAAW,UAAU,WAAW,QAAA;AAAA;AAAA,IAAQ;AAAA,IAEtD,QAAQ;AAAA,MACN,UAAU,EAAE,OAAO,YAAY,UAAU,OAAO,iBAAiB,SAAA;AAAA,MACjE,SAAS,EAAE,UAAU,UAAA;AAAA;AAAA,IAAU;AAAA,IAEjC,MAAM;AAAA,MACJ,KAAK,EAAE,OAAO,SAAS,MAAM,cAAA;AAAA;AAAA,MAC7B,IAAI,EAAE,OAAO,SAAS,MAAM,cAAA;AAAA;AAAA,IAAc;AAAA,EAC5C;AAEJ;"}

package/dist/locales/interfaces.d.ts

@@ -0,0 +1,11 @@
+export type ModuleMessages = {
+    errorbox_unknown_error: string;
+    errorbox_unknown_error_status: string;
+    InputDurationMonths_unit: string;
+    InputDurationYears_unit: string;
+    InputSelect_select: string;
+    InputCombobox_noresult: string;
+    ListView_search: string;
+    ListView_no_result: string;
+};
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/locales/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/locales/interfaces.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,6BAA6B,EAAE,MAAM,CAAC;IACtC,wBAAwB,EAAE,MAAM,CAAC;IACjC,uBAAuB,EAAE,MAAM,CAAC;IAChC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC"}

package/dist/stories/utils/SeijUIProviderDecorator.d.ts

@@ -0,0 +1,2 @@
+export declare function SeijUIProviderDecorator(Story: any): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SeijUIProviderDecorator.d.ts.map

package/dist/stories/utils/SeijUIProviderDecorator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SeijUIProviderDecorator.d.ts","sourceRoot":"","sources":["../../../src/stories/utils/SeijUIProviderDecorator.tsx"],"names":[],"mappings":"AAEA,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,GAAG,2CAMjD"}

package/dist/stories/utils/StoryComponentFrame.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+/**
+ * StoryComponentFrame visually highlights the boundaries and spacing of a wrapped component.
+ * It renders a yellow background with padding, and places the child component inside a white box with a dashed border.
+ *
+ * Use this frame in Storybook to clearly see the actual margins, padding, and positioning of your component within its container.
+ */
+export declare const StoryComponentFrame: ({ title, children }: PropsWithChildren & {
+    title: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StoryComponentFrame.d.ts.map

package/dist/stories/utils/StoryComponentFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryComponentFrame.d.ts","sourceRoot":"","sources":["../../../src/stories/utils/StoryComponentFrame.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C;;;;;GAKG;AACH,eAAO,MAAM,mBAAmB,GAAI,qBAAqB,iBAAiB,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,4CAS7F,CAAC"}

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@seij/common-ui",
+  "version": "0.0.1",
+  "type": "module",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/seij-net/seij-commons-js.git"
+  },
+  "dependencies": {
+    "@seij/common-types": "0.1.2",
+    "i18next-icu": "2.4.1",
+    "@fluentui/react-components": "9.72.9",
+    "date-fns": "4.1.0",
+    "i18next": "25.7.3",
+    "rifm": "0.12.1",
+    "@fluentui/react-icons": "2.0.316",
+    "lodash-es": "4.17.22"
+  },
+  "devDependencies": {
+    "@types/lodash-es": "4.17.12"
+  },
+  "peerDependencies": {
+    "react": "18.3.1",
+    "react-dom": "18.3.1"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist/**",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "clean": "rm -rf ./dist",
+    "build": "vite build -c vite.config.ts",
+    "test": "vitest run",
+    "lint": "eslint .",
+    "typecheck": "tsc -p tsconfig.lib.json --noEmit",
+    "watch": "tsc -p tsconfig.lib.json --noEmit --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}