@seij/common-ui 0.0.1

package/dist/lib/form_layout/FormLayout.d.ts

@@ -0,0 +1,23 @@
+import { ReactElement, ReactNode } from 'react';
+export type FormLayoutType = "fluid" | "table";
+export declare function FormLayout({ children, variant }: {
+    variant?: FormLayoutType;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FormLayoutTable({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export type FormFieldHintPosition = "inline" | "infobutton";
+export declare function FormField({ label, hint, children, hintPosition, }: {
+    label: string | ReactNode;
+    hint?: ReactNode;
+    children: ReactElement;
+    hintPosition?: FormFieldHintPosition;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FormSectionTitle({ children }: {
+    children: ReactNode | ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;
+export declare function FormText({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormLayout.d.ts.map

package/dist/lib/form_layout/FormLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.d.ts","sourceRoot":"","sources":["../../../src/lib/form_layout/FormLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAiB,YAAY,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAoB3E,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAM/C,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAiB,EAAE,EAAE;IAAE,OAAO,CAAC,EAAE,cAAc,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAS5G;AAED,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAEpE;AAMD,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,YAAY,CAAC;AAU5D,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,YAA2B,GAC5B,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,YAAY,CAAC;IACvB,YAAY,CAAC,EAAE,qBAAqB,CAAC;CACtC,2CA+CA;AAqDD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,2CAMnF;AAKD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAM7D"}

package/dist/lib/form_layout/FormLayout.js

@@ -0,0 +1,102 @@
+import { jsx as o, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import { makeStyles as p, tokens as i, typographyStyles as m, makeResetStyles as F, InfoLabel as S } from "@fluentui/react-components";
+import { isString as h, isEmpty as v } from "lodash-es";
+import { createContext as x, useContext as b } from "react";
+import { obfuscateLabel as z } from "../commons/obfuscatelabel.js";
+import { SectionTitle as T } from "../typography/sectiontitle/SectionTitle.js";
+import { SwitchButton as B } from "../switchbutton/SwitchButton.js";
+const L = p({
+  fluid: {
+    display: "flex",
+    flexDirection: "column",
+    columnGap: i.spacingHorizontalM,
+    rowGap: i.spacingVerticalM
+  },
+  table: {
+    display: "grid",
+    gridTemplateColumns: "max-content auto",
+    columnGap: i.spacingHorizontalM,
+    rowGap: i.spacingVerticalM
+  }
+}), f = x({ type: "fluid" });
+function V({ children: t, variant: n = "fluid" }) {
+  const e = L(), r = n === "fluid" ? e.fluid : e.table;
+  return /* @__PURE__ */ o(f.Provider, { value: { type: n }, children: /* @__PURE__ */ o("div", { className: r, children: t }) });
+}
+function R({ children: t }) {
+  return /* @__PURE__ */ o(V, { variant: "table", children: t });
+}
+const X = p({
+  childrenFluidArea: {
+    "> *": {
+      width: "100%"
+    }
+  }
+});
+function D({
+  label: t,
+  hint: n,
+  children: e,
+  hintPosition: r = "infobutton"
+}) {
+  const c = b(f), g = X(), s = n && t && r === "infobutton" ? n : null, u = n && (!t || r === "inline") ? /* @__PURE__ */ o(H, { children: n }) : null, d = h(t) && !v(t) ? z(t) : t;
+  return c.type === "table" ? /* @__PURE__ */ l(y, { children: [
+    /* @__PURE__ */ o(a, { horizontal: !0, infoButton: s, children: d }),
+    /* @__PURE__ */ l("div", { children: [
+      e,
+      u
+    ] })
+  ] }) : e && e.type === B ? /* @__PURE__ */ l("div", { style: { display: "grid", gridTemplateColumns: "auto 1fr" }, children: [
+    /* @__PURE__ */ o("div", { children: e }),
+    /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ o(a, { horizontal: !0, infoButton: s, children: d }),
+      u
+    ] })
+  ] }) : /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ o("div", { children: /* @__PURE__ */ o(a, { horizontal: !0, infoButton: s, children: d }) }),
+    /* @__PURE__ */ o("div", { className: g.childrenFluidArea, children: e }),
+    u
+  ] });
+}
+const C = p({
+  vertical: {
+    paddingTop: i.spacingVerticalXXS,
+    paddingBottom: i.spacingVerticalXXS,
+    marginBottom: i.spacingVerticalXXS,
+    ...m.body1
+  },
+  horizontal: {
+    paddingTop: i.spacingVerticalSNudge,
+    paddingBottom: i.spacingVerticalSNudge,
+    marginRight: i.spacingHorizontalM,
+    ...m.body1
+  }
+}), a = ({
+  horizontal: t = !1,
+  infoButton: n,
+  children: e
+}) => {
+  const r = C(), c = t ? r.horizontal : r.vertical;
+  return n ? /* @__PURE__ */ o(S, { info: n, children: e }) : /* @__PURE__ */ o("div", { className: c, children: e });
+}, N = F({
+  marginTop: i.spacingVerticalXXS,
+  color: i.colorNeutralForeground3,
+  ...m.caption1
+}), H = ({ children: t }) => {
+  const n = N();
+  return /* @__PURE__ */ o("div", { className: n, children: t });
+};
+function E({ children: t }) {
+  return /* @__PURE__ */ o("div", { style: { gridColumn: "span 2" }, children: /* @__PURE__ */ o(T, { children: t }) });
+}
+function q({ children: t }) {
+  return /* @__PURE__ */ o(a, { infoButton: null, horizontal: !0, children: t });
+}
+export {
+  D as FormField,
+  V as FormLayout,
+  R as FormLayoutTable,
+  E as FormSectionTitle,
+  q as FormText
+};
+//# sourceMappingURL=FormLayout.js.map

package/dist/lib/form_layout/FormLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLayout.js","sources":["../../../src/lib/form_layout/FormLayout.tsx"],"sourcesContent":["import { InfoLabel, makeResetStyles, makeStyles, tokens, typographyStyles } from \"@fluentui/react-components\";\nimport { isEmpty, isString } from \"lodash-es\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\nimport { obfuscateLabel } from \"../commons/obfuscatelabel\";\nimport { SectionTitle } from \"../typography/sectiontitle/SectionTitle\";\nimport { SwitchButton } from \"../switchbutton/SwitchButton\";\n\nconst useStylesFormLayout = makeStyles({\n  fluid: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    columnGap: tokens.spacingHorizontalM,\n    rowGap: tokens.spacingVerticalM,\n  },\n  table: {\n    display: \"grid\",\n    gridTemplateColumns: \"max-content auto\",\n    columnGap: tokens.spacingHorizontalM,\n    rowGap: tokens.spacingVerticalM,\n  },\n});\n\nexport type FormLayoutType = \"fluid\" | \"table\";\ntype FormLayoutCtxProps = {\n  type: FormLayoutType;\n};\nconst FormLayoutCtx = createContext<FormLayoutCtxProps>({ type: \"fluid\" });\n\nexport function FormLayout({ children, variant = \"fluid\" }: { variant?: FormLayoutType; children: ReactNode }) {\n  const style = useStylesFormLayout();\n\n  const styles = variant === \"fluid\" ? style.fluid : style.table;\n  return (\n    <FormLayoutCtx.Provider value={{ type: variant }}>\n      <div className={styles}>{children}</div>\n    </FormLayoutCtx.Provider>\n  );\n}\n\nexport function FormLayoutTable({ children }: { children: ReactNode }) {\n  return <FormLayout variant=\"table\">{children}</FormLayout>;\n}\n\n// -----------------------------------------------------------------------------\n// Champ de formulaire\n// -----------------------------------------------------------------------------\n\nexport type FormFieldHintPosition = \"inline\" | \"infobutton\";\n\nconst useFormFieldStyles = makeStyles({\n  childrenFluidArea: {\n    \"> *\": {\n      width: \"100%\",\n    },\n  },\n});\n\nexport function FormField({\n  label,\n  hint,\n  children,\n  hintPosition = \"infobutton\",\n}: {\n  label: string | ReactNode;\n  hint?: ReactNode;\n  children: ReactElement;\n  hintPosition?: FormFieldHintPosition;\n}) {\n  const ctx = useContext(FormLayoutCtx);\n  const styles = useFormFieldStyles();\n  const infoButtonContent = hint && label && hintPosition === \"infobutton\" ? hint : null;\n  const infoInline = hint && (!label || hintPosition === \"inline\") ? <Hint>{hint}</Hint> : null;\n\n  const labelSafe = isString(label) && !isEmpty(label) ? obfuscateLabel(label) : label;\n\n  if (ctx.type === \"table\") {\n    return (\n      <>\n        <FormFieldLabel horizontal infoButton={infoButtonContent}>\n          {labelSafe}\n        </FormFieldLabel>\n        <div>\n          {children}\n          {infoInline}\n        </div>\n      </>\n    );\n  }\n\n  if (children && children.type === SwitchButton) {\n    return (\n      <div style={{ display: \"grid\", gridTemplateColumns: \"auto 1fr\" }}>\n        <div>{children}</div>\n        <div>\n          <FormFieldLabel horizontal infoButton={infoButtonContent}>\n            {labelSafe}\n          </FormFieldLabel>\n          {infoInline}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div>\n      <div>\n        <FormFieldLabel horizontal infoButton={infoButtonContent}>\n          {labelSafe}\n        </FormFieldLabel>\n      </div>\n      <div className={styles.childrenFluidArea}>{children}</div>\n      {infoInline}\n    </div>\n  );\n}\n\n// Label d'un champ de formulaire\n// -----------------------------------------------------------------------------\n\nconst useFormFieldLabelStyles = makeStyles({\n  vertical: {\n    paddingTop: tokens.spacingVerticalXXS,\n    paddingBottom: tokens.spacingVerticalXXS,\n    marginBottom: tokens.spacingVerticalXXS,\n    ...typographyStyles.body1,\n  },\n  horizontal: {\n    paddingTop: tokens.spacingVerticalSNudge,\n    paddingBottom: tokens.spacingVerticalSNudge,\n    marginRight: tokens.spacingHorizontalM,\n    ...typographyStyles.body1,\n  },\n});\n\nconst FormFieldLabel = ({\n  horizontal = false,\n  infoButton,\n  children,\n}: {\n  horizontal?: boolean;\n  infoButton: ReactNode;\n  children: ReactNode;\n}) => {\n  const styles = useFormFieldLabelStyles();\n  const className = horizontal ? styles.horizontal : styles.vertical;\n  // return <div className={className}>{children}</div>;\n  return infoButton ? <InfoLabel info={infoButton}>{children}</InfoLabel> : <div className={className}>{children}</div>;\n  // return <InfoLabel>{children}</InfoLabel>\n};\n\n// Hint d'un champ de formulaire\n// -----------------------------------------------------------------------------\nconst useHintStyle = makeResetStyles({\n  marginTop: tokens.spacingVerticalXXS,\n  color: tokens.colorNeutralForeground3,\n  ...typographyStyles.caption1,\n});\n\nconst Hint = ({ children }: { children: ReactNode }) => {\n  const className = useHintStyle();\n  return <div className={className}>{children}</div>;\n};\n\n// -----------------------------------------------------------------------------\n// Séparation des formulaires\n// -----------------------------------------------------------------------------\n\nexport function FormSectionTitle({ children }: { children: ReactNode | ReactNode[] }) {\n  return (\n    <div style={{ gridColumn: \"span 2\" }}>\n      <SectionTitle>{children}</SectionTitle>\n    </div>\n  );\n}\n\n// -----------------------------------------------------------------------------\n// Texte read-ony a la place d'un champ de saisie\n// -----------------------------------------------------------------------------\nexport function FormText({ children }: { children: ReactNode }) {\n  return (\n    <FormFieldLabel infoButton={null} horizontal>\n      {children}\n    </FormFieldLabel>\n  );\n}\n"],"names":["useStylesFormLayout","makeStyles","tokens","FormLayoutCtx","createContext","FormLayout","children","variant","style","styles","jsx","FormLayoutTable","useFormFieldStyles","FormField","label","hint","hintPosition","ctx","useContext","infoButtonContent","infoInline","Hint","labelSafe","isString","isEmpty","obfuscateLabel","jsxs","Fragment","FormFieldLabel","SwitchButton","useFormFieldLabelStyles","typographyStyles","horizontal","infoButton","className","InfoLabel","useHintStyle","makeResetStyles","FormSectionTitle","SectionTitle","FormText"],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+export type Locale = string;
+export declare function normalize(loc?: string): Locale;
+export declare function detectClientLocale(): Locale;
+export declare function detectServerLocale(opts: {
+    queryLang?: string | null;
+    cookieLang?: string | null;
+    acceptLanguage?: string | null;
+}): Locale;
+export declare function setUserLocale(loc: string): string;
+//# sourceMappingURL=i18n.detect.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.detect.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.detect.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC;AAK5B,wBAAgB,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAM9C;AAmBD,wBAAgB,kBAAkB,IAAI,MAAM,CAO3C;AAGD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAChC,GAAG,MAAM,CAGT;AAGD,wBAAgB,aAAa,CAAC,GAAG,EAAE,MAAM,UAKxC"}

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

@@ -0,0 +1,30 @@
+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 i() {
+  var n;
+  if (!(typeof navigator > "u"))
+    return ((n = navigator.languages) == null ? void 0 : n[0]) || navigator.language;
+}
+function a() {
+  if (!(typeof window > "u"))
+    return localStorage.getItem("locale") || void 0;
+}
+function u() {
+  if (!(typeof window > "u"))
+    return new URLSearchParams(window.location.search).get("lang") || void 0;
+}
+function f() {
+  return r(
+    u() || a() || // fromHtmlLang() ||
+    i()
+  );
+}
+export {
+  f as detectClientLocale,
+  r as normalize
+};
+//# sourceMappingURL=i18n.detect.js.map

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

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

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

@@ -0,0 +1,3 @@
+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

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

@@ -0,0 +1,70 @@
+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

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

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { Formats, I18n, Messages } from './i18n.types';
+type Loader = (locale: string) => Promise<{
+    messages: Messages;
+    formats: Formats;
+}>;
+export interface I18nProviderProps {
+    children: React.ReactNode;
+    /** SSR hydrate */
+    initialLocale?: string;
+    /** for tests, storybook, preview */
+    forcedLocale?: string;
+    /** Lazy loading by locale of messages and formats (promise) */
+    load: Loader;
+}
+export declare function I18nProvider({ children, initialLocale, forcedLocale, load }: I18nProviderProps): string | import("react/jsx-runtime").JSX.Element | null;
+export declare function useI18n(): I18n;
+export {};
+//# sourceMappingURL=i18n.react.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.react.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.react.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAGvF,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAEvD,KAAK,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;IAAE,QAAQ,EAAE,QAAQ,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC,CAAC;AAIpF,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;CACd;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,iBAAiB,2DAwB9F;AAED,wBAAgB,OAAO,IAAI,IAAI,CAI9B"}

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

@@ -0,0 +1,29 @@
+import { jsx as f } from "react/jsx-runtime";
+import { toProblem as I } from "@seij/common-types";
+import { createContext as d, useContext as v, useMemo as p, useState as i, useEffect as x } from "react";
+import { normalize as C, detectClientLocale as h } from "./i18n.detect.js";
+import { createI18nEngine as E } from "./i18n.factory.js";
+const m = d(null);
+function z({ children: t, initialLocale: n, forcedLocale: o, load: s }) {
+  const e = p(
+    () => C(o || n || h()),
+    [o, n]
+  ), [u, c] = i(null), [a, l] = i(null);
+  return x(() => {
+    s(e).then((r) => {
+      c(E(e, r.messages, r.formats)), l(null);
+    }).catch((r) => {
+      l(I(r));
+    });
+  }, [e, s]), a ? "Could not load locale " + e : u ? /* @__PURE__ */ f(m.Provider, { value: u, children: t }) : null;
+}
+function M() {
+  const t = v(m);
+  if (!t) throw new Error("useI18n must be used within I18nProvider");
+  return t;
+}
+export {
+  z as I18nProvider,
+  M as useI18n
+};
+//# sourceMappingURL=i18n.react.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.react.js","sources":["../../../src/lib/i18n/i18n.react.tsx"],"sourcesContent":["// i18n/I18nProvider.tsx\nimport { Problem, toProblem } from \"@seij/common-types\";\nimport React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { detectClientLocale, normalize } from \"./i18n.detect\";\nimport { createI18nEngine } from \"./i18n.factory\";\nimport { Formats, I18n, Messages } from \"./i18n.types\";\n\ntype Loader = (locale: string) => Promise<{ messages: Messages; formats: Formats }>;\n\nconst I18nCtx = createContext<I18n | null>(null);\n\nexport interface I18nProviderProps {\n  children: React.ReactNode;\n  /** SSR hydrate */\n  initialLocale?: string;\n  /** for tests, storybook, preview */\n  forcedLocale?: string;\n  /** Lazy loading by locale of messages and formats (promise) */\n  load: Loader;\n}\n\nexport function I18nProvider({ children, initialLocale, forcedLocale, load }: I18nProviderProps) {\n  // Detects the locale: first used the forced one, then initial, then use autodetection\n  const locale = useMemo(\n    () => normalize(forcedLocale || initialLocale || detectClientLocale()),\n    [forcedLocale, initialLocale],\n  );\n\n  const [validInstance, setValidInstance] = useState<I18n | null>(null);\n  const [error, setError] = useState<Problem | null>(null);\n\n  useEffect(() => {\n    load(locale)\n      .then((resp) => {\n        setValidInstance(createI18nEngine(locale, resp.messages, resp.formats));\n        setError(null);\n      })\n      .catch((err) => {\n        setError(toProblem(err));\n      });\n  }, [locale, load]);\n\n  if (error) return \"Could not load locale \" + locale;\n  if (!validInstance) return null;\n  return <I18nCtx.Provider value={validInstance}>{children}</I18nCtx.Provider>;\n}\n\nexport function useI18n(): I18n {\n  const v = useContext(I18nCtx);\n  if (!v) throw new Error(\"useI18n must be used within I18nProvider\");\n  return v;\n}\n"],"names":["I18nCtx","createContext","I18nProvider","children","initialLocale","forcedLocale","load","locale","useMemo","normalize","detectClientLocale","validInstance","setValidInstance","useState","error","setError","useEffect","resp","createI18nEngine","err","toProblem","useI18n","v","useContext"],"mappings":";;;;;AASA,MAAMA,IAAUC,EAA2B,IAAI;AAYxC,SAASC,EAAa,EAAE,UAAAC,GAAU,eAAAC,GAAe,cAAAC,GAAc,MAAAC,KAA2B;AAE/F,QAAMC,IAASC;AAAA,IACb,MAAMC,EAAUJ,KAAgBD,KAAiBM,GAAoB;AAAA,IACrE,CAACL,GAAcD,CAAa;AAAA,EAAA,GAGxB,CAACO,GAAeC,CAAgB,IAAIC,EAAsB,IAAI,GAC9D,CAACC,GAAOC,CAAQ,IAAIF,EAAyB,IAAI;AAavD,SAXAG,EAAU,MAAM;AACd,IAAAV,EAAKC,CAAM,EACR,KAAK,CAACU,MAAS;AACd,MAAAL,EAAiBM,EAAiBX,GAAQU,EAAK,UAAUA,EAAK,OAAO,CAAC,GACtEF,EAAS,IAAI;AAAA,IACf,CAAC,EACA,MAAM,CAACI,MAAQ;AACd,MAAAJ,EAASK,EAAUD,CAAG,CAAC;AAAA,IACzB,CAAC;AAAA,EACL,GAAG,CAACZ,GAAQD,CAAI,CAAC,GAEbQ,IAAc,2BAA2BP,IACxCI,sBACGX,EAAQ,UAAR,EAAiB,OAAOW,GAAgB,UAAAR,GAAS,IAD9B;AAE7B;AAEO,SAASkB,IAAgB;AAC9B,QAAMC,IAAIC,EAAWvB,CAAO;AAC5B,MAAI,CAACsB,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAOA;AACT;"}

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

@@ -0,0 +1,28 @@
+export type Messages = Record<string, string>;
+export type Formats = {
+    localdate: {
+        placeholder: string;
+        inputmask: string;
+    };
+    date: Record<string, Intl.DateTimeFormatOptions>;
+    number: Record<string, Intl.NumberFormatOptions>;
+    list: Record<string, Intl.ListFormatOptions>;
+};
+export interface I18n {
+    t(id: string, values?: Record<string, unknown>): string;
+    rich(id: string, values?: Record<string, unknown | ((chunks: string) => React.ReactNode)>): React.ReactNode;
+    formatDate(d: Date | number, style?: string): string;
+    formatNumber(n: number, style?: string): string;
+    formatList(items: string[], style?: string): string;
+    formatRelative(d: Date | number): string;
+    localDatePlaceholder: string;
+    localDateInputMask: string;
+    localDateFormattedToISO: (str: string) => string;
+    localDateISOToFormattedInput: (str: string) => string;
+    monthList: {
+        code: number;
+        label: string;
+    }[];
+    getLocale(): string;
+}
+//# sourceMappingURL=i18n.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.types.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.types.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC9C,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE;QACT,WAAW,EAAE,MAAM,CAAC;QACpB,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,mBAAmB,CAAC,CAAC;IACjD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC;CAC9C,CAAC;AAEF,MAAM,WAAW,IAAI;IACnB,CAAC,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAAC;IACxD,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC;IAC5G,UAAU,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACrD,YAAY,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChD,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpD,cAAc,CAAC,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IACzC,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,uBAAuB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,4BAA4B,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC7C,SAAS,IAAI,MAAM,CAAC;CACrB"}

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

@@ -0,0 +1,3 @@
+export * from './i18n.types';
+export * from './i18n.factory';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}

package/dist/lib/info_box/InfoBox.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export declare function InfoBox({ children, intent, className, }: {
+    children: ReactNode;
+    intent: "info" | "warning" | "error" | "success";
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InfoBox.d.ts.map

package/dist/lib/info_box/InfoBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBox.d.ts","sourceRoot":"","sources":["../../../src/lib/info_box/InfoBox.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,SAAS,GACV,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAMA"}

package/dist/lib/info_box/InfoBox.js

@@ -0,0 +1,13 @@
+import { jsx as r } from "react/jsx-runtime";
+import { MessageBar as s, MessageBarBody as t } from "@fluentui/react-components";
+function i({
+  children: o,
+  intent: e,
+  className: n
+}) {
+  return /* @__PURE__ */ r(s, { intent: e, className: n, children: /* @__PURE__ */ r(t, { children: o }) });
+}
+export {
+  i as InfoBox
+};
+//# sourceMappingURL=InfoBox.js.map

package/dist/lib/info_box/InfoBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBox.js","sources":["../../../src/lib/info_box/InfoBox.tsx"],"sourcesContent":["import { MessageBar, MessageBarBody } from \"@fluentui/react-components\";\nimport { ReactNode } from \"react\";\n\nexport function InfoBox({\n  children,\n  intent,\n  className,\n}: {\n  children: ReactNode;\n  intent: \"info\" | \"warning\" | \"error\" | \"success\";\n  className?: string;\n}) {\n  return (\n    <MessageBar intent={intent} className={className}>\n      <MessageBarBody>{children}</MessageBarBody>\n    </MessageBar>\n  );\n}\n"],"names":["InfoBox","children","intent","className","MessageBar","jsx","MessageBarBody"],"mappings":";;AAGO,SAASA,EAAQ;AAAA,EACtB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAIG;AACD,2BACGC,GAAA,EAAW,QAAAF,GAAgB,WAAAC,GAC1B,UAAA,gBAAAE,EAACC,GAAA,EAAgB,UAAAL,GAAS,EAAA,CAC5B;AAEJ;"}

package/dist/lib/inlineedit/InlineEdit.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export declare function InlineEdit({ children, editor, onEditStart, onEditOK, onEditCancel, }: {
+    children?: ReactNode | ReactNode[] | null;
+    editor: ReactNode;
+    onEditStart: () => Promise<any>;
+    onEditOK: () => Promise<any>;
+    onEditCancel: () => Promise<any>;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InlineEdit.d.ts.map

package/dist/lib/inlineedit/InlineEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../../src/lib/inlineedit/InlineEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AAK5C,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,MAAM,EACN,WAAW,EACX,QAAQ,EACR,YAAY,GACb,EAAE;IACD,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,GAAG,IAAI,CAAC;IAC1C,MAAM,EAAE,SAAS,CAAC;IAClB,WAAW,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAChC,QAAQ,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;IAC7B,YAAY,EAAE,MAAM,OAAO,CAAC,GAAG,CAAC,CAAC;CAClC,2CAsEA"}

package/dist/lib/inlineedit/InlineEdit.js

@@ -0,0 +1,47 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useState as d } from "react";
+import { Tooltip as E, Button as a } from "@fluentui/react-components";
+import { toProblem as s } from "@seij/common-types";
+import { EditRegular as g } from "@fluentui/react-icons";
+function O({
+  children: f,
+  editor: h,
+  onEditStart: u,
+  onEditOK: y,
+  onEditCancel: m
+}) {
+  const [p, n] = d(!1), [c, t] = d(null), [o, i] = d(!1), v = async () => {
+    try {
+      t(null), await u(), n(!0);
+    } catch (l) {
+      t(s(l));
+    }
+  }, x = async () => {
+    try {
+      t(null), i(!0), await y(), n(!1), i(!1);
+    } catch (l) {
+      t(s(l)), i(!1);
+    }
+  }, C = async () => {
+    try {
+      t(null), i(!0), await m(), n(!1), i(!1);
+    } catch (l) {
+      t(s(l)), i(!1);
+    }
+  };
+  return p ? /* @__PURE__ */ r("div", { children: [
+    /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "flex-start" }, children: [
+      /* @__PURE__ */ e("div", { children: h }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(a, { disabled: o, onClick: x, children: "OK" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(a, { disabled: o, onClick: C, children: "Cancel" }) })
+    ] }),
+    c && /* @__PURE__ */ e("div", { style: { color: "red" }, children: c.title })
+  ] }) : /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "flex-start" }, children: [
+    /* @__PURE__ */ e("div", { children: f }),
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(E, { content: "Large with calendar icon only", relationship: "label", children: /* @__PURE__ */ e(a, { size: "small", icon: /* @__PURE__ */ e(g, {}), onClick: v }) }) })
+  ] });
+}
+export {
+  O as InlineEdit
+};
+//# sourceMappingURL=InlineEdit.js.map

package/dist/lib/inlineedit/InlineEdit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.js","sources":["../../../src/lib/inlineedit/InlineEdit.tsx"],"sourcesContent":["import { ReactNode, useState } from \"react\";\nimport { Button, Tooltip } from \"@fluentui/react-components\";\nimport { Problem, toProblem } from \"@seij/common-types\";\nimport { EditRegular } from \"@fluentui/react-icons\";\n\nexport function InlineEdit({\n  children,\n  editor,\n  onEditStart,\n  onEditOK,\n  onEditCancel,\n}: {\n  children?: ReactNode | ReactNode[] | null;\n  editor: ReactNode;\n  onEditStart: () => Promise<any>;\n  onEditOK: () => Promise<any>;\n  onEditCancel: () => Promise<any>;\n}) {\n  const [editing, setEditing] = useState<boolean>(false);\n  const [error, setError] = useState<Problem | null>(null);\n  const [pending, setPending] = useState<boolean>(false);\n\n  const handleEdit = async () => {\n    try {\n      setError(null);\n      await onEditStart();\n      setEditing(true);\n    } catch (err) {\n      setError(toProblem(err));\n    }\n  };\n\n  const handleEditOK = async () => {\n    try {\n      setError(null);\n      setPending(true);\n      await onEditOK();\n      setEditing(false);\n      setPending(false);\n    } catch (err) {\n      setError(toProblem(err));\n      setPending(false);\n    }\n  };\n  const handleEditCancel = async () => {\n    try {\n      setError(null);\n      setPending(true);\n      await onEditCancel();\n      setEditing(false);\n      setPending(false);\n    } catch (err: any) {\n      setError(toProblem(err));\n      setPending(false);\n    }\n  };\n\n  if (!editing)\n    return (\n      <div style={{ display: \"flex\", justifyContent: \"flex-start\" }}>\n        <div>{children}</div>\n        <div>\n          <Tooltip content=\"Large with calendar icon only\" relationship=\"label\">\n            <Button size=\"small\" icon={<EditRegular />} onClick={handleEdit} />\n          </Tooltip>\n        </div>\n      </div>\n    );\n\n  return (\n    <div>\n      <div style={{ display: \"flex\", justifyContent: \"flex-start\" }}>\n        <div>{editor}</div>\n        <div>\n          <Button disabled={pending} onClick={handleEditOK}>\n            OK\n          </Button>\n        </div>\n        <div>\n          <Button disabled={pending} onClick={handleEditCancel}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n      {error && <div style={{ color: \"red\" }}>{error.title}</div>}\n    </div>\n  );\n}\n"],"names":["InlineEdit","children","editor","onEditStart","onEditOK","onEditCancel","editing","setEditing","useState","error","setError","pending","setPending","handleEdit","err","toProblem","handleEditOK","handleEditCancel","jsxs","jsx","Button","Tooltip","EditRegular"],"mappings":";;;;;AAKO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AACF,GAMG;AACD,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAkB,EAAK,GAC/C,CAACC,GAAOC,CAAQ,IAAIF,EAAyB,IAAI,GACjD,CAACG,GAASC,CAAU,IAAIJ,EAAkB,EAAK,GAE/CK,IAAa,YAAY;AAC7B,QAAI;AACF,MAAAH,EAAS,IAAI,GACb,MAAMP,EAAA,GACNI,EAAW,EAAI;AAAA,IACjB,SAASO,GAAK;AACZ,MAAAJ,EAASK,EAAUD,CAAG,CAAC;AAAA,IACzB;AAAA,EACF,GAEME,IAAe,YAAY;AAC/B,QAAI;AACF,MAAAN,EAAS,IAAI,GACbE,EAAW,EAAI,GACf,MAAMR,EAAA,GACNG,EAAW,EAAK,GAChBK,EAAW,EAAK;AAAA,IAClB,SAASE,GAAK;AACZ,MAAAJ,EAASK,EAAUD,CAAG,CAAC,GACvBF,EAAW,EAAK;AAAA,IAClB;AAAA,EACF,GACMK,IAAmB,YAAY;AACnC,QAAI;AACF,MAAAP,EAAS,IAAI,GACbE,EAAW,EAAI,GACf,MAAMP,EAAA,GACNE,EAAW,EAAK,GAChBK,EAAW,EAAK;AAAA,IAClB,SAASE,GAAU;AACjB,MAAAJ,EAASK,EAAUD,CAAG,CAAC,GACvBF,EAAW,EAAK;AAAA,IAClB;AAAA,EACF;AAEA,SAAKN,sBAaF,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAY,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,gBAAgB,gBAC7C,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAK,UAAAjB,EAAA,CAAO;AAAA,MACb,gBAAAiB,EAAC,SACC,UAAA,gBAAAA,EAACC,GAAA,EAAO,UAAUT,GAAS,SAASK,GAAc,UAAA,KAAA,CAElD,EAAA,CACF;AAAA,MACA,gBAAAG,EAAC,SACC,UAAA,gBAAAA,EAACC,GAAA,EAAO,UAAUT,GAAS,SAASM,GAAkB,UAAA,SAAA,CAEtD,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACCR,uBAAU,OAAA,EAAI,OAAO,EAAE,OAAO,SAAU,UAAAA,EAAM,MAAA,CAAM;AAAA,EAAA,GACvD,IA1BE,gBAAAS,EAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,gBAAgB,gBAC7C,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAK,UAAAlB,GAAS;AAAA,sBACd,OAAA,EACC,UAAA,gBAAAkB,EAACE,KAAQ,SAAQ,iCAAgC,cAAa,SAC5D,UAAA,gBAAAF,EAACC,KAAO,MAAK,SAAQ,MAAM,gBAAAD,EAACG,GAAA,CAAA,CAAY,GAAI,SAAST,EAAA,CAAY,GACnE,EAAA,CACF;AAAA,EAAA,GACF;AAqBN;"}

package/dist/lib/listview/ListView.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react';
+export interface ListItemData {
+    id: string;
+    label: ReactNode;
+    description: ReactNode | null;
+}
+export interface ListViewProps<T extends ListItemData = ListItemData> {
+    data: T[];
+    activeId: string;
+    searchText?: string;
+    search?: (input: string) => void;
+    pathFactory: (item: T) => string;
+    navigate: (url: string) => void;
+}
+export declare function ListView<T extends ListItemData>({ data, activeId, searchText, search, pathFactory, navigate, }: ListViewProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ListView.d.ts.map

package/dist/lib/listview/ListView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../src/lib/listview/ListView.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,SAAS,GAAG,IAAI,CAAC;CAC/B;AAQD,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY;IAClE,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AACD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,IAAI,EACJ,QAAQ,EACR,UAAe,EACf,MAAM,EACN,WAAW,EACX,QAAQ,GACT,EAAE,aAAa,CAAC,CAAC,CAAC,2CA8BlB"}