@seij/common-ui 0.1.1 → 0.1.3

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.3",
   "type": "module",
   "license": "Apache-2.0",
   "repository": {
@@ -9,11 +9,11 @@
   },
   "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",
     "i18next-icu": "2.4.1",
+    "@fluentui/react-icons": "2.0.316",
     "lodash-es": "4.17.22",
     "rifm": "0.12.1"
   },
@@ -21,8 +21,8 @@
     "@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": {
     ".": {

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

@@ -1,3 +0,0 @@
-import { Formats, I18n, Messages } from './i18n.types';
-export declare const createI18nEngine: (locale: string, messages: Messages, formats: Formats) => I18n;
-//# sourceMappingURL=i18n.factory.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.factory.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.factory.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,eAAO,MAAM,gBAAgB,GAAI,QAAQ,MAAM,EAAE,UAAU,QAAQ,EAAE,SAAS,OAAO,KAAG,IAwEvF,CAAC"}

package/dist/lib/i18n/i18n.factory.js

@@ -1,70 +0,0 @@
-import { isDate as s, isValid as c, format as I, parse as D, formatISO as g } from "date-fns";
-import F from "i18next";
-import w from "i18next-icu";
-import { isString as M } from "lodash-es";
-const L = (o, a, e) => {
-  const r = F.createInstance();
-  r.use(w).init({
-    debug: !0,
-    lng: o,
-    resources: { [o]: { translation: a } },
-    interpolation: { escapeValue: !1 },
-    initAsync: !1
-  });
-  const i = r.getFixedT(o), l = (t) => new Intl.DateTimeFormat(o, t && e.date[t] || void 0), d = (t) => new Intl.NumberFormat(o, t && e.number[t] || void 0), f = (t) => new Intl.ListFormat(o, t && e.list[t] || { type: "conjunction", style: "long" }), h = () => new Intl.RelativeTimeFormat(o, { numeric: "auto" });
-  return {
-    t(t, n) {
-      return console.log(r), i(t, n);
-    },
-    rich(t, n) {
-      return i(t, n);
-    },
-    formatDate(t, n) {
-      return l(n).format(t);
-    },
-    formatNumber(t, n) {
-      return d(n).format(t);
-    },
-    formatList(t, n) {
-      return f(n).format(t);
-    },
-    formatRelative(t) {
-      const n = (Number(t) - Date.now()) / 1e3, u = Math.abs(n), m = u < 60 ? "second" : u < 3600 ? "minute" : u < 86400 ? "hour" : u < 2592e3 ? "day" : u < 31536e3 ? "month" : "year", p = Math.round(m === "second" ? n : m === "minute" ? n / 60 : m === "hour" ? n / 3600 : m === "day" ? n / 86400 : m === "month" ? n / 2592e3 : n / 31536e3);
-      return h().format(p, m);
-    },
-    localDatePlaceholder: e.localdate.placeholder,
-    localDateInputMask: e.localdate.inputmask,
-    localDateFormattedToISO: (t) => b(t, e.localdate.inputmask),
-    localDateISOToFormattedInput: (t) => T(t, e.localdate.inputmask),
-    monthList: S(o),
-    getLocale() {
-      return o;
-    }
-  };
-};
-function b(o, a) {
-  const e = D(
-    o,
-    a,
-    /* @__PURE__ */ new Date()
-    // { locale: fr }
-  );
-  return !s(e) || !c(e) ? "" : g(e, { representation: "date" });
-}
-const T = (o, a) => {
-  let e;
-  if (M(o)) {
-    const r = new Date(o);
-    s(r) && c(r) ? e = I(r, a) : e = "";
-  } else
-    e = "";
-  return e;
-};
-function S(o) {
-  const a = new Intl.DateTimeFormat(o, { month: "long" });
-  return Array.from({ length: 12 }, (r, i) => a.format(new Date(2e3, i, 1))).map((r, i) => ({ code: i + 1, label: r }));
-}
-export {
-  L as createI18nEngine
-};
-//# sourceMappingURL=i18n.factory.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"i18n.factory.js","sources":["../../../src/lib/i18n/i18n.factory.ts"],"sourcesContent":["// adapter-i18next.ts (exemple d’implémentation)\nimport { format, formatISO, isDate, isValid, parse } from \"date-fns\";\nimport i18next from \"i18next\";\nimport ICU from \"i18next-icu\";\nimport { isString } from \"lodash-es\";\nimport { Formats, I18n, Messages } from \"./i18n.types\";\n\nexport const createI18nEngine = (locale: string, messages: Messages, formats: Formats): I18n => {\n  const inst = i18next.createInstance();\n  inst.use(ICU).init({\n    debug: true,\n    lng: locale,\n    resources: { [locale]: { translation: messages } },\n    interpolation: { escapeValue: false },\n    initAsync: false,\n  });\n\n  const t = inst.getFixedT(locale);\n  const dtf = (style?: string) => new Intl.DateTimeFormat(locale, (style && formats.date[style]) || undefined);\n  const nf = (style?: string) => new Intl.NumberFormat(locale, (style && formats.number[style]) || undefined);\n  const lf = (style?: string) =>\n    new Intl.ListFormat(locale, (style && formats.list[style]) || { type: \"conjunction\", style: \"long\" });\n  const rtf = () => new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n\n  return {\n    t(id, values) {\n      console.log(inst);\n      return t(id, values);\n    },\n    rich(id, values) {\n      return t(id, values);\n    },\n    formatDate(d, style) {\n      return dtf(style).format(d);\n    },\n    formatNumber(n, style) {\n      return nf(style).format(n);\n    },\n    formatList(items, style) {\n      return lf(style).format(items);\n    },\n    formatRelative(d) {\n      const diff = (Number(d) - Date.now()) / 1000;\n      const abs = Math.abs(diff);\n      const unit =\n        abs < 60\n          ? \"second\"\n          : abs < 3600\n            ? \"minute\"\n            : abs < 86400\n              ? \"hour\"\n              : abs < 2592000\n                ? \"day\"\n                : abs < 31536000\n                  ? \"month\"\n                  : \"year\";\n      const value =\n        unit === \"second\"\n          ? Math.round(diff)\n          : unit === \"minute\"\n            ? Math.round(diff / 60)\n            : unit === \"hour\"\n              ? Math.round(diff / 3600)\n              : unit === \"day\"\n                ? Math.round(diff / 86400)\n                : unit === \"month\"\n                  ? Math.round(diff / 2592000)\n                  : Math.round(diff / 31536000);\n      return rtf().format(value, unit as Intl.RelativeTimeFormatUnit);\n    },\n    localDatePlaceholder: formats.localdate.placeholder,\n    localDateInputMask: formats.localdate.inputmask,\n    localDateFormattedToISO: (str: string) => localDateFormattedToISO(str, formats.localdate.inputmask),\n    localDateISOToFormattedInput: (str: string) => localDateISOToFormattedInput(str, formats.localdate.inputmask),\n    monthList: getMonthNames(locale),\n    getLocale() {\n      return locale;\n    },\n  };\n};\n\nfunction localDateFormattedToISO(str: string, inputMask: string): string {\n  const parsed = parse(\n    str,\n    inputMask,\n    new Date(),\n    // { locale: fr }\n  );\n  if (!isDate(parsed) || !isValid(parsed)) return \"\";\n  return formatISO(parsed, { representation: \"date\" });\n}\n\nconst localDateISOToFormattedInput = (str: string, inputMask: string): string => {\n  let result;\n  if (isString(str)) {\n    const date = new Date(str);\n    if (isDate(date) && isValid(date)) {\n      result = format(date, inputMask);\n    } else {\n      result = \"\";\n    }\n  } else {\n    result = \"\";\n  }\n  return result;\n};\nfunction getMonthNames(locale: string): { code: number; label: string }[] {\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n  const months = Array.from({ length: 12 }, (_, i) => formatter.format(new Date(2000, i, 1)));\n  return months.map((i, index) => ({ code: index + 1, label: i }));\n}\n"],"names":["createI18nEngine","locale","messages","formats","inst","i18next","ICU","t","dtf","style","nf","lf","rtf","id","values","d","n","items","diff","abs","unit","value","str","localDateFormattedToISO","localDateISOToFormattedInput","getMonthNames","inputMask","parsed","parse","isDate","isValid","formatISO","result","isString","date","format","formatter","_","i","index"],"mappings":"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"}