@cgi-learning-hub/ui 1.3.5 → 1.4.0-dev.1740589431

package/dist/components/ImagePicker/ImagePicker.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),p=require("../../createSvgIcon--rEClVU7.cjs"),S=require("../../Delete-D1EiKoL5.cjs"),o=require("@mui/material"),v=require("react"),C=require("../../index-ChM1Ett8.cjs"),F=require("../../Stack-Yq6rb7iK.cjs"),i=require("../../Typography-DfRMDngd.cjs"),d=p.createSvgIcon(e.jsx("path",{d:"M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"}),"AddPhotoAlternate"),w=p.createSvgIcon(e.jsx("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"}),"Create"),D=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez-déposez"})," ou ",e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"cliquez"})," pour choisir une image"]}),A=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez"})," une image"]}),q=({defaultLabel:g=e.jsx(D,{}),dragLabel:h=e.jsx(A,{}),information:n,onFileChange:s=t=>{},width:x="160px",height:m="160px",initialFile:u=null,...j})=>{const[t,c]=v.useState(u),y=r=>{const a=r[0]||null;c(a),s(a)},f=r=>{r.stopPropagation(),c(null),s(null)},b=r=>{r.stopPropagation(),l()},{open:l,getRootProps:k,getInputProps:z,isDragActive:I}=C.useDropzone({...j,maxFiles:1,onDropAccepted:y,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(F.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:x,minWidth:"150px",minHeight:"150px",height:m,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!t&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!t&&"1px dashed"}`,borderColor:r=>!t&&r.palette.grey.main},...k({onClick:l}),children:[e.jsx("input",{...z()}),t?e.jsxs(e.Fragment,{children:[e.jsxs(o.Box,{sx:{position:"absolute",top:"0.5rem",right:"0.5rem",display:"flex",gap:"0.3rem"},children:[e.jsx(o.Box,{onClick:b,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",justifyContent:"center",boxShadow:1,width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:r=>r.palette.common.white}}},children:e.jsx(w,{fontSize:"small"})}),e.jsx(o.Box,{onClick:f,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",boxShadow:1,justifyContent:"center",width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:r=>r.palette.common.white}}},children:e.jsx(S.DeleteIcon,{fontSize:"small"})})]}),e.jsx("img",{src:typeof t=="string"?t:URL.createObjectURL(t),alt:typeof t=="string"?t:t.name,style:{width:"auto",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:I?e.jsxs(e.Fragment,{children:[e.jsx(d,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),h,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]}):e.jsxs(o.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",padding:"0.5rem",gap:"0.3rem"},children:[e.jsx(d,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),g,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=q;
+"use strict";const e=require("react/jsx-runtime"),c=require("../../createSvgIcon-DJMYlO0S.cjs"),o=require("@mui/material"),I=require("react"),S=require("../../index-CVFzneYe.cjs"),C=require("../../Stack-B82ckLGm.cjs"),i=require("../../Typography-DPij13XT.cjs"),p=c.createSvgIcon(e.jsx("path",{d:"M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"}),"AddPhotoAlternate"),F=c.createSvgIcon(e.jsx("path",{d:"M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"}),"Create"),w=c.createSvgIcon(e.jsx("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete"),D=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez-déposez"})," ","ou"," ",e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"cliquez"})," ","pour choisir une image"]}),A=()=>e.jsxs(i.Typography,{textAlign:"center",fontSize:"14px",color:"grey.darker",children:[e.jsx(o.Box,{component:"span",fontWeight:"bold",children:"Glissez"})," ","une image"]}),P=({defaultLabel:h=e.jsx(D,{}),dragLabel:g=e.jsx(A,{}),information:n,onFileChange:s=t=>{},width:x="160px",height:m="160px",initialFile:u=null,...j})=>{const[t,l]=I.useState(u),y=r=>{const d=r[0]||null;l(d),s(d)},f=r=>{r.stopPropagation(),l(null),s(null)},b=r=>{r.stopPropagation(),a()},{open:a,getRootProps:k,getInputProps:z,isDragActive:v}=S.useDropzone({...j,maxFiles:1,onDropAccepted:y,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(C.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:x,minWidth:"150px",minHeight:"150px",height:m,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!t&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!t&&"1px dashed"}`,borderColor:r=>!t&&r.palette.grey.main},...k({onClick:a}),children:[e.jsx("input",{...z()}),t?e.jsxs(e.Fragment,{children:[e.jsxs(o.Box,{sx:{position:"absolute",top:"0.5rem",right:"0.5rem",display:"flex",gap:"0.3rem"},children:[e.jsx(o.Box,{onClick:b,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",justifyContent:"center",boxShadow:1,width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:r=>r.palette.common.white}}},children:e.jsx(F,{fontSize:"small"})}),e.jsx(o.Box,{onClick:f,sx:{backgroundColor:"common.white",display:"flex",borderRadius:"3px",alignItems:"center",boxShadow:1,justifyContent:"center",width:"2rem",height:"2rem",cursor:"pointer","&:hover":{backgroundColor:"grey.darker","& .MuiSvgIcon-root":{fill:r=>r.palette.common.white}}},children:e.jsx(w,{fontSize:"small"})})]}),e.jsx("img",{src:typeof t=="string"?t:URL.createObjectURL(t),alt:typeof t=="string"?t:t.name,style:{width:"100%",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:v?e.jsxs(e.Fragment,{children:[e.jsx(p,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),g,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]}):e.jsxs(o.Box,{sx:{display:"flex",flexDirection:"column",alignItems:"center",padding:"0.5rem",gap:"0.3rem"},children:[e.jsx(p,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),h,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=P;

package/dist/components/ImagePicker/ImagePicker.es.js

@@ -1,52 +1,59 @@
 import { jsx as e, jsxs as o, Fragment as c } from "react/jsx-runtime";
-import { c as h } from "../../createSvgIcon-C8nGcfF4.js";
-import { D as w } from "../../Delete-BkZN7Xu5.js";
+import { c as a } from "../../createSvgIcon-K2ZAdASa.js";
 import { Box as n } from "@mui/material";
-import { useState as D } from "react";
-import { u as F } from "../../index-CwvpOCso.js";
-import { S as A } from "../../Stack-BzTJdRGj.js";
-import { T as l } from "../../Typography-DBwTr_ix.js";
-const m = h(/* @__PURE__ */ e("path", {
+import { useState as w } from "react";
+import { u as D } from "../../index-B1u7G33_.js";
+import { S as F } from "../../Stack-hbAJHQhq.js";
+import { T as l } from "../../Typography-SIQ6eleU.js";
+const m = a(/* @__PURE__ */ e("path", {
   d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"
-}), "AddPhotoAlternate"), j = h(/* @__PURE__ */ e("path", {
+}), "AddPhotoAlternate"), A = a(/* @__PURE__ */ e("path", {
   d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
-}), "Create"), P = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
+}), "Create"), j = a(/* @__PURE__ */ e("path", {
+  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
+}), "Delete"), P = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez-déposez" }),
-  " ou ",
+  " ",
+  "ou",
+  " ",
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "cliquez" }),
-  " pour choisir une image"
-] }), R = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
+  " ",
+  "pour choisir une image"
+] }), M = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez" }),
-  " une image"
-] }), $ = ({
+  " ",
+  "une image"
+] }), U = ({
   defaultLabel: g = /* @__PURE__ */ e(P, {}),
-  dragLabel: u = /* @__PURE__ */ e(R, {}),
+  dragLabel: u = /* @__PURE__ */ e(M, {}),
   information: i,
-  onFileChange: a = (t) => {
+  onFileChange: s = (t) => {
   },
   width: x = "160px",
   height: f = "160px",
   initialFile: y = null,
   ...b
 }) => {
-  const [t, s] = D(y), k = (r) => {
-    const p = r[0] || null;
-    s(p), a(p);
-  }, z = (r) => {
-    r.stopPropagation(), s(null), a(null);
-  }, C = (r) => {
-    r.stopPropagation(), d();
-  }, { open: d, getRootProps: I, getInputProps: S, isDragActive: v } = F({
+  const [t, d] = w(
+    y
+  ), z = (r) => {
+    const h = r[0] || null;
+    d(h), s(h);
+  }, k = (r) => {
+    r.stopPropagation(), d(null), s(null);
+  }, v = (r) => {
+    r.stopPropagation(), p();
+  }, { open: p, getRootProps: C, getInputProps: I, isDragActive: S } = D({
     ...b,
     maxFiles: 1,
-    onDropAccepted: k,
+    onDropAccepted: z,
     accept: {
       "image/*": [".png", ".jpeg", ".jpg", ".gif"]
     },
     noClick: !0
   });
   return /* @__PURE__ */ o(
-    A,
+    F,
     {
       direction: "column",
       justifyContent: "center",
@@ -63,11 +70,11 @@ const m = h(/* @__PURE__ */ e("path", {
         border: `${!t && "1px dashed"}`,
         borderColor: (r) => !t && r.palette.grey.main
       },
-      ...I({
-        onClick: d
+      ...C({
+        onClick: p
       }),
       children: [
-        /* @__PURE__ */ e("input", { ...S() }),
+        /* @__PURE__ */ e("input", { ...I() }),
         t ? /* @__PURE__ */ o(c, { children: [
           /* @__PURE__ */ o(
             n,
@@ -83,7 +90,7 @@ const m = h(/* @__PURE__ */ e("path", {
                 /* @__PURE__ */ e(
                   n,
                   {
-                    onClick: C,
+                    onClick: v,
                     sx: {
                       backgroundColor: "common.white",
                       display: "flex",
@@ -101,13 +108,13 @@ const m = h(/* @__PURE__ */ e("path", {
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(j, { fontSize: "small" })
+                    children: /* @__PURE__ */ e(A, { fontSize: "small" })
                   }
                 ),
                 /* @__PURE__ */ e(
                   n,
                   {
-                    onClick: z,
+                    onClick: k,
                     sx: {
                       backgroundColor: "common.white",
                       display: "flex",
@@ -125,7 +132,7 @@ const m = h(/* @__PURE__ */ e("path", {
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(w, { fontSize: "small" })
+                    children: /* @__PURE__ */ e(j, { fontSize: "small" })
                   }
                 )
               ]
@@ -137,7 +144,7 @@ const m = h(/* @__PURE__ */ e("path", {
               src: typeof t == "string" ? t : URL.createObjectURL(t),
               alt: typeof t == "string" ? t : t.name,
               style: {
-                width: "auto",
+                width: "100%",
                 height: "100%",
                 maxWidth: "100%",
                 objectFit: "cover",
@@ -145,31 +152,49 @@ const m = h(/* @__PURE__ */ e("path", {
               }
             }
           )
-        ] }) : /* @__PURE__ */ e(c, { children: v ? /* @__PURE__ */ o(c, { children: [
-          /* @__PURE__ */ e(m, { color: "primary", style: {
-            width: "2.5rem",
-            height: "2.5rem"
-          } }),
+        ] }) : /* @__PURE__ */ e(c, { children: S ? /* @__PURE__ */ o(c, { children: [
+          /* @__PURE__ */ e(
+            m,
+            {
+              color: "primary",
+              style: {
+                width: "2.5rem",
+                height: "2.5rem"
+              }
+            }
+          ),
           u,
           i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
-        ] }) : /* @__PURE__ */ o(n, { sx: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          padding: "0.5rem",
-          gap: "0.3rem"
-        }, children: [
-          /* @__PURE__ */ e(m, { color: "primary", style: {
-            width: "2.5rem",
-            height: "2.5rem"
-          } }),
-          g,
-          i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
-        ] }) })
+        ] }) : /* @__PURE__ */ o(
+          n,
+          {
+            sx: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              padding: "0.5rem",
+              gap: "0.3rem"
+            },
+            children: [
+              /* @__PURE__ */ e(
+                m,
+                {
+                  color: "primary",
+                  style: {
+                    width: "2.5rem",
+                    height: "2.5rem"
+                  }
+                }
+              ),
+              g,
+              i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
+            ]
+          }
+        ) })
       ]
     }
   );
 };
 export {
-  $ as default
+  U as default
 };

package/dist/components/Loader/Loader.cjs.js

@@ -1 +1 @@
-"use strict";require('../../assets/styles.css');const e=require("react/jsx-runtime");;/* empty css                      */const r=require("../../Box-mP2Th61z.cjs"),s=({})=>e.jsx(r.Box,{className:"cs-loader",color:"primary.main",children:e.jsxs(r.Box,{className:"cs-loader-inner",children:[e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"})]})});module.exports=s;
+"use strict";require('../../assets/styles.css');const e=require("react/jsx-runtime");;/* empty css                      */const r=require("../../Box-DYA49L7w.cjs"),s=({})=>e.jsx(r.Box,{className:"cs-loader",color:"primary.main",children:e.jsxs(r.Box,{className:"cs-loader-inner",children:[e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"}),e.jsx("label",{children:"●"})]})});module.exports=s;

package/dist/components/Loader/Loader.d.ts

@@ -1,4 +1,3 @@
-export interface LoaderProps {
-}
+export type LoaderProps = {};
 declare const Loader: React.FunctionComponent<LoaderProps>;
 export default Loader;

package/dist/components/Loader/Loader.es.js

@@ -1,6 +1,6 @@
 import { jsx as r, jsxs as e } from "react/jsx-runtime";
 import '../../assets/styles.css';/* empty css                    */
-import { B as l } from "../../Box-Byz2BwGf.js";
+import { B as l } from "../../Box-DgqaLb7j.js";
 const i = ({}) => /* @__PURE__ */ r(l, { className: "cs-loader", color: "primary.main", children: /* @__PURE__ */ e(l, { className: "cs-loader-inner", children: [
   /* @__PURE__ */ r("label", { children: "●" }),
   /* @__PURE__ */ r("label", { children: "●" }),

package/dist/components/LoaderBackdrop/LoaderBackdrop.cjs.js

@@ -1 +1 @@
-"use strict";require('../../assets/styles2.css');const r=require("react/jsx-runtime");;/* empty css                      */const e=require("../../Backdrop-CvufxHMY.cjs"),c=require("../../Box-mP2Th61z.cjs"),l=({})=>r.jsx(e.Backdrop,{open:!0,sx:{bgcolor:"background.default"},children:r.jsxs(c.Box,{className:"cs-loader-backdrop-inner",color:"primary.main",children:[r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"})]})});module.exports=l;
+"use strict";require('../../assets/styles2.css');const r=require("react/jsx-runtime");;/* empty css                      */const e=require("../../Backdrop-DWp3AktL.cjs"),c=require("../../Box-DYA49L7w.cjs"),l=({})=>r.jsx(e.Backdrop,{open:!0,sx:{bgcolor:"background.default"},children:r.jsxs(c.Box,{className:"cs-loader-backdrop-inner",color:"primary.main",children:[r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"}),r.jsx("label",{children:"●"})]})});module.exports=l;

package/dist/components/LoaderBackdrop/LoaderBackdrop.d.ts

@@ -1,4 +1,3 @@
-export interface LoaderBackdropProps {
-}
+export type LoaderBackdropProps = {};
 declare const LoaderBackdrop: React.FunctionComponent<LoaderBackdropProps>;
 export default LoaderBackdrop;

package/dist/components/LoaderBackdrop/LoaderBackdrop.es.js

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as o } from "react/jsx-runtime";
 import '../../assets/styles2.css';/* empty css                    */
-import { B as e } from "../../Backdrop-DcDd6WZF.js";
-import { B as l } from "../../Box-Byz2BwGf.js";
+import { B as e } from "../../Backdrop-BctCVgLy.js";
+import { B as l } from "../../Box-DgqaLb7j.js";
 const n = ({}) => /* @__PURE__ */ r(e, { open: !0, sx: { bgcolor: "background.default" }, children: /* @__PURE__ */ o(l, { className: "cs-loader-backdrop-inner", color: "primary.main", children: [
   /* @__PURE__ */ r("label", { children: "●" }),
   /* @__PURE__ */ r("label", { children: "●" }),

package/dist/components/PasswordInput/PasswordInput.cjs.js

@@ -1 +1 @@
-"use strict";require('../../assets/styles2.css');require('../../assets/styles.css');const e=require("react/jsx-runtime"),u=require("react"),l=require("../TextInput/TextInput.cjs.js");require("../Alert/Alert.cjs.js");require("../Button/Button.cjs.js");require("../../fr-JE-1WKP6.cjs");require("@mui/material");;/* empty css                      */;/* empty css                      */require("../SearchInput/SearchInput.cjs.js");const a=require("../../InputAdornment-Cq0WhPxF.cjs"),d=require("../../IconButton-CJfzspZK.cjs"),r=require("../../createSvgIcon--rEClVU7.cjs"),p=r.createSvgIcon(e.jsx("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility"),q=r.createSvgIcon(e.jsx("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"}),"VisibilityOff"),w=s=>{const[n,o]=u.useState(!1),i=()=>o(t=>!t),c=t=>{t.preventDefault()};return e.jsx(l,{...s,variant:"outlined",label:s.label,type:n?"text":"password",InputProps:{endAdornment:e.jsx(a.InputAdornment,{position:"end",children:e.jsx(d.IconButton,{"aria-label":"toggle password visibility",onClick:i,onMouseDown:c,edge:"end",children:n?e.jsx(q,{}):e.jsx(p,{})})})}})};module.exports=w;
+"use strict";require('../../assets/styles2.css');require('../../assets/styles.css');const e=require("react/jsx-runtime"),u=require("react");require("../Alert/Alert.cjs.js");require("../Button/Button.cjs.js");require("../../fr-JE-1WKP6.cjs");require("@mui/material");require("../FileList/FileListItem.cjs.js");;/* empty css                      */;/* empty css                      */require("../ResourceCard/style.cjs.js");require("../SearchInput/SearchInput.cjs.js");const l=require("../TextInput/TextInput.cjs.js"),a=require("../../InputAdornment-CwFEJSXv.cjs"),d=require("../../IconButton-CVOPR4EM.cjs"),n=require("../../createSvgIcon-DJMYlO0S.cjs"),q=n.createSvgIcon(e.jsx("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"}),"Visibility"),p=n.createSvgIcon(e.jsx("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"}),"VisibilityOff"),w=s=>{const[r,i]=u.useState(!1),o=()=>i(t=>!t),c=t=>{t.preventDefault()};return e.jsx(l,{...s,variant:"outlined",label:s.label,type:r?"text":"password",InputProps:{endAdornment:e.jsx(a.InputAdornment,{position:"end",children:e.jsx(d.IconButton,{"aria-label":"toggle password visibility",onClick:o,onMouseDown:c,edge:"end",children:r?e.jsx(p,{}):e.jsx(q,{})})})}})};module.exports=w;

package/dist/components/PasswordInput/PasswordInput.es.js

@@ -1,34 +1,36 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as a } from "react";
-import c from "../TextInput/TextInput.es.js";
 import "../Alert/Alert.es.js";
 import "../Button/Button.es.js";
-import "../../fr-Bjufn3RW.js";
+import "../../fr-B3qrCNcK.js";
 import "@mui/material";
+import "../FileList/FileListItem.es.js";
 import '../../assets/styles2.css';import '../../assets/styles.css';/* empty css                    */
 /* empty css                    */
+import "../ResourceCard/style.es.js";
 import "../SearchInput/SearchInput.es.js";
-import { I as p } from "../../InputAdornment-iU5YnveW.js";
-import { I as m } from "../../IconButton-CekuyD4r.js";
-import { c as r } from "../../createSvgIcon-C8nGcfF4.js";
+import p from "../TextInput/TextInput.es.js";
+import { I as m } from "../../InputAdornment-DL8XIM8r.js";
+import { I as c } from "../../IconButton-CCNUMz2l.js";
+import { c as r } from "../../createSvgIcon-K2ZAdASa.js";
 const d = r(/* @__PURE__ */ o("path", {
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
 }), "Visibility"), f = r(/* @__PURE__ */ o("path", {
   d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"
-}), "VisibilityOff"), V = (i) => {
+}), "VisibilityOff"), k = (i) => {
   const [s, e] = a(!1), n = () => e((t) => !t), l = (t) => {
     t.preventDefault();
   };
   return /* @__PURE__ */ o(
-    c,
+    p,
     {
       ...i,
       variant: "outlined",
       label: i.label,
       type: s ? "text" : "password",
       InputProps: {
-        endAdornment: /* @__PURE__ */ o(p, { position: "end", children: /* @__PURE__ */ o(
-          m,
+        endAdornment: /* @__PURE__ */ o(m, { position: "end", children: /* @__PURE__ */ o(
+          c,
           {
             "aria-label": "toggle password visibility",
             onClick: n,
@@ -42,5 +44,5 @@ const d = r(/* @__PURE__ */ o("path", {
   );
 };
 export {
-  V as default
+  k as default
 };

package/dist/components/QueryError/QueryError.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("../EmptyState/EmptyState.cjs.js"),n=require("./helpers.cjs.js"),u=({error:t,statusPrefix:i="Erreur "})=>{if(n.isFetchBaseQueryError(t)){const r="error"in t?t.error:t.data?JSON.stringify(t.data):null;return typeof t.status=="number"&&t.status.toString().startsWith("4")?e.jsx(s,{svgName:"client-error",title:`Erreur client (${t.status})`,description:r??void 0}):typeof t.status=="number"&&t.status.toString().startsWith("5")?e.jsx(s,{svgName:"server-error",title:`Erreur serveur (${t.status})`,description:r??void 0}):e.jsx(s,{svgName:"error",title:`${i}${t.status}`,description:r??void 0})}return e.jsx(s,{svgName:"error",title:n.isErrorWithMessage(t)?t.message:"Une erreur est survenue"})};module.exports=u;
+"use strict";const s=require("react/jsx-runtime"),e=require("../EmptyState/EmptyState.cjs.js"),i=require("./helpers.cjs.js"),n=({error:t,statusPrefix:u="Erreur "})=>{if(i.isFetchBaseQueryError(t)){const r="error"in t?t.error:t.data?JSON.stringify(t.data):null;return typeof t.status=="number"&&t.status.toString().startsWith("4")?s.jsx(e,{svgName:"client-error",title:`Erreur client (${t.status})`,description:r??void 0}):typeof t.status=="number"&&t.status.toString().startsWith("5")?s.jsx(e,{svgName:"server-error",title:`Erreur serveur (${t.status})`,description:r??void 0}):s.jsx(e,{svgName:"error",title:`${u}${t.status}`,description:r??void 0})}return s.jsx(e,{svgName:"error",title:i.isErrorWithMessage(t)?t.message:"Une erreur est survenue"})};module.exports=n;

package/dist/components/QueryError/QueryError.d.ts

@@ -1,8 +1,8 @@
 import { SerializedError } from '@reduxjs/toolkit';
 import { FetchBaseQueryError } from '@reduxjs/toolkit/query';
-export interface QueryErrorProps {
+export type QueryErrorProps = {
     error: FetchBaseQueryError | SerializedError | undefined;
     statusPrefix?: string;
-}
+};
 declare const QueryError: React.FunctionComponent<QueryErrorProps>;
 export default QueryError;

package/dist/components/QueryError/QueryError.es.js

@@ -1,28 +1,28 @@
-import { jsx as e } from "react/jsx-runtime";
-import s from "../EmptyState/EmptyState.es.js";
-import { isFetchBaseQueryError as u, isErrorWithMessage as n } from "./helpers.es.js";
-const d = ({
+import { jsx as s } from "react/jsx-runtime";
+import e from "../EmptyState/EmptyState.es.js";
+import { isFetchBaseQueryError as u, isErrorWithMessage as a } from "./helpers.es.js";
+const f = ({
   error: t,
   statusPrefix: i = "Erreur "
 }) => {
   if (u(t)) {
     const r = "error" in t ? t.error : t.data ? JSON.stringify(t.data) : null;
-    return typeof t.status == "number" && t.status.toString().startsWith("4") ? /* @__PURE__ */ e(
-      s,
+    return typeof t.status == "number" && t.status.toString().startsWith("4") ? /* @__PURE__ */ s(
+      e,
       {
         svgName: "client-error",
         title: `Erreur client (${t.status})`,
         description: r ?? void 0
       }
-    ) : typeof t.status == "number" && t.status.toString().startsWith("5") ? /* @__PURE__ */ e(
-      s,
+    ) : typeof t.status == "number" && t.status.toString().startsWith("5") ? /* @__PURE__ */ s(
+      e,
       {
         svgName: "server-error",
         title: `Erreur serveur (${t.status})`,
         description: r ?? void 0
       }
-    ) : /* @__PURE__ */ e(
-      s,
+    ) : /* @__PURE__ */ s(
+      e,
       {
         svgName: "error",
         title: `${i}${t.status}`,
@@ -30,14 +30,14 @@ const d = ({
       }
     );
   }
-  return /* @__PURE__ */ e(
-    s,
+  return /* @__PURE__ */ s(
+    e,
     {
       svgName: "error",
-      title: n(t) ? t.message : "Une erreur est survenue"
+      title: a(t) ? t.message : "Une erreur est survenue"
     }
   );
 };
 export {
-  d as default
+  f as default
 };

package/dist/components/ResourceCard/ResourceCard.cjs.js

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),m=require("../../createSvgIcon-DJMYlO0S.cjs"),d=require("@mui/material"),b=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),o=require("./style.cjs.js"),j=m.createSvgIcon(r.jsx("path",{d:"M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"}),"MoreVert"),g=({isSelected:l=!1,onSelect:x=()=>{},image:u,title:n,defaultImage:h,propertyItems:i=[],infoIcons:s=[],size:t="md",width:p,onClick:c=()=>{}})=>(s=s.slice(0,3),r.jsx(d.Box,{sx:{width:p&&t==="md"?p:"320px"},children:r.jsxs(o.StyledCard,{selected:l,size:t,onClick:c,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),c==null||c())},role:"button",tabIndex:0,"aria-label":`Resource card for ${n}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),x()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),x())},className:"selected-icon",selected:l,role:"button",tabIndex:0,"aria-label":l?"Unselect card":"Select card",children:r.jsx(j,{})}),r.jsx(d.Stack,{sx:{width:t=="sm"?110:"100%",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box"},children:r.jsx(o.ResourceCardImage,{image:u,defaultImage:h,size:t,role:"img","aria-label":`Image for ${n}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(b,{typographyProps:{fontWeight:"700",fontSize:"1.1rem"},tooltipProps:{placement:"bottom",arrow:!0},children:n}),i.length>0&&i.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===i.length-1,size:t,width:p,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:s.length>0&&s.map((e,a)=>r.jsx(d.Tooltip,{title:e.text,placement:"top",arrow:!0,children:r.jsx(o.ResourceIconItem,{size:t,role:"button",tabIndex:0,"aria-label":e.text,children:e.icon})},`info-${a}`))})]})]})}));module.exports=g;

package/dist/components/ResourceCard/ResourceCard.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export type PropertyItem = {
+    text: ReactNode;
+    icon?: ReactNode;
+};
+export type InfoItem = {
+    text: string;
+    icon: ReactNode;
+};
+export type ResourceCardSize = "md" | "sm";
+export type ResourceCardProps = {
+    isSelected?: boolean;
+    onSelect?: () => void;
+    image?: string;
+    defaultImage: string;
+    title: string;
+    propertyItems?: PropertyItem[];
+    infoIcons?: InfoItem[];
+    size?: ResourceCardSize;
+    width?: string;
+    onClick?: () => void;
+};
+declare const ResourceCard: React.FunctionComponent<ResourceCardProps>;
+export default ResourceCard;

package/dist/components/ResourceCard/ResourceCard.es.js

@@ -0,0 +1,128 @@
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { c as h } from "../../createSvgIcon-K2ZAdASa.js";
+import { Box as b, Stack as x, Tooltip as f } from "@mui/material";
+import g from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { StyledCard as y, SelectedIcon as P, ResourceCardImage as R, ResourceCardBody as I, ResourcePropertyItem as D, ResourcePropertyText as $, PublicIconWrapper as v, ResourceIconItem as w } from "./style.es.js";
+const S = h(/* @__PURE__ */ r("path", {
+  d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
+}), "MoreVert"), B = ({
+  isSelected: c = !1,
+  onSelect: m = () => {
+  },
+  image: s,
+  title: n,
+  defaultImage: u,
+  propertyItems: p = [],
+  infoIcons: a = [],
+  size: t = "md",
+  width: d,
+  onClick: l = () => {
+  }
+}) => (a = a.slice(0, 3), /* @__PURE__ */ r(b, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
+  y,
+  {
+    selected: c,
+    size: t,
+    onClick: l,
+    onKeyDown: (e) => {
+      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l == null || l());
+    },
+    role: "button",
+    tabIndex: 0,
+    "aria-label": `Resource card for ${n}`,
+    children: [
+      /* @__PURE__ */ r(
+        P,
+        {
+          onClick: (e) => {
+            e.preventDefault(), e.stopPropagation(), m();
+          },
+          onKeyDown: (e) => {
+            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), m());
+          },
+          className: "selected-icon",
+          selected: c,
+          role: "button",
+          tabIndex: 0,
+          "aria-label": c ? "Unselect card" : "Select card",
+          children: /* @__PURE__ */ r(S, {})
+        }
+      ),
+      /* @__PURE__ */ r(
+        x,
+        {
+          sx: {
+            width: t == "sm" ? 110 : "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            boxSizing: "border-box"
+          },
+          children: /* @__PURE__ */ r(
+            R,
+            {
+              image: s,
+              defaultImage: u,
+              size: t,
+              role: "img",
+              "aria-label": `Image for ${n}`
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ i(I, { size: t, children: [
+        /* @__PURE__ */ r(
+          g,
+          {
+            typographyProps: { fontWeight: "700", fontSize: "1.1rem" },
+            tooltipProps: { placement: "bottom", arrow: !0 },
+            children: n
+          }
+        ),
+        p.length > 0 && p.map((e, o) => /* @__PURE__ */ i(
+          D,
+          {
+            size: t,
+            role: "group",
+            "aria-label": `Property ${o}`,
+            children: [
+              e.icon,
+              /* @__PURE__ */ r(
+                $,
+                {
+                  isLast: o === p.length - 1,
+                  size: t,
+                  width: d,
+                  children: e.text
+                }
+              )
+            ]
+          },
+          `property-${o}`
+        )),
+        /* @__PURE__ */ r(v, { size: t, children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
+          f,
+          {
+            title: e.text,
+            placement: "top",
+            arrow: !0,
+            children: /* @__PURE__ */ r(
+              w,
+              {
+                size: t,
+                role: "button",
+                tabIndex: 0,
+                "aria-label": e.text,
+                children: e.icon
+              }
+            )
+          },
+          `info-${o}`
+        )) })
+      ] })
+    ]
+  }
+) }));
+export {
+  B as default
+};

package/dist/components/ResourceCard/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./ResourceCard.cjs.js");exports.ResourceCard=e;

package/dist/components/ResourceCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ResourceCard';
+export { default as ResourceCard } from './ResourceCard';

package/dist/components/ResourceCard/index.es.js

@@ -0,0 +1,4 @@
+import { default as a } from "./ResourceCard.es.js";
+export {
+  a as ResourceCard
+};

package/dist/components/ResourceCard/style.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),i=t.styled(t.Card)(({theme:e,selected:o,size:r})=>({boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",borderRadius:"0.5rem",height:"auto",border:"2px solid transparent",transition:"border-color 0.2s ease-in-out",position:"relative",...r==="sm"&&{display:"flex",width:"100%"},...o&&{borderColor:e.palette.primary.light},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),a=t.styled(t.Box)(({theme:e,selected:o})=>({position:"absolute",top:0,right:0,width:"2rem",height:"2rem",background:e.palette.common.white,display:"flex",justifyContent:"center",alignItems:"center",padding:".8rem",borderRadius:".5rem",visibility:"visible",opacity:0,cursor:"pointer",transition:"opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",...o&&{background:e.palette.primary.lighter,opacity:1,visibility:"visible"},"&:hover, &:focus":{background:e.palette.primary.lighter,opacity:1},"& .MuiSvgIcon-root":{color:e.palette.primary.main}})),s=t.styled(t.CardMedia)(({size:e,image:o,defaultImage:r})=>({height:e=="sm"?85:180,width:e=="sm"?85:"calc(100% - 2rem)",objectFit:"cover",margin:e=="sm"?"0 10px":"1rem",borderRadius:"0.5rem",...!o&&e==="md"&&{backgroundImage:`url(${r})`,backgroundRepeat:"repeat",backgroundSize:"20% 20%",backgroundPosition:"center",opacity:"0.7"}})),n=t.styled(t.CardContent)(({size:e})=>({padding:e=="sm"?".7rem 5px .7rem 0 !important":"0 16px 16px 16px !important",width:e==="sm"?"calc(100% - 110px)":"100%"})),p=t.styled(t.Box)(({size:e})=>({display:"flex",alignItems:"center",marginTop:"0.5rem",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),c=t.styled(t.Box)(({size:e,width:o,isLast:r})=>({marginLeft:e==="sm"?".3rem":".5rem",fontSize:e==="sm"?"12px":"15px","& .MuiTypography-root":{paddingTop:"2px",fontSize:e==="sm"?"12px":"15px"},...r&&!o&&{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",maxWidth:e==="sm"?"110px":"172px"}})),d=t.styled(t.Box)(({size:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"fit-content",height:"fit-content",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),l=t.styled(t.Box)(({size:e})=>({position:"absolute",bottom:e==="sm"?".65rem":"16px",right:e==="sm"?"8px":"16px",display:"flex",gap:".2rem"}));exports.PublicIconWrapper=l;exports.ResourceCardBody=n;exports.ResourceCardImage=s;exports.ResourceIconItem=d;exports.ResourcePropertyItem=p;exports.ResourcePropertyText=c;exports.SelectedIcon=a;exports.StyledCard=i;