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

package/dist/components/FileList/FileList.cjs.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime");require("react");const t=require("./FileListItem.cjs.js"),o=require("../../Box-mP2Th61z.cjs"),n=({files:r=[]})=>i.jsx(o.Box,{sx:{display:"flex",flexDirection:"column",rowGap:"0.5rem"},children:r.map((s,e)=>i.jsx(t,{file:s,uploading:e%2===0},e))});module.exports=n;
+"use strict";const e=require("react/jsx-runtime"),s=require("@mui/material"),o=require("./FileListItem.cjs.js"),m=({files:i,onDelete:r,onClick:n,onDownload:l})=>e.jsx(s.List,{sx:{display:"flex",flexDirection:"column"},children:i.map((c,t)=>e.jsxs(e.Fragment,{children:[e.jsx(o,{file:c,onClick:n,onDelete:r,onDownload:l},t),t<i.length-1&&e.jsx(s.Divider,{variant:"middle"})]}))});module.exports=m;

package/dist/components/FileList/FileList.d.ts

@@ -1,7 +1,9 @@
-import { File } from './FileListItem';
-export interface FileListProps<T extends File> {
+import { CustomFile } from './FileListItem';
+export interface FileListProps<T extends CustomFile> {
     files: T[];
     onDelete?: (file: T) => void;
+    onClick?: (file: T) => void;
+    onDownload?: (file: T) => void;
 }
-declare const FileList: <T extends File>({ files }: FileListProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const FileList: <T extends CustomFile>({ files, onDelete, onClick, onDownload, }: FileListProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default FileList;

package/dist/components/FileList/FileList.es.js

@@ -1,17 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
-import "react";
-import m from "./FileListItem.es.js";
-import { B as e } from "../../Box-Byz2BwGf.js";
-const f = ({
-  files: i = []
-}) => /* @__PURE__ */ r(e, { sx: { display: "flex", flexDirection: "column", rowGap: "0.5rem" }, children: i.map((t, o) => /* @__PURE__ */ r(
-  m,
-  {
-    file: t,
-    uploading: o % 2 === 0
-  },
-  o
-)) });
+import { jsx as i, jsxs as s, Fragment as n } from "react/jsx-runtime";
+import { List as a, Divider as d } from "@mui/material";
+import p from "./FileListItem.es.js";
+const h = ({
+  files: r,
+  onDelete: e,
+  onClick: m,
+  onDownload: l
+}) => /* @__PURE__ */ i(a, { sx: { display: "flex", flexDirection: "column" }, children: r.map((o, t) => /* @__PURE__ */ s(n, { children: [
+  /* @__PURE__ */ i(
+    p,
+    {
+      file: o,
+      onClick: m,
+      onDelete: e,
+      onDownload: l
+    },
+    t
+  ),
+  t < r.length - 1 && /* @__PURE__ */ i(d, { variant: "middle" })
+] })) });
 export {
-  f as default
+  h as default
 };

package/dist/components/FileList/FileListItem.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("../../Delete-D1EiKoL5.cjs"),a=require("../../createSvgIcon--rEClVU7.cjs"),u=require("../../Stack-Yq6rb7iK.cjs"),x=require("../../Box-mP2Th61z.cjs"),t=require("../../Typography-DfRMDngd.cjs"),l=require("../../IconButton-CJfzspZK.cjs"),d=require("../../CircularProgress-BByrCLjv.cjs"),h=a.createSvgIcon(r.jsx("path",{d:"M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"}),"InsertDriveFile"),j=({file:e,uploading:c,onDelete:s})=>{const i=`${e.size} octets`,o=()=>s==null?void 0:s(e);return r.jsxs(u.Stack,{direction:"row",alignItems:"center",spacing:2,children:[r.jsx(h,{color:"primary"}),r.jsxs(x.Box,{sx:{width:"100%"},children:[r.jsx(t.Typography,{children:e.name}),r.jsx(t.Typography,{fontSize:"0.875rem",color:"grey",children:i})]}),r.jsx(l.IconButton,{onClick:o,disabled:c,children:c?r.jsx(d.CircularProgress,{size:24}):r.jsx(n.DeleteIcon,{})})]})};module.exports=j;
+"use strict";const e=require("react/jsx-runtime"),n=require("@mui/material"),g=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),y=require("./FileIcon.cjs.js"),p=require("./FileInfosSeparator.cjs.js"),x=require("./utils.cjs.js"),s=require("../../Stack-C6v70ALA.cjs"),d=require("../../Typography-DEAE8-8u.cjs"),j=require("../../createSvgIcon-Dn4BBPej.cjs"),I=require("../../CloseRounded-DQWTEbNz.cjs"),b=j.createSvgIcon(e.jsx("path",{d:"M16.59 9H15V4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v5H7.41c-.89 0-1.34 1.08-.71 1.71l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.63-.63.19-1.71-.7-1.71M5 19c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1"}),"DownloadRounded"),S=n.styled(n.ListItemButton)(({isClickable:t})=>({"&:hover":{boxShadow:t?"0 4px 8px rgba(192, 192, 192, 0.3)":"none",backgroundColor:"transparent"},opacity:"1 !important",borderRadius:"4px",cursor:t?"pointer":"default",display:"flex",flexDirection:"row",alignItems:"center",padding:"0.5rem 1rem",width:"100%",justifyContent:"space-between",boxSizing:"border-box",paddingRight:"115px !important"})),q=({file:t,onDelete:a,onClick:r,onDownload:c})=>{if(!t.name)return null;const o=x.displaySize(t.size),i=x.displayExtension(t.name),h=()=>r==null?void 0:r(t),u=l=>{l.stopPropagation(),a==null||a(t)},m=l=>{l.stopPropagation(),c==null||c(t)};return e.jsx(n.ListItem,{secondaryAction:e.jsxs(n.Box,{alignItems:"center",display:"flex",gap:"1rem",children:[t.isLoading?e.jsx(n.Box,{marginRight:1,children:e.jsx(n.CircularProgress,{size:24,color:"primary"})}):t.isDownloadable?e.jsx(n.IconButton,{onClick:m,children:e.jsx(b,{color:"primary"})}):null,t.isDeletable&&e.jsx(n.IconButton,{onClick:u,id:"coucou",children:e.jsx(I.CloseRounded,{})})]}),disablePadding:!0,children:e.jsx(S,{onClick:h,isClickable:!!r,disabled:!r,children:e.jsxs(s.Stack,{direction:"row",alignItems:"center",spacing:2,minWidth:"0",children:[e.jsx(s.Stack,{borderRadius:"4px",minWidth:"40px",maxWidth:"40px",minHeight:"40px",maxHeight:"40px",display:"flex",alignItems:"center",justifyContent:"center",sx:{backgroundColor:"grey.light"},children:e.jsx(n.Box,{color:"text.secondary",alignItems:"center",justifyContent:"center",display:"flex",children:e.jsx(y.FileIcon,{extension:i??""})})}),e.jsxs(s.Stack,{direction:"column",spacing:0,alignItems:"flex-start",minWidth:"0",children:[e.jsx(g,{typographyProps:{variant:"body1"},children:t.name}),e.jsxs(s.Stack,{display:"flex",flexDirection:"row",alignItems:"center",gap:1,children:[o&&e.jsx(d.Typography,{variant:"caption",color:"text.secondary",children:o}),o&&i&&e.jsx(p.FileInfosSeparator,{}),i&&e.jsx(d.Typography,{variant:"caption",color:"text.secondary",children:i}),t.ownerName&&(o||i)&&e.jsx(p.FileInfosSeparator,{}),t.ownerName&&e.jsx(d.Typography,{variant:"caption",color:"text.secondary",children:t.ownerName})]})]})]})})},crypto.randomUUID())};module.exports=q;

package/dist/components/FileList/FileListItem.d.ts

@@ -1,12 +1,16 @@
-export interface File {
+export interface CustomFile {
     name: string;
     size: number;
-    uploading?: boolean;
+    isLoading?: boolean;
+    isDeletable?: boolean;
+    isDownloadable?: boolean;
+    ownerName?: string;
 }
-export interface FileListItemProps<T extends File> {
+export interface FileListItemProps<T extends CustomFile> {
     file: T;
-    uploading?: boolean;
     onDelete?: (file: T) => void;
+    onClick?: (file: T) => void;
+    onDownload?: (file: T) => void;
 }
-declare const FileListItem: <T extends File>({ file, uploading, onDelete, }: FileListItemProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const FileListItem: <T extends CustomFile>({ file, onDelete, onClick, onDownload, }: FileListItemProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export default FileListItem;

package/dist/components/FileList/FileListItem.es.js

@@ -1,28 +1,121 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { D as n } from "../../Delete-BkZN7Xu5.js";
-import { c as a } from "../../createSvgIcon-C8nGcfF4.js";
-import { S as p } from "../../Stack-BzTJdRGj.js";
-import { B as d } from "../../Box-Byz2BwGf.js";
-import { T as s } from "../../Typography-DBwTr_ix.js";
-import { I as l } from "../../IconButton-CekuyD4r.js";
-import { C as I } from "../../CircularProgress-Kwlef5fX.js";
-const f = a(/* @__PURE__ */ r("path", {
-  d: "M6 2c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm7 7V3.5L18.5 9z"
-}), "InsertDriveFile"), B = ({
-  file: o,
-  uploading: i,
-  onDelete: t
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { styled as u, ListItemButton as b, ListItem as I, Box as l, CircularProgress as f, IconButton as m } from "@mui/material";
+import w from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { FileIcon as S } from "./FileIcon.es.js";
+import { FileInfosSeparator as h } from "./FileInfosSeparator.es.js";
+import { displaySize as v, displayExtension as C } from "./utils.es.js";
+import { S as a } from "../../Stack-aCUdCw1A.js";
+import { T as p } from "../../Typography-CE8fQQ8B.js";
+import { c as R } from "../../createSvgIcon-CCejzj0C.js";
+import { C as j } from "../../CloseRounded-DTpqUeWr.js";
+const z = R(/* @__PURE__ */ r("path", {
+  d: "M16.59 9H15V4c0-.55-.45-1-1-1h-4c-.55 0-1 .45-1 1v5H7.41c-.89 0-1.34 1.08-.71 1.71l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.63-.63.19-1.71-.7-1.71M5 19c0 .55.45 1 1 1h12c.55 0 1-.45 1-1s-.45-1-1-1H6c-.55 0-1 .45-1 1"
+}), "DownloadRounded"), H = u(b)(
+  ({ isClickable: t }) => ({
+    "&:hover": {
+      boxShadow: t ? "0 4px 8px rgba(192, 192, 192, 0.3)" : "none",
+      backgroundColor: "transparent"
+    },
+    opacity: "1 !important",
+    borderRadius: "4px",
+    cursor: t ? "pointer" : "default",
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center",
+    padding: "0.5rem 1rem",
+    width: "100%",
+    justifyContent: "space-between",
+    boxSizing: "border-box",
+    paddingRight: "115px !important"
+  })
+), M = ({
+  file: t,
+  onDelete: c,
+  onClick: e,
+  onDownload: s
 }) => {
-  const e = `${o.size} octets`, m = () => t == null ? void 0 : t(o);
-  return /* @__PURE__ */ c(p, { direction: "row", alignItems: "center", spacing: 2, children: [
-    /* @__PURE__ */ r(f, { color: "primary" }),
-    /* @__PURE__ */ c(d, { sx: { width: "100%" }, children: [
-      /* @__PURE__ */ r(s, { children: o.name }),
-      /* @__PURE__ */ r(s, { fontSize: "0.875rem", color: "grey", children: e })
-    ] }),
-    /* @__PURE__ */ r(l, { onClick: m, disabled: i, children: i ? /* @__PURE__ */ r(I, { size: 24 }) : /* @__PURE__ */ r(n, {}) })
-  ] });
+  if (!t.name) return null;
+  const i = v(t.size), o = C(t.name), x = () => e == null ? void 0 : e(t), g = (d) => {
+    d.stopPropagation(), c == null || c(t);
+  }, y = (d) => {
+    d.stopPropagation(), s == null || s(t);
+  };
+  return /* @__PURE__ */ r(
+    I,
+    {
+      secondaryAction: /* @__PURE__ */ n(l, { alignItems: "center", display: "flex", gap: "1rem", children: [
+        t.isLoading ? /* @__PURE__ */ r(l, { marginRight: 1, children: /* @__PURE__ */ r(f, { size: 24, color: "primary" }) }) : t.isDownloadable ? /* @__PURE__ */ r(m, { onClick: y, children: /* @__PURE__ */ r(z, { color: "primary" }) }) : null,
+        t.isDeletable && /* @__PURE__ */ r(m, { onClick: g, id: "coucou", children: /* @__PURE__ */ r(j, {}) })
+      ] }),
+      disablePadding: !0,
+      children: /* @__PURE__ */ r(
+        H,
+        {
+          onClick: x,
+          isClickable: !!e,
+          disabled: !e,
+          children: /* @__PURE__ */ n(a, { direction: "row", alignItems: "center", spacing: 2, minWidth: "0", children: [
+            /* @__PURE__ */ r(
+              a,
+              {
+                borderRadius: "4px",
+                minWidth: "40px",
+                maxWidth: "40px",
+                minHeight: "40px",
+                maxHeight: "40px",
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center",
+                sx: {
+                  backgroundColor: "grey.light"
+                },
+                children: /* @__PURE__ */ r(
+                  l,
+                  {
+                    color: "text.secondary",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    display: "flex",
+                    children: /* @__PURE__ */ r(S, { extension: o ?? "" })
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ n(
+              a,
+              {
+                direction: "column",
+                spacing: 0,
+                alignItems: "flex-start",
+                minWidth: "0",
+                children: [
+                  /* @__PURE__ */ r(w, { typographyProps: { variant: "body1" }, children: t.name }),
+                  /* @__PURE__ */ n(
+                    a,
+                    {
+                      display: "flex",
+                      flexDirection: "row",
+                      alignItems: "center",
+                      gap: 1,
+                      children: [
+                        i && /* @__PURE__ */ r(p, { variant: "caption", color: "text.secondary", children: i }),
+                        i && o && /* @__PURE__ */ r(h, {}),
+                        o && /* @__PURE__ */ r(p, { variant: "caption", color: "text.secondary", children: o }),
+                        t.ownerName && (i || o) && /* @__PURE__ */ r(h, {}),
+                        t.ownerName && /* @__PURE__ */ r(p, { variant: "caption", color: "text.secondary", children: t.ownerName })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          ] })
+        }
+      )
+    },
+    crypto.randomUUID()
+  );
 };
 export {
-  B as default
+  M as default
 };

package/dist/components/FileList/utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>{if(!t||t<0)return null;const n=["octets","Ko","Mo","Go","To"],o=Math.min(Math.floor(Math.log2(t)/10),n.length-1);return`${(t/1024**o).toFixed(1)} ${n[o]}`},l=t=>{if(!t)return null;const n=t.split(".").pop();return n?n.toUpperCase():null};exports.displayExtension=l;exports.displaySize=e;

package/dist/components/FileList/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const displaySize: (size: number) => string | null;
+export declare const displayExtension: (name: string) => string | null;

package/dist/components/FileList/utils.es.js

@@ -0,0 +1,13 @@
+const l = (t) => {
+  if (!t || t < 0) return null;
+  const n = ["octets", "Ko", "Mo", "Go", "To"], o = Math.min(Math.floor(Math.log2(t) / 10), n.length - 1);
+  return `${(t / 1024 ** o).toFixed(1)} ${n[o]}`;
+}, e = (t) => {
+  if (!t) return null;
+  const n = t.split(".").pop();
+  return n ? n.toUpperCase() : null;
+};
+export {
+  e as displayExtension,
+  l as displaySize
+};

package/dist/components/Heading/Heading.cjs.js

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-Yq6rb7iK.cjs"),j=require("../../Typography-DfRMDngd.cjs"),y=({title:u,IconComponent:g,iconColor:n,iconProps:h,iconSize:e=28,titleProps:a,...x})=>d.jsxs(c.Stack,{direction:"row",alignItems:"center",gap:1,...x,children:[g?d.jsx(g,{sx:{fontSize:e,padding:"2px",borderRadius:1,color:n==null?void 0:n[500],backgroundColor:n==null?void 0:n[50]},...h}):null,d.jsx(j.Typography,{component:(a==null?void 0:a.component)??"h3",variant:(a==null?void 0:a.variant)??"h2",fontWeight:(a==null?void 0:a.fontWeight)??400,...a,children:u})]});module.exports=y;
+"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-C6v70ALA.cjs"),j=require("../../Typography-DEAE8-8u.cjs"),y=({title:u,IconComponent:g,iconColor:n,iconProps:h,iconSize:e=28,titleProps:a,...x})=>d.jsxs(c.Stack,{direction:"row",alignItems:"center",gap:1,...x,children:[g?d.jsx(g,{sx:{fontSize:e,padding:"2px",borderRadius:1,color:n==null?void 0:n[500],backgroundColor:n==null?void 0:n[50]},...h}):null,d.jsx(j.Typography,{component:(a==null?void 0:a.component)??"h3",variant:(a==null?void 0:a.variant)??"h2",fontWeight:(a==null?void 0:a.fontWeight)??400,...a,children:u})]});module.exports=y;

package/dist/components/Heading/Heading.es.js

@@ -1,6 +1,6 @@
 import { jsxs as x, jsx as m } from "react/jsx-runtime";
-import { S } from "../../Stack-BzTJdRGj.js";
-import { T as b } from "../../Typography-DBwTr_ix.js";
+import { S } from "../../Stack-aCUdCw1A.js";
+import { T as b } from "../../Typography-CE8fQQ8B.js";
 const y = ({
   title: n,
   IconComponent: g,

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-Dn4BBPej.cjs"),o=require("@mui/material"),I=require("react"),S=require("../../index-CJW5gB6d.cjs"),C=require("../../Stack-C6v70ALA.cjs"),i=require("../../Typography-DEAE8-8u.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-CCejzj0C.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-BGS2uu2L.js";
+import { S as F } from "../../Stack-aCUdCw1A.js";
+import { T as l } from "../../Typography-CE8fQQ8B.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-C0mEbUoK.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-DbRInJ2-.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-COarwgJj.cjs"),c=require("../../Box-C0mEbUoK.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-DdA12b-5.js";
+import { B as l } from "../../Box-DbRInJ2-.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-C9NrmB_z.cjs"),d=require("../../IconButton-Edo5JMfQ.cjs"),n=require("../../createSvgIcon-Dn4BBPej.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;