@seij/common-ui 0.0.1

package/dist/lib/select/InputSelect.js

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

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

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

package/dist/lib/switchbutton/SwitchButton.d.ts

@@ -0,0 +1,9 @@
+export declare function SwitchButton({ value, label, labelTrue, labelFalse, onValueChange, disabled, }: {
+    value: boolean;
+    label?: string;
+    labelTrue?: string;
+    labelFalse?: string;
+    disabled?: boolean;
+    onValueChange: (next: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SwitchButton.d.ts.map

package/dist/lib/switchbutton/SwitchButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchButton.d.ts","sourceRoot":"","sources":["../../../src/lib/switchbutton/SwitchButton.tsx"],"names":[],"mappings":"AAEA,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,aAAa,EACb,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,2CAMA"}

package/dist/lib/switchbutton/SwitchButton.js

@@ -0,0 +1,18 @@
+import { jsx as c } from "react/jsx-runtime";
+import { Switch as i } from "@fluentui/react-components";
+function b({
+  value: n,
+  label: t,
+  labelTrue: e,
+  labelFalse: o,
+  onValueChange: a,
+  disabled: h
+}) {
+  return /* @__PURE__ */ c(i, { checked: n, onChange: () => {
+    a(!n);
+  }, label: (n ? e : o) ?? t ?? "", disabled: h });
+}
+export {
+  b as SwitchButton
+};
+//# sourceMappingURL=SwitchButton.js.map

package/dist/lib/switchbutton/SwitchButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchButton.js","sources":["../../../src/lib/switchbutton/SwitchButton.tsx"],"sourcesContent":["import { Switch } from \"@fluentui/react-components\";\n\nexport function SwitchButton({\n  value,\n  label,\n  labelTrue,\n  labelFalse,\n  onValueChange,\n  disabled,\n}: {\n  value: boolean;\n  label?: string;\n  labelTrue?: string;\n  labelFalse?: string;\n  disabled?: boolean;\n  onValueChange: (next: boolean) => void;\n}) {\n  const handleChange = () => {\n    onValueChange(!value);\n  };\n  const finalLabel = (value ? labelTrue : labelFalse) ?? label ?? \"\";\n  return <Switch checked={value} onChange={handleChange} label={finalLabel} disabled={disabled} />;\n}\n"],"names":["SwitchButton","value","label","labelTrue","labelFalse","onValueChange","disabled","jsx","Switch"],"mappings":";;AAEO,SAASA,EAAa;AAAA,EAC3B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,GAOG;AAKD,SAAO,gBAAAC,EAACC,KAAO,SAASP,GAAO,UAJV,MAAM;AACzB,IAAAI,EAAc,CAACJ,CAAK;AAAA,EACtB,GAEuD,QADnCA,IAAQE,IAAYC,MAAeF,KAAS,IACU,UAAAI,GAAoB;AAChG;"}

package/dist/lib/tabs/Tabs.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+export declare const Tabs: ({ value, children, onChange, }: {
+    value: string | null;
+    children: ReactNode | ReactNode[];
+    onChange: (value: string | null) => void;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsList: ({ children }: {
+    children: ReactNode | ReactNode[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsTab: ({ value, children }: {
+    value: string;
+    children: ReactNode | ReactNode[];
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TabsPanel: ({ value, children }: {
+    value: string;
+    children: ReactNode | ReactNode[];
+}) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/lib/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/lib/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AASrD,eAAO,MAAM,IAAI,GAAI,gCAIlB;IACD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC1C,4CAMA,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,4CAW3E,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,qBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,4CAEhG,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,qBAAqB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,mDAIlG,CAAC"}

package/dist/lib/tabs/Tabs.js

@@ -0,0 +1,30 @@
+import { jsx as t } from "react/jsx-runtime";
+import { TabList as s, Tab as u } from "@fluentui/react-components";
+import b, { useContext as o } from "react";
+const a = b.createContext({
+  currentTab: null,
+  onChange: () => {
+  }
+}), m = ({
+  value: r,
+  children: e,
+  onChange: n
+}) => /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(a.Provider, { value: { currentTab: r, onChange: n }, children: e }) }), v = ({ children: r }) => {
+  const e = o(a);
+  return /* @__PURE__ */ t(
+    s,
+    {
+      selectedValue: e.currentTab,
+      onTabSelect: (n, c) => e.onChange(c.value),
+      vertical: !1,
+      children: r
+    }
+  );
+}, d = ({ value: r, children: e }) => /* @__PURE__ */ t(u, { value: r, children: e }), f = ({ value: r, children: e }) => o(a).currentTab !== r ? null : /* @__PURE__ */ t("div", { children: e });
+export {
+  m as Tabs,
+  v as TabsList,
+  f as TabsPanel,
+  d as TabsTab
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/lib/tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/lib/tabs/Tabs.tsx"],"sourcesContent":["import { Tab, TabList as TabListFluent } from \"@fluentui/react-components\";\nimport React, { ReactNode, useContext } from \"react\";\n\nconst TabsContext = React.createContext<{ currentTab: string | null; onChange: (value: string | null) => void }>({\n  currentTab: null,\n  onChange: () => {\n    // Volontairement vide\n  },\n});\n\nexport const Tabs = ({\n  value,\n  children,\n  onChange,\n}: {\n  value: string | null;\n  children: ReactNode | ReactNode[];\n  onChange: (value: string | null) => void;\n}) => {\n  return (\n    <div>\n      <TabsContext.Provider value={{ currentTab: value, onChange: onChange }}>{children}</TabsContext.Provider>\n    </div>\n  );\n};\n\nexport const TabsList = ({ children }: { children: ReactNode | ReactNode[] }) => {\n  const currentTab = useContext(TabsContext);\n  return (\n    <TabListFluent\n      selectedValue={currentTab.currentTab}\n      onTabSelect={(e, data) => currentTab.onChange(data.value as string | null)}\n      vertical={false}\n    >\n      {children}\n    </TabListFluent>\n  );\n};\n\nexport const TabsTab = ({ value, children }: { value: string; children: ReactNode | ReactNode[] }) => {\n  return <Tab value={value}>{children}</Tab>;\n};\n\nexport const TabsPanel = ({ value, children }: { value: string; children: ReactNode | ReactNode[] }) => {\n  const currentTab = useContext(TabsContext);\n  if (currentTab.currentTab !== value) return null;\n  return <div>{children}</div>;\n};\n"],"names":["TabsContext","React","Tabs","value","children","onChange","jsx","TabsList","currentTab","useContext","TabListFluent","e","data","TabsTab","Tab","TabsPanel"],"mappings":";;;AAGA,MAAMA,IAAcC,EAAM,cAAuF;AAAA,EAC/G,YAAY;AAAA,EACZ,UAAU,MAAM;AAAA,EAEhB;AACF,CAAC,GAEYC,IAAO,CAAC;AAAA,EACnB,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACF,MAMI,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACN,EAAY,UAAZ,EAAqB,OAAO,EAAE,YAAYG,GAAO,UAAAE,EAAA,GAAuB,UAAAD,GAAS,GACpF,GAISG,IAAW,CAAC,EAAE,UAAAH,QAAsD;AAC/E,QAAMI,IAAaC,EAAWT,CAAW;AACzC,SACE,gBAAAM;AAAA,IAACI;AAAAA,IAAA;AAAA,MACC,eAAeF,EAAW;AAAA,MAC1B,aAAa,CAACG,GAAGC,MAASJ,EAAW,SAASI,EAAK,KAAsB;AAAA,MACzE,UAAU;AAAA,MAET,UAAAR;AAAA,IAAA;AAAA,EAAA;AAGP,GAEaS,IAAU,CAAC,EAAE,OAAAV,GAAO,UAAAC,QACxB,gBAAAE,EAACQ,GAAA,EAAI,OAAAX,GAAe,UAAAC,EAAA,CAAS,GAGzBW,IAAY,CAAC,EAAE,OAAAZ,GAAO,UAAAC,QACdK,EAAWT,CAAW,EAC1B,eAAeG,IAAc,OACrC,gBAAAG,EAAC,SAAK,UAAAF,GAAS;"}

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

@@ -0,0 +1,2 @@
+export * from './Tabs';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/lib/text/InputText.d.ts

@@ -0,0 +1,12 @@
+import { ChangeEventHandler } from 'react';
+export interface InputTextProps {
+    value: string;
+    maxLength?: number;
+    disabled?: boolean;
+    placeholder?: string;
+    onValueChange: (value: string) => void;
+    onChange?: ChangeEventHandler<HTMLInputElement>;
+    autoComplete?: string | undefined | null;
+}
+export declare function InputText({ value, maxLength, disabled, placeholder, onValueChange, onChange, autoComplete, }: InputTextProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputText.d.ts.map

package/dist/lib/text/InputText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/lib/text/InputText.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAC3C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;CAC1C;AACD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,WAAW,EACX,aAAa,EACb,QAAQ,EACR,YAAqB,GACtB,EAAE,cAAc,2CAiBhB"}

package/dist/lib/text/InputText.js

@@ -0,0 +1,32 @@
+import { jsx as u } from "react/jsx-runtime";
+import { Input as a } from "@fluentui/react-components";
+import { isNil as x } from "lodash-es";
+function I({
+  value: o,
+  maxLength: e,
+  disabled: i,
+  placeholder: m,
+  onValueChange: f,
+  onChange: r,
+  autoComplete: t = "nope"
+}) {
+  const c = (p) => {
+    const n = p.currentTarget.value;
+    n !== o && f(n), n !== o && r && r(p);
+  }, s = x(t) || t === "" ? "nope" : t;
+  return /* @__PURE__ */ u(
+    a,
+    {
+      autoComplete: s,
+      value: o,
+      disabled: i,
+      placeholder: m,
+      onChange: c,
+      maxLength: e
+    }
+  );
+}
+export {
+  I as InputText
+};
+//# sourceMappingURL=InputText.js.map

package/dist/lib/text/InputText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.js","sources":["../../../src/lib/text/InputText.tsx"],"sourcesContent":["import { Input } from \"@fluentui/react-components\";\nimport { isNil } from \"lodash-es\";\nimport { ChangeEventHandler } from \"react\";\nexport interface InputTextProps {\n  value: string;\n  maxLength?: number;\n  disabled?: boolean;\n  placeholder?: string;\n  onValueChange: (value: string) => void;\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  autoComplete?: string | undefined | null;\n}\nexport function InputText({\n  value,\n  maxLength,\n  disabled,\n  placeholder,\n  onValueChange,\n  onChange,\n  autoComplete = \"nope\",\n}: InputTextProps) {\n  const handleChange: ChangeEventHandler<HTMLInputElement> = (e) => {\n    const v = e.currentTarget.value;\n    if (v !== value) onValueChange(v);\n    if (v !== value && onChange) onChange(e);\n  };\n  const autoCompleteCompat = isNil(autoComplete) ? \"nope\" : autoComplete === \"\" ? \"nope\" : autoComplete;\n  return (\n    <Input\n      autoComplete={autoCompleteCompat}\n      value={value}\n      disabled={disabled}\n      placeholder={placeholder}\n      onChange={handleChange}\n      maxLength={maxLength}\n    />\n  );\n}\n"],"names":["InputText","value","maxLength","disabled","placeholder","onValueChange","onChange","autoComplete","handleChange","e","v","autoCompleteCompat","isNil","jsx","Input"],"mappings":";;;AAYO,SAASA,EAAU;AAAA,EACxB,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC,IAAe;AACjB,GAAmB;AACjB,QAAMC,IAAqD,CAACC,MAAM;AAChE,UAAMC,IAAID,EAAE,cAAc;AAC1B,IAAIC,MAAMT,KAAOI,EAAcK,CAAC,GAC5BA,MAAMT,KAASK,KAAUA,EAASG,CAAC;AAAA,EACzC,GACME,IAAqBC,EAAML,CAAY,KAAaA,MAAiB,KAA1B,SAAwCA;AACzF,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,cAAcH;AAAA,MACd,OAAAV;AAAA,MACA,UAAAE;AAAA,MACA,aAAAC;AAAA,MACA,UAAUI;AAAA,MACV,WAAAN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/lib/typography/description/Description.d.ts

@@ -0,0 +1,4 @@
+export declare function Description({ value }: {
+    value: string | null | undefined;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=Description.d.ts.map

package/dist/lib/typography/description/Description.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/lib/typography/description/Description.tsx"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAA;CAAE,kDAG1E"}

package/dist/lib/typography/description/Description.js

@@ -0,0 +1,9 @@
+import { jsx as i } from "react/jsx-runtime";
+import { Caption1 as n } from "@fluentui/react-components";
+function p({ value: r }) {
+  return r ? /* @__PURE__ */ i(n, { children: r }) : null;
+}
+export {
+  p as Description
+};
+//# sourceMappingURL=Description.js.map

package/dist/lib/typography/description/Description.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Description.js","sources":["../../../../src/lib/typography/description/Description.tsx"],"sourcesContent":["import { Caption1 } from \"@fluentui/react-components\";\n\nexport function Description({ value }: { value: string | null | undefined }) {\n  if (!value) return null;\n  return <Caption1>{value}</Caption1>;\n}\n"],"names":["Description","value","jsx","Caption1"],"mappings":";;AAEO,SAASA,EAAY,EAAE,OAAAC,KAA+C;AAC3E,SAAKA,IACE,gBAAAC,EAACC,KAAU,UAAAF,EAAA,CAAM,IADL;AAErB;"}

package/dist/lib/typography/description/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Description';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/typography/description/index.d.ts.map

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

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

@@ -0,0 +1,5 @@
+export * from './description';
+export * from './label_and_description';
+export * from './todo/Todo';
+export * from './sectiontitle/SectionTitle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC"}

package/dist/lib/typography/label_and_description/LabelAndDescription.d.ts

@@ -0,0 +1,5 @@
+export declare function LabelAndDescription({ label, description, }: {
+    label: string | null | undefined;
+    description: string | null | undefined;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LabelAndDescription.d.ts.map

package/dist/lib/typography/label_and_description/LabelAndDescription.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelAndDescription.d.ts","sourceRoot":"","sources":["../../../../src/lib/typography/label_and_description/LabelAndDescription.tsx"],"names":[],"mappings":"AAGA,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,WAAW,GACZ,EAAE;IACD,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACjC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;CACxC,2CAWA"}

package/dist/lib/typography/label_and_description/LabelAndDescription.js

@@ -0,0 +1,16 @@
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
+import { Body1 as n } from "@fluentui/react-components";
+import { Description as d } from "../description/Description.js";
+function m({
+  label: r,
+  description: o
+}) {
+  return /* @__PURE__ */ e("div", { children: [
+    /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(n, { children: r }) }),
+    /* @__PURE__ */ i("div", { children: /* @__PURE__ */ i(d, { value: o }) })
+  ] });
+}
+export {
+  m as LabelAndDescription
+};
+//# sourceMappingURL=LabelAndDescription.js.map

package/dist/lib/typography/label_and_description/LabelAndDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelAndDescription.js","sources":["../../../../src/lib/typography/label_and_description/LabelAndDescription.tsx"],"sourcesContent":["import { Body1 } from \"@fluentui/react-components\";\nimport { Description } from \"../description/Description\";\n\nexport function LabelAndDescription({\n  label,\n  description,\n}: {\n  label: string | null | undefined;\n  description: string | null | undefined;\n}) {\n  return (\n    <div>\n      <div>\n        <Body1>{label}</Body1>\n      </div>\n      <div>\n        <Description value={description} />\n      </div>\n    </div>\n  );\n}\n"],"names":["LabelAndDescription","label","description","jsx","Body1","Description"],"mappings":";;;AAGO,SAASA,EAAoB;AAAA,EAClC,OAAAC;AAAA,EACA,aAAAC;AACF,GAGG;AACD,2BACG,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACC,GAAA,EAAO,UAAAH,EAAA,CAAM,GAChB;AAAA,sBACC,OAAA,EACC,UAAA,gBAAAE,EAACE,GAAA,EAAY,OAAOH,GAAa,EAAA,CACnC;AAAA,EAAA,GACF;AAEJ;"}

package/dist/lib/typography/label_and_description/index.d.ts

@@ -0,0 +1,2 @@
+export * from './LabelAndDescription';
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/typography/label_and_description/index.d.ts.map

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

package/dist/lib/typography/sectiontitle/SectionTitle.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function SectionTitle(props: {
+    children: ReactNode | ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SectionTitle.d.ts.map

package/dist/lib/typography/sectiontitle/SectionTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.d.ts","sourceRoot":"","sources":["../../../../src/lib/typography/sectiontitle/SectionTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,2CAExE"}

package/dist/lib/typography/sectiontitle/SectionTitle.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+function n(r) {
+  return /* @__PURE__ */ e("h4", { children: r.children });
+}
+export {
+  n as SectionTitle
+};
+//# sourceMappingURL=SectionTitle.js.map

package/dist/lib/typography/sectiontitle/SectionTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SectionTitle.js","sources":["../../../../src/lib/typography/sectiontitle/SectionTitle.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport function SectionTitle(props: { children: ReactNode | ReactNode[] }) {\n  return <h4>{props.children}</h4>;\n}\n"],"names":["SectionTitle","props","jsx"],"mappings":";AAEO,SAASA,EAAaC,GAA8C;AACzE,SAAO,gBAAAC,EAAC,MAAA,EAAI,UAAAD,EAAM,SAAA,CAAS;AAC7B;"}

package/dist/lib/typography/todo/Todo.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare const Todo: ({ children }: {
+    children?: ReactNode | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Todo.d.ts.map

package/dist/lib/typography/todo/Todo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Todo.d.ts","sourceRoot":"","sources":["../../../../src/lib/typography/todo/Todo.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,IAAI,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;CAAE,4CAEtE,CAAC"}

package/dist/lib/typography/todo/Todo.js

@@ -0,0 +1,7 @@
+import { jsx as o } from "react/jsx-runtime";
+import { MessageBar as t } from "@fluentui/react-components";
+const i = ({ children: r }) => /* @__PURE__ */ o(t, { intent: "warning", children: r });
+export {
+  i as Todo
+};
+//# sourceMappingURL=Todo.js.map

package/dist/lib/typography/todo/Todo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Todo.js","sources":["../../../../src/lib/typography/todo/Todo.tsx"],"sourcesContent":["import { MessageBar } from \"@fluentui/react-components\";\nimport { ReactNode } from \"react\";\n\nexport const Todo = ({ children }: { children?: ReactNode | undefined }) => {\n  return <MessageBar intent=\"warning\">{children}</MessageBar>;\n};\n"],"names":["Todo","children","jsx","MessageBar"],"mappings":";;AAGO,MAAMA,IAAO,CAAC,EAAE,UAAAC,QACd,gBAAAC,EAACC,GAAA,EAAW,QAAO,WAAW,UAAAF,EAAA,CAAS;"}

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

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+/**
+ * Corps principal d'une vue, à mettre uniquement dans ViewLayout
+ */
+export declare function ViewBody({ children }: {
+    children: ReactNode | ReactNode[];
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewBody.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewBody.d.ts","sourceRoot":"","sources":["../../../src/lib/view_layout/ViewBody.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;GAEG;AACH,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CAAE,2CAE3E"}

package/dist/lib/view_layout/ViewBody.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+function t({ children: o }) {
+  return /* @__PURE__ */ r("div", { children: o });
+}
+export {
+  t as ViewBody
+};
+//# sourceMappingURL=ViewBody.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewBody.js","sources":["../../../src/lib/view_layout/ViewBody.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\n/**\n * Corps principal d'une vue, à mettre uniquement dans ViewLayout\n */\nexport function ViewBody({ children }: { children: ReactNode | ReactNode[] }) {\n  return <div>{children}</div>;\n}\n"],"names":["ViewBody","children","jsx"],"mappings":";AAKO,SAASA,EAAS,EAAE,UAAAC,KAAmD;AAC5E,SAAO,gBAAAC,EAAC,SAAK,UAAAD,GAAS;AACxB;"}

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

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+/**
+ * Footer d'une vue, à utiliser uniquement dans ViewLayout
+ * @param param0
+ * @returns
+ */
+export declare function ViewFooter({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewFooter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewFooter.d.ts","sourceRoot":"","sources":["../../../src/lib/view_layout/ViewFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAE/D"}

package/dist/lib/view_layout/ViewFooter.js

@@ -0,0 +1,8 @@
+import { jsx as r } from "react/jsx-runtime";
+function e({ children: o }) {
+  return /* @__PURE__ */ r("div", { children: o });
+}
+export {
+  e as ViewFooter
+};
+//# sourceMappingURL=ViewFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewFooter.js","sources":["../../../src/lib/view_layout/ViewFooter.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\n/**\n * Footer d'une vue, à utiliser uniquement dans ViewLayout\n * @param param0\n * @returns\n */\nexport function ViewFooter({ children }: { children: ReactNode }) {\n  return <div>{children}</div>;\n}\n"],"names":["ViewFooter","children","jsx"],"mappings":";AAOO,SAASA,EAAW,EAAE,UAAAC,KAAqC;AAChE,SAAO,gBAAAC,EAAC,SAAK,UAAAD,GAAS;AACxB;"}

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

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export declare function ViewHeader({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewHeader.d.ts","sourceRoot":"","sources":["../../../src/lib/view_layout/ViewHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAE/D"}

package/dist/lib/view_layout/ViewHeader.js

@@ -0,0 +1,8 @@
+import { jsx as e } from "react/jsx-runtime";
+function o({ children: r }) {
+  return /* @__PURE__ */ e("div", { children: r });
+}
+export {
+  o as ViewHeader
+};
+//# sourceMappingURL=ViewHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewHeader.js","sources":["../../../src/lib/view_layout/ViewHeader.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nexport function ViewHeader({ children }: { children: ReactNode }) {\n  return <div>{children}</div>;\n}\n"],"names":["ViewHeader","children","jsx"],"mappings":";AAEO,SAASA,EAAW,EAAE,UAAAC,KAAqC;AAChE,SAAO,gBAAAC,EAAC,SAAK,UAAAD,GAAS;AACxB;"}

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactElement } from 'react';
+import { ViewTitle } from './ViewTitle';
+import { ViewBody } from './ViewBody';
+import { ViewFooter } from './ViewFooter';
+import { ViewHeader } from './ViewHeader';
+export type LayoutContentSize = "xsmall" | "small" | "standard" | "large";
+export type ViewAllowedChild = ReactElement<typeof ViewHeader> | ReactElement<typeof ViewTitle> | ReactElement<typeof ViewBody> | ReactElement<typeof ViewFooter>;
+export declare function ViewLayout({ children, contentSize, ...otherProps }: {
+    /**
+     * Indique si on a un contenu de type large ou normal ou small, permet d'adapter la largeur de lecture.
+     * Par défaut "standard" qui correspond à une lecture à 60rem
+     **/
+    contentSize?: LayoutContentSize;
+    children: ViewAllowedChild | ViewAllowedChild[];
+} & HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ViewLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayout.d.ts","sourceRoot":"","sources":["../../../src/lib/view_layout/ViewLayout.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,YAAY,EAA+B,MAAM,OAAO,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,OAAO,CAAC;AA+F1E,MAAM,MAAM,gBAAgB,GACxB,YAAY,CAAC,OAAO,UAAU,CAAC,GAC/B,YAAY,CAAC,OAAO,SAAS,CAAC,GAC9B,YAAY,CAAC,OAAO,QAAQ,CAAC,GAC7B,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AAEpC,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,WAAwB,EACxB,GAAG,UAAU,EACd,EAAE;IACD;;;QAGI;IACJ,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,QAAQ,EAAE,gBAAgB,GAAG,gBAAgB,EAAE,CAAC;CACjD,GAAG,cAAc,CAAC,cAAc,CAAC,2CAmDjC"}

package/dist/lib/view_layout/ViewLayout.js

@@ -0,0 +1,127 @@
+import { jsx as t, jsxs as L } from "react/jsx-runtime";
+import { makeStyles as v, tokens as o, mergeClasses as a } from "@fluentui/react-components";
+import { isArray as W } from "lodash-es";
+import { useState as H, useRef as z, useEffect as N } from "react";
+import { ViewTitle as R } from "./ViewTitle.js";
+import { ViewBody as k } from "./ViewBody.js";
+import { ViewFooter as B } from "./ViewFooter.js";
+import { ViewHeader as G } from "./ViewHeader.js";
+const l = {
+  debugBorder: "none"
+}, V = v({
+  root: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    height: "100%",
+    width: "100%",
+    minWidth: "100%"
+  },
+  content: {
+    display: "flex",
+    flexDirection: "column",
+    flexGrow: 1,
+    overflow: "hidden",
+    marginLeft: o.spacingHorizontalL,
+    marginRight: o.spacingHorizontalL,
+    width: "100%"
+  },
+  contentLarge: {
+    maxWidth: "100%"
+  },
+  contentStandard: {
+    maxWidth: "60rem"
+  },
+  contentSmall: {
+    maxWidth: "40rem"
+  },
+  contentXSmall: {
+    maxWidth: "30rem"
+  },
+  headerWrapper: {
+    // Le header prend un minimum de place en hauteur
+    flexShrink: 0,
+    // Le header ne doit pas scroller mais on réserve quand même une place
+    // cachée pour une scrollbar de telle sorte que lorsque le body va scroller
+    // si une barre de scroll appraît, le header, body et footer soient toujours
+    // alignés
+    overflowY: "hidden",
+    scrollbarGutter: "stable",
+    // Le padding est sur le wrapper pour que lorsque l'écran devient tout petit
+    // on aille pas coller les bords de l'écran
+    paddingLeft: o.spacingHorizontalL,
+    paddingRight: o.spacingHorizontalL,
+    // Mode debug uniquement
+    border: l.debugBorder
+  },
+  header: { margin: "auto" },
+  headerWithShadow: {
+    //border: "1px solid #ccc",
+    boxShadow: o.shadow16,
+    transition: "box-shadow 0.2s ease-in-out",
+    zIndex: 1
+  },
+  bodyWrapper: {
+    // Le body prend un maximum de place en hauteur
+    flexGrow: 1,
+    // Le body va scroller mais il faut réserver une place cachée pour la scroll
+    // sinon si la scrollbar apparaît elle va désaligner body/header/footer.
+    overflowY: "auto",
+    scrollbarGutter: "stable",
+    // Le padding est sur le wrapper pour que lorsque l'écran devient tout petit
+    // on aille pas coller les bords de l'écran
+    paddingLeft: o.spacingHorizontalL,
+    paddingRight: o.spacingHorizontalL,
+    // Mode debug uniquement
+    border: l.debugBorder
+  },
+  body: {
+    margin: "auto"
+  },
+  footerWrapper: {
+    // Le footer prend un minimum de place en hauteur
+    flexShrink: 0,
+    margin: "auto",
+    // Le footer ne doit pas scroller mais on réserve quand même une place
+    // cachée pour une scrollbar de telle sorte que lorsque le body va scroller
+    // si une barre de scroll appraît, le header, body et footer soient toujours
+    // alignés
+    overflowY: "hidden",
+    scrollbarGutter: "stable",
+    // Le padding est sur le wrapper pour que lorsque l'écran devient tout petit
+    // on aille pas coller les bords de l'écran
+    paddingLeft: o.spacingHorizontalL,
+    paddingRight: o.spacingHorizontalL,
+    // Mode debug uniquement
+    border: l.debugBorder
+  },
+  footer: {
+    margin: "auto"
+  }
+});
+function A({
+  children: n,
+  contentSize: i = "standard",
+  ...p
+}) {
+  const [h, f] = H(!1), c = z(null);
+  N(() => {
+    const r = c.current;
+    if (!r) return;
+    const m = () => {
+      f(r.scrollTop > 0);
+    };
+    return r.addEventListener("scroll", m), () => r.removeEventListener("scroll", m);
+  }, []);
+  const d = W(n) ? n : [n], g = d.find((r) => r.type === G || r.type === R), u = d.find((r) => r.type === k), y = d.find((r) => r.type === B), e = V(), s = i === "large" ? e.contentLarge : i === "small" ? e.contentSmall : i === "xsmall" ? e.contentXSmall : e.contentStandard, b = a(e.body, s), S = a(e.headerWrapper, h ? e.headerWithShadow : void 0), x = a(e.header, s), w = a(e.footer, s);
+  return /* @__PURE__ */ t("div", { ...p, className: e.root, children: /* @__PURE__ */ L("div", { className: e.content, children: [
+    /* @__PURE__ */ t("div", { className: S, children: /* @__PURE__ */ t("div", { className: x, children: g }) }),
+    /* @__PURE__ */ t("div", { className: e.bodyWrapper, ref: c, children: /* @__PURE__ */ t("div", { className: b, children: u }) }),
+    /* @__PURE__ */ t("div", { className: e.footerWrapper, children: /* @__PURE__ */ t("div", { className: w, children: y }) })
+  ] }) });
+}
+export {
+  A as ViewLayout
+};
+//# sourceMappingURL=ViewLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ViewLayout.js","sources":["../../../src/lib/view_layout/ViewLayout.tsx"],"sourcesContent":["import { makeStyles, mergeClasses, tokens } from \"@fluentui/react-components\";\nimport { isArray } from \"lodash-es\";\nimport { HTMLAttributes, ReactElement, useEffect, useRef, useState } from \"react\";\nimport { ViewTitle } from \"./ViewTitle\";\nimport { ViewBody } from \"./ViewBody\";\nimport { ViewFooter } from \"./ViewFooter\";\nimport { ViewHeader } from \"./ViewHeader\";\n\nconst DEBUG = false;\n\nconst debugTokens = {\n  debugBorder: DEBUG ? \"1px dotted red\" : \"none\",\n};\n\nexport type LayoutContentSize = \"xsmall\" | \"small\" | \"standard\" | \"large\";\n\nconst useStyles = makeStyles({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    height: \"100%\",\n    width: \"100%\",\n    minWidth: \"100%\",\n  },\n  content: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    flexGrow: 1,\n    overflow: \"hidden\",\n    marginLeft: tokens.spacingHorizontalL,\n    marginRight: tokens.spacingHorizontalL,\n    width: \"100%\",\n  },\n  contentLarge: {\n    maxWidth: \"100%\",\n  },\n  contentStandard: {\n    maxWidth: \"60rem\",\n  },\n  contentSmall: {\n    maxWidth: \"40rem\",\n  },\n  contentXSmall: {\n    maxWidth: \"30rem\",\n  },\n  headerWrapper: {\n    // Le header prend un minimum de place en hauteur\n    flexShrink: 0,\n    // Le header ne doit pas scroller mais on réserve quand même une place\n    // cachée pour une scrollbar de telle sorte que lorsque le body va scroller\n    // si une barre de scroll appraît, le header, body et footer soient toujours\n    // alignés\n    overflowY: \"hidden\",\n    scrollbarGutter: \"stable\",\n    // Le padding est sur le wrapper pour que lorsque l'écran devient tout petit\n    // on aille pas coller les bords de l'écran\n    paddingLeft: tokens.spacingHorizontalL,\n    paddingRight: tokens.spacingHorizontalL,\n    // Mode debug uniquement\n    border: debugTokens.debugBorder,\n  },\n  header: { margin: \"auto\" },\n  headerWithShadow: {\n    //border: \"1px solid #ccc\",\n    boxShadow: tokens.shadow16,\n    transition: \"box-shadow 0.2s ease-in-out\",\n    zIndex: 1,\n  },\n  bodyWrapper: {\n    // Le body prend un maximum de place en hauteur\n    flexGrow: 1,\n    // Le body va scroller mais il faut réserver une place cachée pour la scroll\n    // sinon si la scrollbar apparaît elle va désaligner body/header/footer.\n    overflowY: \"auto\",\n    scrollbarGutter: \"stable\",\n    // Le padding est sur le wrapper pour que lorsque l'écran devient tout petit\n    // on aille pas coller les bords de l'écran\n    paddingLeft: tokens.spacingHorizontalL,\n    paddingRight: tokens.spacingHorizontalL,\n    // Mode debug uniquement\n    border: debugTokens.debugBorder,\n  },\n  body: {\n    margin: \"auto\",\n  },\n  footerWrapper: {\n    // Le footer prend un minimum de place en hauteur\n    flexShrink: 0,\n    margin: \"auto\",\n    // Le footer ne doit pas scroller mais on réserve quand même une place\n    // cachée pour une scrollbar de telle sorte que lorsque le body va scroller\n    // si une barre de scroll appraît, le header, body et footer soient toujours\n    // alignés\n    overflowY: \"hidden\",\n    scrollbarGutter: \"stable\",\n    // Le padding est sur le wrapper pour que lorsque l'écran devient tout petit\n    // on aille pas coller les bords de l'écran\n    paddingLeft: tokens.spacingHorizontalL,\n    paddingRight: tokens.spacingHorizontalL,\n    // Mode debug uniquement\n    border: debugTokens.debugBorder,\n  },\n  footer: {\n    margin: \"auto\",\n  },\n});\n\nexport type ViewAllowedChild =\n  | ReactElement<typeof ViewHeader>\n  | ReactElement<typeof ViewTitle>\n  | ReactElement<typeof ViewBody>\n  | ReactElement<typeof ViewFooter>;\n\nexport function ViewLayout({\n  children,\n  contentSize = \"standard\",\n  ...otherProps\n}: {\n  /**\n   * Indique si on a un contenu de type large ou normal ou small, permet d'adapter la largeur de lecture.\n   * Par défaut \"standard\" qui correspond à une lecture à 60rem\n   **/\n  contentSize?: LayoutContentSize;\n  children: ViewAllowedChild | ViewAllowedChild[];\n} & HTMLAttributes<HTMLDivElement>) {\n  const [hasScrolled, setHasScrolled] = useState(false);\n  const bodyRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const el = bodyRef.current;\n    if (!el) return;\n\n    const handleScroll = () => {\n      setHasScrolled(el.scrollTop > 0);\n    };\n\n    el.addEventListener(\"scroll\", handleScroll);\n    return () => el.removeEventListener(\"scroll\", handleScroll);\n  }, []);\n\n  const childrenList = isArray(children) ? children : [children];\n  const header = childrenList.find((it) => it.type === ViewHeader || it.type === ViewTitle);\n  const body = childrenList.find((it) => it.type === ViewBody);\n  const footer = childrenList.find((it) => it.type === ViewFooter);\n  const styles = useStyles();\n\n  const sizingStyles =\n    contentSize === \"large\"\n      ? styles.contentLarge\n      : contentSize === \"small\"\n        ? styles.contentSmall\n        : contentSize === \"xsmall\"\n          ? styles.contentXSmall\n          : styles.contentStandard;\n\n  const bodyStyles = mergeClasses(styles.body, sizingStyles);\n  const headerWrapperStyles = mergeClasses(styles.headerWrapper, hasScrolled ? styles.headerWithShadow : undefined);\n  const headerStyles = mergeClasses(styles.header, sizingStyles);\n  const footerStyles = mergeClasses(styles.footer, sizingStyles);\n\n  return (\n    <div {...otherProps} className={styles.root}>\n      <div className={styles.content}>\n        <div className={headerWrapperStyles}>\n          <div className={headerStyles}>{header}</div>\n        </div>\n        <div className={styles.bodyWrapper} ref={bodyRef}>\n          <div className={bodyStyles}>{body}</div>\n        </div>\n        <div className={styles.footerWrapper}>\n          <div className={footerStyles}>{footer}</div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"names":["debugTokens","useStyles","makeStyles","tokens","ViewLayout","children","contentSize","otherProps","hasScrolled","setHasScrolled","useState","bodyRef","useRef","useEffect","el","handleScroll","childrenList","isArray","header","it","ViewHeader","ViewTitle","body","ViewBody","footer","ViewFooter","styles","sizingStyles","bodyStyles","mergeClasses","headerWrapperStyles","headerStyles","footerStyles","jsx","jsxs"],"mappings":"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"}