@seij/common-ui 0.1.6 → 0.1.8

package/dist/lib/applicationshell/ApplicationShellSidebar.js

@@ -0,0 +1,52 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { NavDrawer as g, NavDrawerHeader as y, Tooltip as N, Hamburger as C, AppItem as x, NavDrawerBody as w, NavDrawerFooter as D } from "@fluentui/react-components";
+import { Navigation as k } from "@seij/common-ui";
+import { User as I } from "./TitleBar.js";
+import { PanelLeftContract as S } from "./ApplicationShellPanelContract.js";
+function B({
+  selectedItem: t,
+  isMobile: r,
+  applicationName: o,
+  drawerOpen: l,
+  openedCategories: i,
+  applicationIcon: c,
+  userStatus: d,
+  navigationItems: p,
+  onClickHome: m,
+  onClickMenuItem: s,
+  onClickCategory: v,
+  onClickHamburger: h,
+  onClickPanelReduce: u
+}) {
+  return /* @__PURE__ */ n(
+    g,
+    {
+      selectedValue: t,
+      open: r && l || !r,
+      density: "small",
+      type: r ? "overlay" : "inline",
+      openCategories: i,
+      onNavItemSelect: (f, a) => {
+        s(a.value);
+      },
+      onNavCategoryItemToggle: (f, a) => {
+        v(a.categoryValue ?? "");
+      },
+      children: [
+        /* @__PURE__ */ n(y, { children: [
+          r ? /* @__PURE__ */ e(N, { content: "Navigation", relationship: "label", children: /* @__PURE__ */ e(C, { onClick: h }) }) : null,
+          /* @__PURE__ */ e(x, { onClick: m, icon: /* @__PURE__ */ e("span", { children: c }), children: o })
+        ] }),
+        /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(k, { items: p }) }),
+        /* @__PURE__ */ e(D, { children: /* @__PURE__ */ n("div", { style: { display: "flex" }, children: [
+          /* @__PURE__ */ e(I, { status: d }),
+          r ? null : /* @__PURE__ */ e(S, { panelState: "expanded", onClick: u })
+        ] }) })
+      ]
+    }
+  );
+}
+export {
+  B as Sidebar
+};
+//# sourceMappingURL=ApplicationShellSidebar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellSidebar.js","sources":["../../../src/lib/applicationshell/ApplicationShellSidebar.tsx"],"sourcesContent":["import {\n  AppItem,\n  Hamburger,\n  NavDrawer,\n  NavDrawerBody,\n  NavDrawerFooter,\n  NavDrawerHeader,\n  Tooltip,\n} from \"@fluentui/react-components\";\nimport { Navigation, NavigationTreeItem, UserStatus } from \"@seij/common-ui\";\nimport { User } from \"./TitleBar\";\nimport { PanelLeftContract } from \"./ApplicationShellPanelContract\";\nimport { ReactNode } from \"react\";\n\nexport function Sidebar({\n  selectedItem,\n  isMobile,\n  applicationName,\n  drawerOpen,\n  openedCategories,\n  applicationIcon,\n  userStatus,\n  navigationItems,\n  onClickHome,\n  onClickMenuItem,\n  onClickCategory,\n  onClickHamburger,\n  onClickPanelReduce,\n}: {\n  isMobile: boolean;\n  drawerOpen: boolean;\n  selectedItem: string;\n  applicationName: string;\n  applicationIcon?: ReactNode;\n  openedCategories: string[];\n  navigationItems: NavigationTreeItem[];\n  userStatus: UserStatus;\n  onClickHome: () => void;\n  onClickMenuItem: (id: string) => void;\n  onClickCategory: (id: string) => void;\n  onClickHamburger: () => void;\n  onClickPanelReduce: () => void;\n}) {\n  return (\n    <NavDrawer\n      selectedValue={selectedItem}\n      open={(isMobile && drawerOpen) || !isMobile}\n      density={\"small\"}\n      type={isMobile ? \"overlay\" : \"inline\"}\n      openCategories={openedCategories}\n      onNavItemSelect={(e, data) => {\n        onClickMenuItem(data.value);\n      }}\n      onNavCategoryItemToggle={(e, data) => {\n        onClickCategory(data.categoryValue ?? \"\");\n      }}\n    >\n      <NavDrawerHeader>\n        {isMobile ? (\n          <Tooltip content=\"Navigation\" relationship=\"label\">\n            <Hamburger onClick={onClickHamburger} />\n          </Tooltip>\n        ) : null}\n        <AppItem onClick={onClickHome} icon={<span>{applicationIcon}</span>}>\n          {applicationName}\n        </AppItem>\n      </NavDrawerHeader>\n      <NavDrawerBody>\n        <Navigation items={navigationItems} />\n      </NavDrawerBody>\n      <NavDrawerFooter>\n        <div style={{ display: \"flex\" }}>\n          <User status={userStatus} />\n          {isMobile ? null : <PanelLeftContract panelState={\"expanded\"} onClick={onClickPanelReduce} />}\n        </div>\n      </NavDrawerFooter>\n    </NavDrawer>\n  );\n}\n"],"names":["Sidebar","selectedItem","isMobile","applicationName","drawerOpen","openedCategories","applicationIcon","userStatus","navigationItems","onClickHome","onClickMenuItem","onClickCategory","onClickHamburger","onClickPanelReduce","jsxs","NavDrawer","e","data","NavDrawerHeader","jsx","Tooltip","Hamburger","AppItem","NavDrawerBody","Navigation","NavDrawerFooter","User","PanelLeftContract"],"mappings":";;;;;AAcO,SAASA,EAAQ;AAAA,EACtB,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AACF,GAcG;AACD,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAed;AAAA,MACf,MAAOC,KAAYE,KAAe,CAACF;AAAA,MACnC,SAAS;AAAA,MACT,MAAMA,IAAW,YAAY;AAAA,MAC7B,gBAAgBG;AAAA,MAChB,iBAAiB,CAACW,GAAGC,MAAS;AAC5B,QAAAP,EAAgBO,EAAK,KAAK;AAAA,MAC5B;AAAA,MACA,yBAAyB,CAACD,GAAGC,MAAS;AACpC,QAAAN,EAAgBM,EAAK,iBAAiB,EAAE;AAAA,MAC1C;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EACE,UAAA;AAAA,UAAAhB,IACC,gBAAAiB,EAACC,GAAA,EAAQ,SAAQ,cAAa,cAAa,SACzC,UAAA,gBAAAD,EAACE,GAAA,EAAU,SAAST,EAAA,CAAkB,EAAA,CACxC,IACE;AAAA,UACJ,gBAAAO,EAACG,KAAQ,SAASb,GAAa,MAAM,gBAAAU,EAAC,QAAA,EAAM,UAAAb,EAAA,CAAgB,GACzD,UAAAH,EAAA,CACH;AAAA,QAAA,GACF;AAAA,0BACCoB,GAAA,EACC,UAAA,gBAAAJ,EAACK,GAAA,EAAW,OAAOhB,GAAiB,GACtC;AAAA,QACA,gBAAAW,EAACM,KACC,UAAA,gBAAAX,EAAC,OAAA,EAAI,OAAO,EAAE,SAAS,UACrB,UAAA;AAAA,UAAA,gBAAAK,EAACO,GAAA,EAAK,QAAQnB,EAAA,CAAY;AAAA,UACzBL,IAAW,OAAO,gBAAAiB,EAACQ,KAAkB,YAAY,YAAY,SAASd,EAAA,CAAoB;AAAA,QAAA,EAAA,CAC7F,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/lib/applicationshell/TitleBar.d.ts

@@ -1,9 +1,13 @@
 import { ReactNode } from 'react';
 import { UserStatus } from './ApplicationShell.types';
-export declare function TitleBar({ hamburger, onClickHome, userStatus, applicationName: applicationName, }: {
+export declare function TitleBar({ hamburger, onClickHome, userStatus, applicationName, applicationIcon, }: {
     userStatus: UserStatus;
-    applicationName: string;
+    applicationName: ReactNode;
+    applicationIcon?: ReactNode;
     hamburger: ReactNode | null;
     onClickHome: () => void;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function User({ status }: {
+    status: UserStatus;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=TitleBar.d.ts.map

package/dist/lib/applicationshell/TitleBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TitleBar.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/TitleBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAwDtD,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,WAAW,EACX,UAAU,EACV,eAAe,EAAE,eAAe,GACjC,EAAE;IACD,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,2CAkBA"}
+{"version":3,"file":"TitleBar.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/TitleBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AA6DtD,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,WAAW,EACX,UAAU,EACV,eAAe,EACf,eAAe,GAChB,EAAE;IACD,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,SAAS,EAAE,SAAS,GAAG,IAAI,CAAC;IAC5B,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB,2CAkBA;AAiBD,wBAAgB,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,2CA4BtD"}

package/dist/lib/applicationshell/TitleBar.js

@@ -1,7 +1,7 @@
-import { jsx as n, jsxs as d } from "react/jsx-runtime";
-import { makeStyles as h, tokens as o, Text as u, useKeyboardNavAttribute as p, Spinner as m, Avatar as s } from "@fluentui/react-components";
-import { ChessRegular as x } from "@fluentui/react-icons";
-const c = h({
+import { jsx as n, jsxs as h } from "react/jsx-runtime";
+import { makeStyles as p, tokens as c, Text as u, useKeyboardNavAttribute as m, Spinner as x, Avatar as d } from "@fluentui/react-components";
+import { Icon as g } from "@seij/common-ui-icons";
+const s = p({
   root: {
     height: "48px",
     lineHeight: "48px",
@@ -9,8 +9,8 @@ const c = h({
   },
   appBar: {
     display: "flex",
-    color: o.colorNeutralForegroundOnBrand,
-    backgroundColor: o.colorBrandBackground,
+    color: c.colorNeutralForegroundOnBrand,
+    backgroundColor: c.colorBrandBackground,
     width: "100%",
     maxWidth: "100%"
   },
@@ -22,13 +22,17 @@ const c = h({
     flex: 0,
     textAlign: "center",
     ":hover": {
-      background: o.colorBrandBackgroundHover,
+      background: c.colorBrandBackgroundHover,
       cursor: "pointer"
     }
   },
   launcher_icon: {
     fontSize: "24px",
-    verticalAlign: "middle"
+    "& img": {
+      maxWidth: "32px",
+      maxHeight: "32px",
+      verticalAlign: "text-top"
+    }
   },
   title: {
     height: "48px",
@@ -54,47 +58,49 @@ const c = h({
     textAlign: "center"
   }
 });
-function v({
+function b({
   hamburger: e,
-  onClickHome: i,
-  userStatus: r,
-  applicationName: l
+  onClickHome: r,
+  userStatus: i,
+  applicationName: t,
+  applicationIcon: l
 }) {
-  const t = c();
-  return /* @__PURE__ */ n("div", { className: t.root, children: /* @__PURE__ */ d("div", { className: t.appBar, children: [
-    e ? /* @__PURE__ */ n("div", { className: t.launcher, children: e }) : null,
-    /* @__PURE__ */ n("div", { className: t.launcher, children: /* @__PURE__ */ n(g, { onClick: i }) }),
-    /* @__PURE__ */ n("div", { className: t.title, children: /* @__PURE__ */ n(u, { weight: "semibold", children: l }) }),
-    /* @__PURE__ */ n("div", { className: t.actions, children: /* @__PURE__ */ n(f, { status: r }) })
+  const a = s();
+  return /* @__PURE__ */ n("div", { className: a.root, children: /* @__PURE__ */ h("div", { className: a.appBar, children: [
+    e ? /* @__PURE__ */ n("div", { className: a.launcher, children: e }) : null,
+    /* @__PURE__ */ n("div", { className: a.launcher, children: /* @__PURE__ */ n(f, { applicationIcon: l, onClick: r }) }),
+    /* @__PURE__ */ n("div", { className: a.title, children: /* @__PURE__ */ n(u, { weight: "semibold", children: t }) }),
+    /* @__PURE__ */ n("div", { className: a.actions, children: /* @__PURE__ */ n(k, { status: i }) })
   ] }) });
 }
-function g({ onClick: e }) {
-  const i = c(), r = p(), l = a(e);
-  return /* @__PURE__ */ n("a", { tabIndex: 0, ...l, className: i.home, "aria-label": "Accueil", ref: r, children: /* @__PURE__ */ n(x, { className: i.launcher_icon }) });
+function f({ applicationIcon: e, onClick: r }) {
+  const i = s(), t = m(), l = o(r);
+  return /* @__PURE__ */ n("a", { tabIndex: 0, ...l, className: i.home, "aria-label": "Accueil", ref: t, children: e ? /* @__PURE__ */ n("span", { className: i.launcher_icon, children: e }) : /* @__PURE__ */ n(g, { name: "genericapp", className: i.launcher_icon }) });
 }
-function f({ status: e }) {
-  const i = c();
+function k({ status: e }) {
+  const r = s();
   if (e.isLoading)
-    return /* @__PURE__ */ n(m, {});
+    return /* @__PURE__ */ n(x, {});
   if (e.errorMessage)
-    return /* @__PURE__ */ d("div", { children: [
+    return /* @__PURE__ */ h("div", { children: [
       "Oops... ",
       e.errorMessage
     ] });
   if (e.isAuthenticated) {
-    const l = e.userName ?? "", t = a(e.onClickSignIn);
-    return /* @__PURE__ */ n("a", { tabIndex: 0, className: i.userActionButton, ...t, children: /* @__PURE__ */ n(s, { "aria-label": l, name: l }) });
+    const t = e.userName ?? "", l = o(e.onClickSignIn);
+    return /* @__PURE__ */ n("a", { tabIndex: 0, className: r.userActionButton, ...l, children: /* @__PURE__ */ n(d, { "aria-label": t, name: t }) });
   }
-  const r = a(e.onClickSignOut);
-  return /* @__PURE__ */ n("a", { tabIndex: 0, className: i.userActionButton, ...r, children: /* @__PURE__ */ n(s, { "aria-label": "Non connecté" }) });
+  const i = o(e.onClickSignOut);
+  return /* @__PURE__ */ n("a", { tabIndex: 0, className: r.userActionButton, ...i, children: /* @__PURE__ */ n(d, { "aria-label": "Non connecté" }) });
 }
-const a = (e) => ({
+const o = (e) => ({
   onClick: e,
-  onKeyUp: (r) => {
-    (r.key === "Enter" || r.key === " ") && (e(), r.preventDefault());
+  onKeyUp: (i) => {
+    (i.key === "Enter" || i.key === " ") && (e(), i.preventDefault());
   }
 });
 export {
-  v as TitleBar
+  b as TitleBar,
+  k as User
 };
 //# sourceMappingURL=TitleBar.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TitleBar.js","sources":["../../../src/lib/applicationshell/TitleBar.tsx"],"sourcesContent":["import { Avatar, makeStyles, Spinner, Text, tokens, useKeyboardNavAttribute } from \"@fluentui/react-components\";\nimport { ChessRegular } from \"@fluentui/react-icons\";\nimport { KeyboardEventHandler, ReactNode } from \"react\";\nimport { UserStatus } from \"./ApplicationShell.types\";\n\nconst useTitleBarStyles = makeStyles({\n  root: {\n    height: \"48px\",\n    lineHeight: \"48px\",\n    width: \"100%\",\n  },\n  appBar: {\n    display: \"flex\",\n    color: tokens.colorNeutralForegroundOnBrand,\n    backgroundColor: tokens.colorBrandBackground,\n    width: \"100%\",\n    maxWidth: \"100%\",\n  },\n  launcher: {\n    width: \"48px\",\n    minWidth: \"48px\",\n    height: \"48px\",\n    lineHeight: \"48px\",\n    flex: 0,\n    textAlign: \"center\",\n    \":hover\": {\n      background: tokens.colorBrandBackgroundHover,\n      cursor: \"pointer\",\n    },\n  },\n  launcher_icon: {\n    fontSize: \"24px\",\n    verticalAlign: \"middle\",\n  },\n  title: {\n    height: \"48px\",\n    flex: 1,\n    whiteSpace: \"nowrap\",\n  },\n  actions: {\n    height: \"48px\",\n    minWidth: \"48px\",\n    flex: 0,\n    display: \"flex\",\n    justifyContent: \"space-around\",\n  },\n  home: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"inline-block\",\n  },\n  userActionButton: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"inline-block\",\n    textAlign: \"center\",\n  },\n});\n\nexport function TitleBar({\n  hamburger,\n  onClickHome,\n  userStatus,\n  applicationName: applicationName,\n}: {\n  userStatus: UserStatus;\n  applicationName: string;\n  hamburger: ReactNode | null;\n  onClickHome: () => void;\n}) {\n  const styles = useTitleBarStyles();\n  return (\n    <div className={styles.root}>\n      <div className={styles.appBar}>\n        {hamburger ? <div className={styles.launcher}>{hamburger}</div> : null}\n        <div className={styles.launcher}>\n          <Home onClick={onClickHome} />\n        </div>\n        <div className={styles.title}>\n          <Text weight=\"semibold\">{applicationName}</Text>\n        </div>\n        <div className={styles.actions}>\n          <User status={userStatus} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction Home({ onClick }: { onClick: () => void }) {\n  const styles = useTitleBarStyles();\n  const ref = useKeyboardNavAttribute<HTMLAnchorElement>();\n  const onClickHandlers = createClickHandlers(onClick);\n  return (\n    <a tabIndex={0} {...onClickHandlers} className={styles.home} aria-label=\"Accueil\" ref={ref}>\n      <ChessRegular className={styles.launcher_icon} />\n    </a>\n  );\n}\n\nfunction User({ status }: { status: UserStatus }) {\n  const styles = useTitleBarStyles();\n\n  if (status.isLoading) {\n    return <Spinner />;\n  }\n\n  if (status.errorMessage) {\n    return <div>Oops... {status.errorMessage}</div>;\n  }\n\n  if (status.isAuthenticated) {\n    const name = status.userName ?? \"\";\n    const onClickHandlers = createClickHandlers(status.onClickSignIn);\n    return (\n      <a tabIndex={0} className={styles.userActionButton} {...onClickHandlers}>\n        <Avatar aria-label={name} name={name} />\n      </a>\n    );\n  }\n\n  const onClickHandlers = createClickHandlers(status.onClickSignOut);\n\n  return (\n    <a tabIndex={0} className={styles.userActionButton} {...onClickHandlers}>\n      <Avatar aria-label=\"Non connecté\" />\n    </a>\n  );\n}\n\nconst createClickHandlers = (onClick: () => void) => {\n  const handleKeyUp: KeyboardEventHandler<HTMLAnchorElement> = (e) => {\n    const correct = e.key === \"Enter\" || e.key === \" \";\n    if (correct) {\n      onClick();\n      e.preventDefault();\n    }\n  };\n  return {\n    onClick: onClick,\n    onKeyUp: handleKeyUp,\n  };\n};\n"],"names":["useTitleBarStyles","makeStyles","tokens","TitleBar","hamburger","onClickHome","userStatus","applicationName","styles","jsx","jsxs","Home","Text","User","onClick","ref","useKeyboardNavAttribute","onClickHandlers","createClickHandlers","ChessRegular","status","Spinner","name","Avatar","e"],"mappings":"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"}
+{"version":3,"file":"TitleBar.js","sources":["../../../src/lib/applicationshell/TitleBar.tsx"],"sourcesContent":["import { Avatar, makeStyles, Spinner, Text, tokens, useKeyboardNavAttribute } from \"@fluentui/react-components\";\nimport { KeyboardEventHandler, ReactNode } from \"react\";\nimport { UserStatus } from \"./ApplicationShell.types\";\nimport { Icon } from \"@seij/common-ui-icons\";\n\nconst useTitleBarStyles = makeStyles({\n  root: {\n    height: \"48px\",\n    lineHeight: \"48px\",\n    width: \"100%\",\n  },\n  appBar: {\n    display: \"flex\",\n    color: tokens.colorNeutralForegroundOnBrand,\n    backgroundColor: tokens.colorBrandBackground,\n    width: \"100%\",\n    maxWidth: \"100%\",\n  },\n  launcher: {\n    width: \"48px\",\n    minWidth: \"48px\",\n    height: \"48px\",\n    lineHeight: \"48px\",\n    flex: 0,\n    textAlign: \"center\",\n    \":hover\": {\n      background: tokens.colorBrandBackgroundHover,\n      cursor: \"pointer\",\n    },\n  },\n  launcher_icon: {\n    fontSize: \"24px\",\n    \"& img\": {\n      maxWidth: \"32px\",\n      maxHeight: \"32px\",\n      verticalAlign: \"text-top\",\n    },\n  },\n  title: {\n    height: \"48px\",\n    flex: 1,\n    whiteSpace: \"nowrap\",\n  },\n  actions: {\n    height: \"48px\",\n    minWidth: \"48px\",\n    flex: 0,\n    display: \"flex\",\n    justifyContent: \"space-around\",\n  },\n  home: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"inline-block\",\n  },\n  userActionButton: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"inline-block\",\n    textAlign: \"center\",\n  },\n});\n\nexport function TitleBar({\n  hamburger,\n  onClickHome,\n  userStatus,\n  applicationName,\n  applicationIcon,\n}: {\n  userStatus: UserStatus;\n  applicationName: ReactNode;\n  applicationIcon?: ReactNode;\n  hamburger: ReactNode | null;\n  onClickHome: () => void;\n}) {\n  const styles = useTitleBarStyles();\n  return (\n    <div className={styles.root}>\n      <div className={styles.appBar}>\n        {hamburger ? <div className={styles.launcher}>{hamburger}</div> : null}\n        <div className={styles.launcher}>\n          <Home applicationIcon={applicationIcon} onClick={onClickHome} />\n        </div>\n        <div className={styles.title}>\n          <Text weight=\"semibold\">{applicationName}</Text>\n        </div>\n        <div className={styles.actions}>\n          <User status={userStatus} />\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction Home({ applicationIcon, onClick }: { applicationIcon?: ReactNode; onClick: () => void }) {\n  const styles = useTitleBarStyles();\n  const ref = useKeyboardNavAttribute<HTMLAnchorElement>();\n  const onClickHandlers = createClickHandlers(onClick);\n  return (\n    <a tabIndex={0} {...onClickHandlers} className={styles.home} aria-label=\"Accueil\" ref={ref}>\n      {applicationIcon ? (\n        <span className={styles.launcher_icon}>{applicationIcon}</span>\n      ) : (\n        <Icon name=\"genericapp\" className={styles.launcher_icon} />\n      )}\n    </a>\n  );\n}\n\nexport function User({ status }: { status: UserStatus }) {\n  const styles = useTitleBarStyles();\n\n  if (status.isLoading) {\n    return <Spinner />;\n  }\n\n  if (status.errorMessage) {\n    return <div>Oops... {status.errorMessage}</div>;\n  }\n\n  if (status.isAuthenticated) {\n    const name = status.userName ?? \"\";\n    const onClickHandlers = createClickHandlers(status.onClickSignIn);\n    return (\n      <a tabIndex={0} className={styles.userActionButton} {...onClickHandlers}>\n        <Avatar aria-label={name} name={name} />\n      </a>\n    );\n  }\n\n  const onClickHandlers = createClickHandlers(status.onClickSignOut);\n\n  return (\n    <a tabIndex={0} className={styles.userActionButton} {...onClickHandlers}>\n      <Avatar aria-label=\"Non connecté\" />\n    </a>\n  );\n}\n\nconst createClickHandlers = (onClick: () => void) => {\n  const handleKeyUp: KeyboardEventHandler<HTMLAnchorElement> = (e) => {\n    const correct = e.key === \"Enter\" || e.key === \" \";\n    if (correct) {\n      onClick();\n      e.preventDefault();\n    }\n  };\n  return {\n    onClick: onClick,\n    onKeyUp: handleKeyUp,\n  };\n};\n"],"names":["useTitleBarStyles","makeStyles","tokens","TitleBar","hamburger","onClickHome","userStatus","applicationName","applicationIcon","styles","jsx","jsxs","Home","Text","User","onClick","ref","useKeyboardNavAttribute","onClickHandlers","createClickHandlers","Icon","status","Spinner","name","Avatar","e"],"mappings":"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"}

package/dist/lib/button_bar/ButtonBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBar.d.ts","sourceRoot":"","sources":["../../../src/lib/button_bar/ButtonBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAarD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAmB,GACpB,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,sBAAsB,CAAC;CAC9C,GAAG,iBAAiB,2CAOpB"}
+{"version":3,"file":"ButtonBar.d.ts","sourceRoot":"","sources":["../../../src/lib/button_bar/ButtonBar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAa1C,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,OAAmB,GACpB,EAAE;IACD,OAAO,CAAC,EAAE,SAAS,GAAG,sBAAsB,CAAC;CAC9C,GAAG,iBAAiB,2CAOpB"}

package/dist/lib/button_bar/ButtonBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonBar.js","sources":["../../../src/lib/button_bar/ButtonBar.tsx"],"sourcesContent":["import { makeStyles, mergeClasses, tokens } from \"@fluentui/react-components\";\nimport { PropsWithChildren, ReactNode } from \"react\";\n\nconst useStyles = makeStyles({\n  root: {\n    display: \"flex\",\n    columnGap: tokens.spacingHorizontalM,\n  },\n  variant_table_bottom_actions: {\n    marginTop: tokens.spacingVerticalL,\n    justifyContent: \"flex-end\",\n  },\n});\n\nexport function ButtonBar({\n  children,\n  variant = \"default\",\n}: {\n  variant?: \"default\" | \"table_bottom_actions\";\n} & PropsWithChildren) {\n  const styles = useStyles();\n  const classNames = mergeClasses(\n    styles.root,\n    variant === \"table_bottom_actions\" ? styles.variant_table_bottom_actions : undefined,\n  );\n  return <div className={classNames}>{children}</div>;\n}\n"],"names":["useStyles","makeStyles","tokens","ButtonBar","children","variant","styles","classNames","mergeClasses","jsx"],"mappings":";;AAGA,MAAMA,IAAYC,EAAW;AAAA,EAC3B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAWC,EAAO;AAAA,EAAA;AAAA,EAEpB,8BAA8B;AAAA,IAC5B,WAAWA,EAAO;AAAA,IAClB,gBAAgB;AAAA,EAAA;AAEpB,CAAC;AAEM,SAASC,EAAU;AAAA,EACxB,UAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAEuB;AACrB,QAAMC,IAASN,EAAA,GACTO,IAAaC;AAAA,IACjBF,EAAO;AAAA,IACPD,MAAY,yBAAyBC,EAAO,+BAA+B;AAAA,EAAA;AAE7E,SAAO,gBAAAG,EAAC,OAAA,EAAI,WAAWF,GAAa,UAAAH,EAAA,CAAS;AAC/C;"}
+{"version":3,"file":"ButtonBar.js","sources":["../../../src/lib/button_bar/ButtonBar.tsx"],"sourcesContent":["import { makeStyles, mergeClasses, tokens } from \"@fluentui/react-components\";\nimport { PropsWithChildren } from \"react\";\n\nconst useStyles = makeStyles({\n  root: {\n    display: \"flex\",\n    columnGap: tokens.spacingHorizontalM,\n  },\n  variant_table_bottom_actions: {\n    marginTop: tokens.spacingVerticalL,\n    justifyContent: \"flex-end\",\n  },\n});\n\nexport function ButtonBar({\n  children,\n  variant = \"default\",\n}: {\n  variant?: \"default\" | \"table_bottom_actions\";\n} & PropsWithChildren) {\n  const styles = useStyles();\n  const classNames = mergeClasses(\n    styles.root,\n    variant === \"table_bottom_actions\" ? styles.variant_table_bottom_actions : undefined,\n  );\n  return <div className={classNames}>{children}</div>;\n}\n"],"names":["useStyles","makeStyles","tokens","ButtonBar","children","variant","styles","classNames","mergeClasses","jsx"],"mappings":";;AAGA,MAAMA,IAAYC,EAAW;AAAA,EAC3B,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAWC,EAAO;AAAA,EAAA;AAAA,EAEpB,8BAA8B;AAAA,IAC5B,WAAWA,EAAO;AAAA,IAClB,gBAAgB;AAAA,EAAA;AAEpB,CAAC;AAEM,SAASC,EAAU;AAAA,EACxB,UAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,GAEuB;AACrB,QAAMC,IAASN,EAAA,GACTO,IAAaC;AAAA,IACjBF,EAAO;AAAA,IACPD,MAAY,yBAAyBC,EAAO,+BAA+B;AAAA,EAAA;AAE7E,SAAO,gBAAAG,EAAC,OAAA,EAAI,WAAWF,GAAa,UAAAH,EAAA,CAAS;AAC/C;"}

package/dist/lib/commons/currencysymbol.js.map

@@ -1 +1 @@
-{"version":3,"file":"currencysymbol.js","sources":["../../../src/lib/commons/currencysymbol.ts"],"sourcesContent":["import { toCurrencySymbol } from \"@seij/common-types\";\n\nexport function toCurrencySymbolSafe(code: string | null | undefined): string | undefined {\n  if (code === null) return undefined;\n  if (code === undefined) return code;\n  if (code.length == 0) return code;\n  if (code.length != 3) return code;\n  try {\n    return toCurrencySymbol(code);\n  } catch (err) {\n    return code;\n  }\n}\n"],"names":["toCurrencySymbolSafe","code","toCurrencySymbol"],"mappings":";AAEO,SAASA,EAAqBC,GAAqD;AACxF,MAAIA,MAAS,MAGb;AAAA,QAFIA,MAAS,UACTA,EAAK,UAAU,KACfA,EAAK,UAAU,EAAG,QAAOA;AAC7B,QAAI;AACF,aAAOC,EAAiBD,CAAI;AAAA,IAC9B,QAAc;AACZ,aAAOA;AAAA,IACT;AAAA;AACF;"}
+{"version":3,"file":"currencysymbol.js","sources":["../../../src/lib/commons/currencysymbol.ts"],"sourcesContent":["import { toCurrencySymbol } from \"@seij/common-types\";\n\nexport function toCurrencySymbolSafe(code: string | null | undefined): string | undefined {\n  if (code === null) return undefined;\n  if (code === undefined) return code;\n  if (code.length == 0) return code;\n  if (code.length != 3) return code;\n  try {\n    return toCurrencySymbol(code);\n  } catch (_) {\n    return code;\n  }\n}\n"],"names":["toCurrencySymbolSafe","code","toCurrencySymbol"],"mappings":";AAEO,SAASA,EAAqBC,GAAqD;AACxF,MAAIA,MAAS,MAGb;AAAA,QAFIA,MAAS,UACTA,EAAK,UAAU,KACfA,EAAK,UAAU,EAAG,QAAOA;AAC7B,QAAI;AACF,aAAOC,EAAiBD,CAAI;AAAA,IAC9B,QAAY;AACV,aAAOA;AAAA,IACT;AAAA;AACF;"}

package/dist/lib/errorbox/ErrorBox.js

@@ -1,10 +1,10 @@
 import { jsxs as e, jsx as t } from "react/jsx-runtime";
-import { MessageBar as s, MessageBarBody as a, MessageBarActions as l, Button as u } from "@fluentui/react-components";
-import { DismissRegular as c } from "@fluentui/react-icons";
+import { MessageBar as s, MessageBarBody as a, MessageBarActions as c, Button as l } from "@fluentui/react-components";
 import { isNil as m } from "lodash-es";
-import { useI18n as p } from "../i18n/i18n.react.js";
+import { useI18n as u } from "../i18n/i18n.react.js";
+import { Icon as d } from "@seij/common-ui-icons";
 const _ = ({ error: r, onClose: n }) => {
-  const { t: o } = p();
+  const { t: o } = u();
   if (!r) return null;
   const i = r.title ?? o("errorbox_unknown_error", { error: r.status ? "" + r.status : o("errorbox_unknown_error_status") });
   return /* @__PURE__ */ e(s, { intent: "error", layout: "multiline", children: [
@@ -13,9 +13,9 @@ const _ = ({ error: r, onClose: n }) => {
       /* @__PURE__ */ t("div", { children: r.detail })
     ] }),
     !m(n) && /* @__PURE__ */ t(
-      l,
+      c,
       {
-        containerAction: /* @__PURE__ */ t(u, { appearance: "transparent", icon: /* @__PURE__ */ t(c, {}), onClick: n })
+        containerAction: /* @__PURE__ */ t(l, { appearance: "transparent", icon: /* @__PURE__ */ t(d, { name: "dismiss" }), onClick: n })
       }
     )
   ] });

package/dist/lib/errorbox/ErrorBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBox.js","sources":["../../../src/lib/errorbox/ErrorBox.tsx"],"sourcesContent":["import { Problem } from \"@seij/common-types\";\nimport { Button, MessageBar, MessageBarActions, MessageBarBody } from \"@fluentui/react-components\";\nimport { DismissRegular } from \"@fluentui/react-icons\";\nimport { isNil } from \"lodash-es\";\nimport { useI18n } from \"../i18n/i18n.react\";\n\nexport const ErrorBox = ({ error, onClose }: { error: Problem | null | undefined; onClose?: () => void }) => {\n  const { t } = useI18n();\n\n  if (!error) return null;\n  const regularMessage =\n    error.title ??\n    t(\"errorbox_unknown_error\", { error: error.status ? \"\" + error.status : t(\"errorbox_unknown_error_status\") });\n\n  return (\n    <MessageBar intent=\"error\" layout=\"multiline\">\n      <MessageBarBody>\n        <div>{regularMessage}</div>\n        <div>{error.detail}</div>\n      </MessageBarBody>\n      {!isNil(onClose) && (\n        <MessageBarActions\n          containerAction={<Button appearance=\"transparent\" icon={<DismissRegular />} onClick={onClose} />}\n        ></MessageBarActions>\n      )}\n    </MessageBar>\n  );\n};\n"],"names":["ErrorBox","error","onClose","t","useI18n","regularMessage","jsxs","MessageBar","MessageBarBody","jsx","isNil","MessageBarActions","Button","DismissRegular"],"mappings":";;;;;AAMO,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,SAAAC,QAA2E;AAC3G,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,MAAI,CAACH,EAAO,QAAO;AACnB,QAAMI,IACJJ,EAAM,SACNE,EAAE,0BAA0B,EAAE,OAAOF,EAAM,SAAS,KAAKA,EAAM,SAASE,EAAE,+BAA+B,GAAG;AAE9G,SACE,gBAAAG,EAACC,GAAA,EAAW,QAAO,SAAQ,QAAO,aAChC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAK,UAAAJ,EAAA,CAAe;AAAA,MACrB,gBAAAI,EAAC,OAAA,EAAK,UAAAR,EAAM,OAAA,CAAO;AAAA,IAAA,GACrB;AAAA,IACC,CAACS,EAAMR,CAAO,KACb,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,iBAAiB,gBAAAF,EAACG,GAAA,EAAO,YAAW,eAAc,MAAM,gBAAAH,EAACI,GAAA,CAAA,CAAe,GAAI,SAASX,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/F,GAEL;AAEJ;"}
+{"version":3,"file":"ErrorBox.js","sources":["../../../src/lib/errorbox/ErrorBox.tsx"],"sourcesContent":["import { Problem } from \"@seij/common-types\";\nimport { Button, MessageBar, MessageBarActions, MessageBarBody } from \"@fluentui/react-components\";\nimport { isNil } from \"lodash-es\";\nimport { useI18n } from \"../i18n/i18n.react\";\nimport { Icon } from \"@seij/common-ui-icons\";\n\nexport const ErrorBox = ({ error, onClose }: { error: Problem | null | undefined; onClose?: () => void }) => {\n  const { t } = useI18n();\n\n  if (!error) return null;\n  const regularMessage =\n    error.title ??\n    t(\"errorbox_unknown_error\", { error: error.status ? \"\" + error.status : t(\"errorbox_unknown_error_status\") });\n\n  return (\n    <MessageBar intent=\"error\" layout=\"multiline\">\n      <MessageBarBody>\n        <div>{regularMessage}</div>\n        <div>{error.detail}</div>\n      </MessageBarBody>\n      {!isNil(onClose) && (\n        <MessageBarActions\n          containerAction={<Button appearance=\"transparent\" icon={<Icon name=\"dismiss\" />} onClick={onClose} />}\n        ></MessageBarActions>\n      )}\n    </MessageBar>\n  );\n};\n"],"names":["ErrorBox","error","onClose","t","useI18n","regularMessage","jsxs","MessageBar","MessageBarBody","jsx","isNil","MessageBarActions","Button","Icon"],"mappings":";;;;;AAMO,MAAMA,IAAW,CAAC,EAAE,OAAAC,GAAO,SAAAC,QAA2E;AAC3G,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,MAAI,CAACH,EAAO,QAAO;AACnB,QAAMI,IACJJ,EAAM,SACNE,EAAE,0BAA0B,EAAE,OAAOF,EAAM,SAAS,KAAKA,EAAM,SAASE,EAAE,+BAA+B,GAAG;AAE9G,SACE,gBAAAG,EAACC,GAAA,EAAW,QAAO,SAAQ,QAAO,aAChC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,SAAK,UAAAJ,EAAA,CAAe;AAAA,MACrB,gBAAAI,EAAC,OAAA,EAAK,UAAAR,EAAM,OAAA,CAAO;AAAA,IAAA,GACrB;AAAA,IACC,CAACS,EAAMR,CAAO,KACb,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,iBAAiB,gBAAAF,EAACG,GAAA,EAAO,YAAW,eAAc,MAAM,gBAAAH,EAACI,GAAA,EAAK,MAAK,UAAA,CAAU,GAAI,SAASX,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EACpG,GAEL;AAEJ;"}

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

@@ -1 +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"}
+{"version":3,"file":"i18n.detect.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.detect.ts"],"names":[],"mappings":"AAAA,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.react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"i18n.react.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.react.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,kDAsB3D;AAED,wBAAgB,OAAO,IAAI,IAAI,CAI9B"}
+{"version":3,"file":"i18n.react.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/i18n.react.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQpC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,iBAAiB,kDAsB3D;AAED,wBAAgB,OAAO,IAAI,IAAI,CAI9B"}

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

@@ -1 +1 @@
-{"version":3,"file":"i18n.react.js","sources":["../../../src/lib/i18n/i18n.react.tsx"],"sourcesContent":["// i18n/I18nProvider.tsx\nimport React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { i18NextInstance, I18nService, I18nServiceInstance } from \"./i18n.service\";\nimport { I18n } from \"./i18n.types\";\n\ntype I18nCtxType = {\n  i18nService: I18nService;\n  lastChange: number;\n};\nconst I18nCtx = createContext<I18nCtxType>({ i18nService: I18nServiceInstance, lastChange: 0 });\n\nexport interface I18nProviderProps {\n  children: React.ReactNode;\n}\n\nexport function I18nProvider({ children }: I18nProviderProps) {\n  // Detects the locale: first used the forced one, then initial, then use autodetection\n\n  const [instanceTs, setInstanceTs] = useState(0);\n  const [ready, setReady] = useState<boolean>(false)\n  const value: I18nCtxType = useMemo(\n    () => ({\n      i18nService: I18nServiceInstance,\n      lastChange: instanceTs,\n    }),\n    [instanceTs],\n  );\n\n  useEffect(() => {\n    I18nServiceInstance.readyPromise.then(()=>{\n      setReady(true)\n    })\n  }, [])\n\n  if (!ready) return null\n\n  return <I18nCtx.Provider value={value}>{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.i18nService;\n}\n"],"names":["I18nCtx","createContext","I18nServiceInstance","I18nProvider","children","instanceTs","setInstanceTs","useState","ready","setReady","value","useMemo","useEffect","jsx","useI18n","v","useContext"],"mappings":";;;AASA,MAAMA,IAAUC,EAA2B,EAAE,aAAaC,GAAqB,YAAY,GAAG;AAMvF,SAASC,EAAa,EAAE,UAAAC,KAA+B;AAG5D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAkB,EAAK,GAC3CG,IAAqBC;AAAA,IACzB,OAAO;AAAA,MACL,aAAaT;AAAA,MACb,YAAYG;AAAA,IAAA;AAAA,IAEd,CAACA,CAAU;AAAA,EAAA;AASb,SANAO,EAAU,MAAM;AACd,IAAAV,EAAoB,aAAa,KAAK,MAAI;AACxC,MAAAO,EAAS,EAAI;AAAA,IACf,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAEAD,IAEE,gBAAAK,EAACb,EAAQ,UAAR,EAAiB,OAAAU,GAAe,UAAAN,EAAA,CAAS,IAF9B;AAGrB;AAEO,SAASU,IAAgB;AAC9B,QAAMC,IAAIC,EAAWhB,CAAO;AAC5B,MAAI,CAACe,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAOA,EAAE;AACX;"}
+{"version":3,"file":"i18n.react.js","sources":["../../../src/lib/i18n/i18n.react.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useState } from \"react\";\nimport { I18nService, I18nServiceInstance } from \"./i18n.service\";\nimport { I18n } from \"./i18n.types\";\n\ntype I18nCtxType = {\n  i18nService: I18nService;\n  lastChange: number;\n};\nconst I18nCtx = createContext<I18nCtxType>({ i18nService: I18nServiceInstance, lastChange: 0 });\n\nexport interface I18nProviderProps {\n  children: React.ReactNode;\n}\n\nexport function I18nProvider({ children }: I18nProviderProps) {\n  // Detects the locale: first used the forced one, then initial, then use autodetection\n\n  const [instanceTs, setInstanceTs] = useState(0);\n  const [ready, setReady] = useState<boolean>(false);\n  const value: I18nCtxType = useMemo(\n    () => ({\n      i18nService: I18nServiceInstance,\n      lastChange: instanceTs,\n    }),\n    [instanceTs],\n  );\n\n  useEffect(() => {\n    I18nServiceInstance.readyPromise.then(() => {\n      setReady(true);\n    });\n  }, []);\n\n  if (!ready) return null;\n\n  return <I18nCtx.Provider value={value}>{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.i18nService;\n}\n"],"names":["I18nCtx","createContext","I18nServiceInstance","I18nProvider","children","instanceTs","setInstanceTs","useState","ready","setReady","value","useMemo","useEffect","jsx","useI18n","v","useContext"],"mappings":";;;AAQA,MAAMA,IAAUC,EAA2B,EAAE,aAAaC,GAAqB,YAAY,GAAG;AAMvF,SAASC,EAAa,EAAE,UAAAC,KAA+B;AAG5D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,CAAC,GACxC,CAACC,GAAOC,CAAQ,IAAIF,EAAkB,EAAK,GAC3CG,IAAqBC;AAAA,IACzB,OAAO;AAAA,MACL,aAAaT;AAAA,MACb,YAAYG;AAAA,IAAA;AAAA,IAEd,CAACA,CAAU;AAAA,EAAA;AASb,SANAO,EAAU,MAAM;AACd,IAAAV,EAAoB,aAAa,KAAK,MAAM;AAC1C,MAAAO,EAAS,EAAI;AAAA,IACf,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAEAD,IAEE,gBAAAK,EAACb,EAAQ,UAAR,EAAiB,OAAAU,GAAe,UAAAN,EAAA,CAAS,IAF9B;AAGrB;AAEO,SAASU,IAAgB;AAC9B,QAAMC,IAAIC,EAAWhB,CAAO;AAC5B,MAAI,CAACe,EAAG,OAAM,IAAI,MAAM,0CAA0C;AAClE,SAAOA,EAAE;AACX;"}

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

@@ -1 +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,IAAI,MAAM,CAAC;IAC/B,kBAAkB,IAAI,MAAM,CAAC;IAC7B,uBAAuB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,4BAA4B,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,SAAS,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,SAAS,IAAI,MAAM,CAAC;IACpB,iBAAiB,CAAC,GAAG,EAAC,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAA;CACpE"}
+{"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,IAAI,MAAM,CAAC;IAC/B,kBAAkB,IAAI,MAAM,CAAC;IAC7B,uBAAuB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,4BAA4B,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACtD,SAAS,IAAI;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,SAAS,IAAI,MAAM,CAAC;IACpB,iBAAiB,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI,CAAC;CACtE"}

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,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAClF,OAAO,EAAC,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAC,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AACnF,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAC"}

package/dist/lib/inlineedit/InlineEdit.js

@@ -1,47 +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({
+import { toProblem as c } from "@seij/common-types";
+import { Icon as g } from "@seij/common-ui-icons";
+function K({
   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 () => {
+  const [p, n] = d(!1), [o, t] = d(null), [s, i] = d(!1), v = async () => {
     try {
       t(null), await u(), n(!0);
     } catch (l) {
-      t(s(l));
+      t(c(l));
     }
   }, x = async () => {
     try {
       t(null), i(!0), await y(), n(!1), i(!1);
     } catch (l) {
-      t(s(l)), i(!1);
+      t(c(l)), i(!1);
     }
   }, C = async () => {
     try {
       t(null), i(!0), await m(), n(!1), i(!1);
     } catch (l) {
-      t(s(l)), i(!1);
+      t(c(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" }) })
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(a, { disabled: s, onClick: x, children: "OK" }) }),
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(a, { disabled: s, onClick: C, children: "Cancel" }) })
     ] }),
-    c && /* @__PURE__ */ e("div", { style: { color: "red" }, children: c.title })
+    o && /* @__PURE__ */ e("div", { style: { color: "red" }, children: o.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 }) }) })
+    /* @__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, { name: "edit" }), onClick: v }) }) })
   ] });
 }
 export {
-  O as InlineEdit
+  K as InlineEdit
 };
 //# sourceMappingURL=InlineEdit.js.map

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

@@ -1 +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;"}
+{"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 { Icon } from \"@seij/common-ui-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={<Icon name=\"edit\" />} 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","Icon"],"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,IACf,gBAAAkB,EAAC,SACC,UAAA,gBAAAA,EAACE,GAAA,EAAQ,SAAQ,iCAAgC,cAAa,SAC5D,UAAA,gBAAAF,EAACC,GAAA,EAAO,MAAK,SAAQ,wBAAOE,GAAA,EAAK,MAAK,QAAO,GAAI,SAAST,EAAA,CAAY,EAAA,CACxE,EAAA,CACF;AAAA,EAAA,GACF;AAqBN;"}

package/dist/lib/listview/ListView.js

@@ -1,9 +1,10 @@
-import { jsxs as x, jsx as e } from "react/jsx-runtime";
-import { makeStyles as h, tokens as d, Input as b, Caption1 as u, List as v, ListItem as C, Card as L, CardHeader as w, Text as y } from "@fluentui/react-components";
-import { SearchRegular as I, ChevronRightFilled as S } from "@fluentui/react-icons";
-import { isFunction as R } from "lodash-es";
-import { useI18n as N } from "../i18n/i18n.react.js";
-const k = h({
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
+import { makeStyles as h, tokens as d, Input as v, Caption1 as m, List as I, ListItem as L, Card as w, CardHeader as y, Text as C } from "@fluentui/react-components";
+import { isFunction as S } from "lodash-es";
+import "../i18n/i18n.service.js";
+import { useI18n as _ } from "../i18n/i18n.react.js";
+import { Icon as u } from "@seij/common-ui-icons";
+const N = h({
   noresult: {
     textAlign: "center",
     padding: "1em"
@@ -17,25 +18,25 @@ function z({
   pathFactory: r,
   navigate: t
 }) {
-  const m = k(), { t: c } = N(), p = (l) => {
+  const p = N(), { t: c } = _(), f = (l) => {
     n && n(l);
-  }, g = R(n), a = c("ListView_search"), f = c("ListView_no_result");
-  return /* @__PURE__ */ x("div", { children: [
+  }, g = S(n), a = c("ListView_search"), x = c("ListView_no_result");
+  return /* @__PURE__ */ b("div", { children: [
     g && /* @__PURE__ */ e(
-      b,
+      v,
       {
         style: { width: "100%" },
-        contentBefore: /* @__PURE__ */ e(I, { "aria-label": a }),
+        contentBefore: /* @__PURE__ */ e(u, { name: "search", "aria-label": a }),
         value: o,
         placeholder: a,
-        onChange: (l) => p(l.target.value)
+        onChange: (l) => f(l.target.value)
       }
     ),
-    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(V, { activeId: s, items: i, pathFactory: r, navigate: t }) }),
-    i.length === 0 ? /* @__PURE__ */ e("div", { className: m.noresult, children: /* @__PURE__ */ e(u, { children: f }) }) : null
+    /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(M, { activeId: s, items: i, pathFactory: r, navigate: t }) }),
+    i.length === 0 ? /* @__PURE__ */ e("div", { className: p.noresult, children: /* @__PURE__ */ e(m, { children: x }) }) : null
   ] });
 }
-const M = h({
+const k = h({
   root: {
     display: "flex"
   },
@@ -57,21 +58,21 @@ const M = h({
     borderRadius: d.borderRadiusNone
   }
 });
-function V({
+function M({
   items: i,
   activeId: s,
   pathFactory: o,
   navigate: n
 }) {
-  const r = M();
-  return i.length === 0 ? null : /* @__PURE__ */ e(v, { navigationMode: "composite", children: i.map((t) => /* @__PURE__ */ e(
-    C,
+  const r = k();
+  return i.length === 0 ? null : /* @__PURE__ */ e(I, { navigationMode: "composite", children: i.map((t) => /* @__PURE__ */ e(
+    L,
     {
       onAction: () => {
         n(o(t));
       },
       children: /* @__PURE__ */ e(
-        L,
+        w,
         {
           role: "gridcell",
           orientation: "horizontal",
@@ -81,11 +82,11 @@ function V({
             n(o(t));
           },
           children: /* @__PURE__ */ e(
-            w,
+            y,
             {
-              header: /* @__PURE__ */ e(y, { weight: "regular", children: t.label ?? /* @__PURE__ */ e("span", { children: " " }) }),
-              description: /* @__PURE__ */ e(u, { children: t.description ?? /* @__PURE__ */ e("span", { children: " " }) }),
-              action: /* @__PURE__ */ e(S, {})
+              header: /* @__PURE__ */ e(C, { weight: "regular", children: t.label ?? /* @__PURE__ */ e("span", { children: " " }) }),
+              description: /* @__PURE__ */ e(m, { children: t.description ?? /* @__PURE__ */ e("span", { children: " " }) }),
+              action: /* @__PURE__ */ e(u, { name: "chevron_right_filled" })
             }
           )
         }

package/dist/lib/listview/ListView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.js","sources":["../../../src/lib/listview/ListView.tsx"],"sourcesContent":["import {\n  Caption1,\n  Card,\n  CardHeader,\n  Input,\n  List,\n  ListItem,\n  makeStyles,\n  Text,\n  tokens,\n} from \"@fluentui/react-components\";\nimport { ChevronRightFilled, SearchRegular } from \"@fluentui/react-icons\";\nimport { isFunction } from \"lodash-es\";\nimport { ReactNode } from \"react\";\nimport { useI18n } from \"../i18n/i18n.react\";\n\nexport interface ListItemData {\n  id: string;\n  label: ReactNode;\n  description: ReactNode | null;\n}\n\nconst useStyles = makeStyles({\n  noresult: {\n    textAlign: \"center\",\n    padding: \"1em\",\n  },\n});\nexport interface ListViewProps<T extends ListItemData = ListItemData> {\n  data: T[];\n  activeId: string;\n  searchText?: string;\n  search?: (input: string) => void;\n  pathFactory: (item: T) => string;\n  navigate: (url: string) => void;\n}\nexport function ListView<T extends ListItemData>({\n  data,\n  activeId,\n  searchText = \"\",\n  search,\n  pathFactory,\n  navigate,\n}: ListViewProps<T>) {\n  const styles = useStyles();\n  const { t } = useI18n();\n  const handleChange = (value: string) => {\n    if (search) search(value);\n  };\n  const isSearchEnabled = isFunction(search);\n  const searchMessage = t(\"ListView_search\");\n  const noResultMessage = t(\"ListView_no_result\");\n  return (\n    <div>\n      {isSearchEnabled && (\n        <Input\n          style={{ width: \"100%\" }}\n          contentBefore={<SearchRegular aria-label={searchMessage} />}\n          value={searchText}\n          placeholder={searchMessage}\n          onChange={(e) => handleChange(e.target.value)}\n        />\n      )}\n      <div>\n        <ItemList activeId={activeId} items={data} pathFactory={pathFactory} navigate={navigate} />\n      </div>\n      {data.length === 0 ? (\n        <div className={styles.noresult}>\n          <Caption1>{noResultMessage}</Caption1>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nconst useItemListStyles = makeStyles({\n  root: {\n    display: \"flex\",\n  },\n  content: {\n    flex: 1,\n  },\n  title: {\n    fontWeight: \"bold\",\n  },\n  description: {\n    fontWeight: \"normal\",\n  },\n  action: {\n    flex: 0,\n  },\n\n  card: {\n    width: \"100%\",\n    borderBottom: \"1px solid \" + tokens.colorNeutralStencil1,\n    borderRadius: tokens.borderRadiusNone,\n  },\n});\n\nfunction ItemList<T extends ListItemData>({\n  items,\n  activeId,\n  pathFactory,\n  navigate,\n}: {\n  items: T[];\n  activeId: string;\n  pathFactory: (item: T) => string;\n  navigate: (url: string) => void;\n}) {\n  const style = useItemListStyles();\n  if (items.length === 0) return null;\n  return (\n    <List navigationMode=\"composite\">\n      {items.map((it) => (\n        <ListItem\n          key={it.id}\n          onAction={() => {\n            navigate(pathFactory(it));\n          }}\n        >\n          <Card\n            role=\"gridcell\"\n            orientation=\"horizontal\"\n            appearance=\"subtle\"\n            className={style.card}\n            onClick={() => {\n              navigate(pathFactory(it));\n            }}\n          >\n            <CardHeader\n              header={<Text weight=\"regular\">{it.label ?? <span>&nbsp;</span>}</Text>}\n              description={<Caption1>{it.description ?? <span>&nbsp;</span>}</Caption1>}\n              action={<ChevronRightFilled />}\n            />\n          </Card>\n        </ListItem>\n      ))}\n    </List>\n  );\n}\n"],"names":["useStyles","makeStyles","ListView","data","activeId","searchText","search","pathFactory","navigate","styles","t","useI18n","handleChange","value","isSearchEnabled","isFunction","searchMessage","noResultMessage","jsx","Input","SearchRegular","e","ItemList","Caption1","useItemListStyles","tokens","items","style","List","it","ListItem","Card","CardHeader","Text","ChevronRightFilled"],"mappings":"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"}
+{"version":3,"file":"ListView.js","sources":["../../../src/lib/listview/ListView.tsx"],"sourcesContent":["import {\n  Caption1,\n  Card,\n  CardHeader,\n  Input,\n  List,\n  ListItem,\n  makeStyles,\n  Text,\n  tokens,\n} from \"@fluentui/react-components\";\n\nimport { isFunction } from \"lodash-es\";\nimport { ReactNode } from \"react\";\nimport { useI18n } from \"../i18n\";\nimport { Icon } from \"@seij/common-ui-icons\";\nexport interface ListItemData {\n  id: string;\n  label: ReactNode;\n  description: ReactNode | null;\n}\n\nconst useStyles = makeStyles({\n  noresult: {\n    textAlign: \"center\",\n    padding: \"1em\",\n  },\n});\nexport interface ListViewProps<T extends ListItemData = ListItemData> {\n  data: T[];\n  activeId: string;\n  searchText?: string;\n  search?: (input: string) => void;\n  pathFactory: (item: T) => string;\n  navigate: (url: string) => void;\n}\nexport function ListView<T extends ListItemData>({\n  data,\n  activeId,\n  searchText = \"\",\n  search,\n  pathFactory,\n  navigate,\n}: ListViewProps<T>) {\n  const styles = useStyles();\n  const { t } = useI18n();\n  const handleChange = (value: string) => {\n    if (search) search(value);\n  };\n  const isSearchEnabled = isFunction(search);\n  const searchMessage = t(\"ListView_search\");\n  const noResultMessage = t(\"ListView_no_result\");\n  return (\n    <div>\n      {isSearchEnabled && (\n        <Input\n          style={{ width: \"100%\" }}\n          contentBefore={<Icon name=\"search\" aria-label={searchMessage} />}\n          value={searchText}\n          placeholder={searchMessage}\n          onChange={(e) => handleChange(e.target.value)}\n        />\n      )}\n      <div>\n        <ItemList activeId={activeId} items={data} pathFactory={pathFactory} navigate={navigate} />\n      </div>\n      {data.length === 0 ? (\n        <div className={styles.noresult}>\n          <Caption1>{noResultMessage}</Caption1>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nconst useItemListStyles = makeStyles({\n  root: {\n    display: \"flex\",\n  },\n  content: {\n    flex: 1,\n  },\n  title: {\n    fontWeight: \"bold\",\n  },\n  description: {\n    fontWeight: \"normal\",\n  },\n  action: {\n    flex: 0,\n  },\n\n  card: {\n    width: \"100%\",\n    borderBottom: \"1px solid \" + tokens.colorNeutralStencil1,\n    borderRadius: tokens.borderRadiusNone,\n  },\n});\n\nfunction ItemList<T extends ListItemData>({\n  items,\n  activeId,\n  pathFactory,\n  navigate,\n}: {\n  items: T[];\n  activeId: string;\n  pathFactory: (item: T) => string;\n  navigate: (url: string) => void;\n}) {\n  const style = useItemListStyles();\n  if (items.length === 0) return null;\n  return (\n    <List navigationMode=\"composite\">\n      {items.map((it) => (\n        <ListItem\n          key={it.id}\n          onAction={() => {\n            navigate(pathFactory(it));\n          }}\n        >\n          <Card\n            role=\"gridcell\"\n            orientation=\"horizontal\"\n            appearance=\"subtle\"\n            className={style.card}\n            onClick={() => {\n              navigate(pathFactory(it));\n            }}\n          >\n            <CardHeader\n              header={<Text weight=\"regular\">{it.label ?? <span>&nbsp;</span>}</Text>}\n              description={<Caption1>{it.description ?? <span>&nbsp;</span>}</Caption1>}\n              action={<Icon name=\"chevron_right_filled\" />}\n            />\n          </Card>\n        </ListItem>\n      ))}\n    </List>\n  );\n}\n"],"names":["useStyles","makeStyles","ListView","data","activeId","searchText","search","pathFactory","navigate","styles","t","useI18n","handleChange","value","isSearchEnabled","isFunction","searchMessage","noResultMessage","jsx","Input","Icon","e","ItemList","Caption1","useItemListStyles","tokens","items","style","List","it","ListItem","Card","CardHeader","Text"],"mappings":"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"}

package/dist/lib/localdate/InputLocalDate.js

@@ -2,6 +2,7 @@ import { jsx as f } from "react/jsx-runtime";
 import { makeStyles as S, Input as y } from "@fluentui/react-components";
 import { forwardRef as A, useState as h, useEffect as C, useCallback as k } from "react";
 import { Rifm as z } from "rifm";
+import "../i18n/i18n.service.js";
 import { useI18n as F } from "../i18n/i18n.react.js";
 const N = S({
   root: {
@@ -19,7 +20,7 @@ const N = S({
       return `${e}/`;
   }
   return e;
-}, w = (t) => t.length === 2 || t.length === 5 ? `${t}/` : t, H = A((t, e) => {
+}, w = (t) => t.length === 2 || t.length === 5 ? `${t}/` : t, L = A((t, e) => {
   const { onValueChange: r, value: o = "", children: n, size: l, defaultValue: x, type: O, ...g } = t, D = N(), { localDatePlaceholder: $, localDateFormattedToISO: d, localDateISOToFormattedInput: p } = F(), [u, c] = h(p(o)), [i, m] = h(o);
   C(() => {
     o !== i && (m(o), c(p(o)));
@@ -56,6 +57,6 @@ const N = S({
   );
 });
 export {
-  H as InputLocalDate
+  L as InputLocalDate
 };
 //# sourceMappingURL=InputLocalDate.js.map