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

package/dist/components/DatePicker/DatePicker.es.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
-import "../../fr-Bjufn3RW.js";
-import { D as p } from "../../DatePicker-BS1OatwQ.js";
+import "../../fr-B3qrCNcK.js";
+import { D as p } from "../../DatePicker-C6MCYjpp.js";
 export {
   p as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../DatePicker-7-4p3Vtj.cjs");exports.DatePicker=e.DatePicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../DatePicker-CTIqTlNQ.cjs");exports.DatePicker=e.DatePicker;

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

@@ -1,4 +1,4 @@
-import { D as a } from "../../DatePicker-BS1OatwQ.js";
+import { D as a } from "../../DatePicker-C6MCYjpp.js";
 export {
   a as DatePicker
 };

package/dist/components/Dialog/Dialog.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),t=require("../../createSvgIcon--rEClVU7.cjs"),i=require("@mui/material"),a=require("../../Dialog-yOrNcHbG.cjs"),u=t.createSvgIcon(n.jsx("path",{d:"M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"}),"CloseRounded"),r=({children:s,showCloseButton:l=!0,...e})=>{const o=()=>{var c;return(c=e.onClose)==null?void 0:c.call(e,{},"escapeKeyDown")};return n.jsxs(a.Dialog,{...e,children:[l?n.jsx(i.IconButton,{"aria-label":"close",onClick:o,sx:{position:"absolute",right:16,top:16},children:n.jsx(u,{})}):null,s]})};module.exports=r;
+"use strict";const n=require("react/jsx-runtime"),t=require("../../CloseRounded-BRXBizmR.cjs"),c=require("@mui/material"),u=require("../../Dialog-B1wnk5BT.cjs"),a=({children:s,showCloseButton:i=!0,...e})=>{const o=()=>{var l;return(l=e.onClose)==null?void 0:l.call(e,{},"escapeKeyDown")};return n.jsxs(u.Dialog,{...e,children:[i?n.jsx(c.IconButton,{"aria-label":"close",onClick:o,sx:{position:"absolute",right:24,top:24},children:n.jsx(t.CloseRounded,{})}):null,s]})};module.exports=a;

package/dist/components/Dialog/Dialog.es.js

@@ -1,28 +1,26 @@
-import { jsx as l, jsxs as c } from "react/jsx-runtime";
-import { c as s } from "../../createSvgIcon-C8nGcfF4.js";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { C as s } from "../../CloseRounded-BMEGLs8y.js";
 import { IconButton as t } from "@mui/material";
-import { D as i } from "../../Dialog-D_lS4J_M.js";
-const d = s(/* @__PURE__ */ l("path", {
-  d: "M18.3 5.71a.996.996 0 0 0-1.41 0L12 10.59 7.11 5.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4"
-}), "CloseRounded"), g = ({
+import { D as c } from "../../Dialog-CKS7yjT5.js";
+const f = ({
   children: e,
   showCloseButton: a = !0,
-  ...o
-}) => /* @__PURE__ */ c(i, { ...o, children: [
-  a ? /* @__PURE__ */ l(
+  ...l
+}) => /* @__PURE__ */ i(c, { ...l, children: [
+  a ? /* @__PURE__ */ n(
     t,
     {
       "aria-label": "close",
       onClick: () => {
-        var n;
-        return (n = o.onClose) == null ? void 0 : n.call(o, {}, "escapeKeyDown");
+        var o;
+        return (o = l.onClose) == null ? void 0 : o.call(l, {}, "escapeKeyDown");
       },
-      sx: { position: "absolute", right: 16, top: 16 },
-      children: /* @__PURE__ */ l(d, {})
+      sx: { position: "absolute", right: 24, top: 24 },
+      children: /* @__PURE__ */ n(s, {})
     }
   ) : null,
   e
 ] });
 export {
-  g as default
+  f as default
 };

package/dist/components/Dropzone/Dropzone.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("../../createSvgIcon--rEClVU7.cjs"),d=require("../../index-ChM1Ett8.cjs"),a=require("../../Stack-Yq6rb7iK.cjs"),r=require("../../Typography-DfRMDngd.cjs"),h=s.createSvgIcon(e.jsx("path",{d:"M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"}),"FileUpload"),u=s.createSvgIcon(e.jsx("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"}),"UploadFile"),g=({defaultLabel:c="Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers",dragLabel:i="Déposer les fichiers ici",information:o,...n})=>{const{getRootProps:t,getInputProps:p,isDragActive:l}=d.useDropzone(n);return e.jsxs(a.Stack,{direction:"column",justifyContent:"center",alignItems:"center",spacing:1,width:"18rem",padding:1,border:"1px dashed",borderColor:"grey.main",borderRadius:1,sx:{cursor:"pointer"},...t(),children:[e.jsx("input",{...p()}),l?e.jsxs(e.Fragment,{children:[e.jsx(h,{color:"primary"}),e.jsx(r.Typography,{children:i})]}):e.jsxs(e.Fragment,{children:[e.jsx(u,{color:"primary"}),e.jsx(r.Typography,{children:c}),o?e.jsx(r.Typography,{fontSize:"0.875rem",color:"grey",children:o}):null]})]})};module.exports=g;
+"use strict";const e=require("react/jsx-runtime"),s=require("../../createSvgIcon-DJMYlO0S.cjs"),h=require("../../index-CVFzneYe.cjs"),u=require("../../Stack-B82ckLGm.cjs"),r=require("../../Typography-DPij13XT.cjs"),g=s.createSvgIcon(e.jsx("path",{d:"M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"}),"FileUpload"),x=s.createSvgIcon(e.jsx("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"}),"UploadFile"),j=({defaultLabel:c="Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers",dragLabel:i="Déposer les fichiers ici",information:o,width:n,height:t,...p})=>{const{getRootProps:l,getInputProps:a,isDragActive:d}=h.useDropzone(p);return e.jsxs(u.Stack,{direction:"column",justifyContent:"center",alignItems:"center",spacing:1,width:n??"18rem",height:t??"auto",padding:1,border:"1px dashed",borderColor:"grey.main",borderRadius:1,sx:{cursor:"pointer"},...l(),children:[e.jsx("input",{...a()}),d?e.jsxs(e.Fragment,{children:[e.jsx(g,{color:"primary"}),e.jsx(r.Typography,{children:i})]}):e.jsxs(e.Fragment,{children:[e.jsx(x,{color:"primary"}),e.jsx(r.Typography,{children:c}),o?e.jsx(r.Typography,{fontSize:"0.875rem",color:"grey",children:o}):null]})]})};module.exports=j;

package/dist/components/Dropzone/Dropzone.d.ts

@@ -3,6 +3,8 @@ export type DropzoneProps = {
     defaultLabel?: string;
     dragLabel?: string;
     information?: string;
+    width?: string;
+    height?: string;
 } & ReactDropzoneProps;
 declare const Dropzone: React.FunctionComponent<DropzoneProps>;
 export default Dropzone;

package/dist/components/Dropzone/Dropzone.es.js

@@ -1,27 +1,30 @@
 import { jsx as r, jsxs as e, Fragment as c } from "react/jsx-runtime";
-import { c as s } from "../../createSvgIcon-C8nGcfF4.js";
-import { u as h } from "../../index-CwvpOCso.js";
-import { S as m } from "../../Stack-BzTJdRGj.js";
-import { T as o } from "../../Typography-DBwTr_ix.js";
-const u = s(/* @__PURE__ */ r("path", {
+import { c as t } from "../../createSvgIcon-K2ZAdASa.js";
+import { u } from "../../index-B1u7G33_.js";
+import { S as g } from "../../Stack-hbAJHQhq.js";
+import { T as o } from "../../Typography-SIQ6eleU.js";
+const f = t(/* @__PURE__ */ r("path", {
   d: "M9 16h6v-6h4l-7-7-7 7h4zm-4 2h14v2H5z"
-}), "FileUpload"), g = s(/* @__PURE__ */ r("path", {
+}), "FileUpload"), z = t(/* @__PURE__ */ r("path", {
   d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5zM8 15.01l1.41 1.41L11 14.84V19h2v-4.16l1.59 1.59L16 15.01 12.01 11z"
-}), "UploadFile"), F = ({
-  defaultLabel: t = "Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers",
+}), "UploadFile"), D = ({
+  defaultLabel: s = "Glisser et déposer des fichiers ici, ou cliquer pour sélectionner des fichiers",
   dragLabel: n = "Déposer les fichiers ici",
   information: i,
-  ...l
+  width: l,
+  height: p,
+  ...d
 }) => {
-  const { getRootProps: p, getInputProps: d, isDragActive: a } = h(l);
+  const { getRootProps: a, getInputProps: h, isDragActive: m } = u(d);
   return /* @__PURE__ */ e(
-    m,
+    g,
     {
       direction: "column",
       justifyContent: "center",
       alignItems: "center",
       spacing: 1,
-      width: "18rem",
+      width: l ?? "18rem",
+      height: p ?? "auto",
       padding: 1,
       border: "1px dashed",
       borderColor: "grey.main",
@@ -29,15 +32,15 @@ const u = s(/* @__PURE__ */ r("path", {
       sx: {
         cursor: "pointer"
       },
-      ...p(),
+      ...a(),
       children: [
-        /* @__PURE__ */ r("input", { ...d() }),
-        a ? /* @__PURE__ */ e(c, { children: [
-          /* @__PURE__ */ r(u, { color: "primary" }),
+        /* @__PURE__ */ r("input", { ...h() }),
+        m ? /* @__PURE__ */ e(c, { children: [
+          /* @__PURE__ */ r(f, { color: "primary" }),
           /* @__PURE__ */ r(o, { children: n })
         ] }) : /* @__PURE__ */ e(c, { children: [
-          /* @__PURE__ */ r(g, { color: "primary" }),
-          /* @__PURE__ */ r(o, { children: t }),
+          /* @__PURE__ */ r(z, { color: "primary" }),
+          /* @__PURE__ */ r(o, { children: s }),
           i ? /* @__PURE__ */ r(o, { fontSize: "0.875rem", color: "grey", children: i }) : null
         ] })
       ]
@@ -45,5 +48,5 @@ const u = s(/* @__PURE__ */ r("path", {
   );
 };
 export {
-  F as default
+  D as default
 };

package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.cjs.js

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react"),x=({children:r,tooltipProps:l,typographyProps:c})=>{const[u,f]=t.useState(!1),e=t.useRef(null);return t.useEffect(()=>{const s=()=>{if(e.current){const{scrollWidth:p,clientWidth:a}=e.current;f(p>a)}},i=new ResizeObserver(()=>{s()});return e.current&&i.observe(e.current),s(),()=>{e.current&&i.unobserve(e.current)}},[]),n.jsx(o.Tooltip,{disableHoverListener:!u,title:r,...l,children:n.jsx(o.Typography,{ref:e,noWrap:!0,overflow:"hidden",textOverflow:"ellipsis",...c,children:r})})};module.exports=x;
+"use strict";const n=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react"),x=({children:r,tooltipProps:l,typographyProps:c})=>{const[u,f]=t.useState(!1),e=t.useRef(null);return t.useEffect(()=>{const s=()=>{if(e.current){const{scrollWidth:p,clientWidth:a}=e.current;f(p>a)}},i=new ResizeObserver(()=>{s()});return e.current&&i.observe(e.current),s(),()=>{e.current&&i.unobserve(e.current)}},[]),n.jsx(o.Tooltip,{disableHoverListener:!u,title:r,...l,children:n.jsx(o.Typography,{ref:e,noWrap:!0,overflow:"hidden",textOverflow:"ellipsis",...c,maxWidth:"100%",children:r})})};module.exports=x;

package/dist/components/EllipsisWithTooltip/EllipsisWithTooltip.es.js

@@ -1,13 +1,13 @@
 import { jsx as i } from "react/jsx-runtime";
 import { Tooltip as p, Typography as d } from "@mui/material";
-import { useState as a, useRef as v, useEffect as h } from "react";
+import { useState as a, useRef as h, useEffect as m } from "react";
 const E = ({
   children: t,
   tooltipProps: o,
   typographyProps: l
 }) => {
-  const [n, c] = a(!1), e = v(null);
-  return h(() => {
+  const [n, c] = a(!1), e = h(null);
+  return m(() => {
     const r = () => {
       if (e.current) {
         const { scrollWidth: f, clientWidth: u } = e.current;
@@ -33,6 +33,7 @@ const E = ({
           overflow: "hidden",
           textOverflow: "ellipsis",
           ...l,
+          maxWidth: "100%",
           children: t
         }
       )

package/dist/components/EmptyState/EmptyState.cjs.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),l=require("../../hooks/lazySvgImport.cjs.js"),g=require("../../Stack-Yq6rb7iK.cjs"),i=require("../../Typography-DfRMDngd.cjs"),u=({svgName:n,title:s,description:e,descriptionProps:o,svgProps:c,titleProps:a,...h})=>{const{Svg:r}=l.useLazySvgImport(n);return r?t.jsxs(g.Stack,{direction:"column",alignItems:"center",margin:"auto",...h,children:[t.jsx("div",{style:{width:200,maxHeight:200},children:t.jsx(r,{width:"100%",height:"100%",preserveAspectRatio:"xMinYMin slice",...c})}),t.jsx(i.Typography,{variant:"h2",fontWeight:500,mt:3,...a,children:s}),e?t.jsx(i.Typography,{color:"grey",mt:2,...o,children:e}):null]}):null};module.exports=u;
+"use strict";const t=require("react/jsx-runtime"),l=require("../../hooks/lazySvgImport.cjs.js"),g=require("../../Stack-B82ckLGm.cjs"),i=require("../../Typography-DPij13XT.cjs"),u=({svgName:n,title:s,description:e,descriptionProps:o,svgProps:c,titleProps:a,...h})=>{const{Svg:r}=l.useLazySvgImport(n);return r?t.jsxs(g.Stack,{direction:"column",alignItems:"center",margin:"auto",...h,children:[t.jsx("div",{style:{width:200,maxHeight:200},children:t.jsx(r,{width:"100%",height:"100%",preserveAspectRatio:"xMinYMin slice",...c})}),t.jsx(i.Typography,{variant:"h2",fontWeight:500,mt:3,...a,children:s}),e?t.jsx(i.Typography,{color:"grey",mt:2,...o,children:e}):null]}):null};module.exports=u;

package/dist/components/EmptyState/EmptyState.es.js

@@ -1,7 +1,7 @@
 import { jsxs as c, jsx as t } from "react/jsx-runtime";
 import { useLazySvgImport as h } from "../../hooks/lazySvgImport.es.js";
-import { S as p } from "../../Stack-BzTJdRGj.js";
-import { T as i } from "../../Typography-DBwTr_ix.js";
+import { S as p } from "../../Stack-hbAJHQhq.js";
+import { T as i } from "../../Typography-SIQ6eleU.js";
 const y = ({
   svgName: o,
   title: n,

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),e=require("../../createSvgIcon-DJMYlO0S.cjs"),s=e.createSvgIcon(c.jsx("path",{d:"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M8 11H4V6h4zm6 0h-4V6h4zm6 0h-4V6h4zM8 18H4v-5h4zm6 0h-4v-5h4zm6 0h-4v-5h4z"}),"CalendarViewMonthRounded"),n=e.createSvgIcon(c.jsx("path",{d:"M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z"}),"DescriptionOutlined"),h=e.createSvgIcon(c.jsx("path",{d:"M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zM6 20V4h7v5h5v11z"}),"InsertDriveFileOutlined"),a=e.createSvgIcon(c.jsx("path",{d:"M4 6.47 5.76 10H20v8H4zM22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2z"}),"MovieOutlined"),o=e.createSvgIcon(c.jsx("path",{d:"M12 5v8.55c-.94-.54-2.1-.75-3.33-.32-1.34.48-2.37 1.67-2.61 3.07-.46 2.74 1.86 5.08 4.59 4.65 1.96-.31 3.35-2.11 3.35-4.1V7h2c1.1 0 2-.9 2-2s-.9-2-2-2h-2c-1.1 0-2 .9-2 2"}),"MusicNoteRounded"),r=e.createSvgIcon(c.jsx("path",{d:"M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v1c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-1h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2m-1 14H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1m-5.52-5.13-3.98 2.28c-.67.38-1.5-.11-1.5-.87V8.72c0-.77.83-1.25 1.5-.87l3.98 2.28c.67.39.67 1.35 0 1.74"}),"OndemandVideoRounded"),d=e.createSvgIcon(c.jsx("path",{d:"M19 5v14H5V5zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-4.86 8.86-3 3.87L9 13.14 6 17h12z"}),"PhotoOutlined"),v=e.createSvgIcon(c.jsx("path",{d:"M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H8V4h12zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4zm12 6V9c0-.55-.45-1-1-1h-2v5h2c.55 0 1-.45 1-1m-2-3h1v3h-1zm4 2h1v-1h-1V9h1V8h-2v5h1zm-8 0h1c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1H9v5h1zm0-2h1v1h-1z"}),"PictureAsPdfOutlined"),i=({extension:t})=>{switch(t.toUpperCase()){case"MP3":case"MIDI":case"WAV":return c.jsx(o,{});case"JPG":case"JPEG":case"PNG":case"SVG":return c.jsx(d,{});case"MP4":case"MOV":case"AVI":return c.jsx(a,{});case"CSV":case"ODS":case"XLS":case"XLSX":return c.jsx(s,{});case"PDF":return c.jsx(v,{});case"ODT":case"DOC":case"DOCX":case"TXT":return c.jsx(n,{});case"ODP":case"PPT":case"PPTX":return c.jsx(r,{});default:return c.jsx(h,{})}};exports.FileIcon=i;

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

@@ -0,0 +1,3 @@
+export declare const FileIcon: React.FC<{
+    extension: string;
+}>;

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

@@ -0,0 +1,56 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as e } from "../../createSvgIcon-K2ZAdASa.js";
+const t = e(/* @__PURE__ */ c("path", {
+  d: "M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2M8 11H4V6h4zm6 0h-4V6h4zm6 0h-4V6h4zM8 18H4v-5h4zm6 0h-4v-5h4zm6 0h-4v-5h4z"
+}), "CalendarViewMonthRounded"), n = e(/* @__PURE__ */ c("path", {
+  d: "M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zm4 18H6V4h7v5h5z"
+}), "DescriptionOutlined"), s = e(/* @__PURE__ */ c("path", {
+  d: "M14 2H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8zM6 20V4h7v5h5v11z"
+}), "InsertDriveFileOutlined"), d = e(/* @__PURE__ */ c("path", {
+  d: "M4 6.47 5.76 10H20v8H4zM22 4h-4l2 4h-3l-2-4h-2l2 4h-3l-2-4H8l2 4H7L5 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2z"
+}), "MovieOutlined"), a = e(/* @__PURE__ */ c("path", {
+  d: "M12 5v8.55c-.94-.54-2.1-.75-3.33-.32-1.34.48-2.37 1.67-2.61 3.07-.46 2.74 1.86 5.08 4.59 4.65 1.96-.31 3.35-2.11 3.35-4.1V7h2c1.1 0 2-.9 2-2s-.9-2-2-2h-2c-1.1 0-2 .9-2 2"
+}), "MusicNoteRounded"), o = e(/* @__PURE__ */ c("path", {
+  d: "M21 3H3c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h5v1c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-1h5c1.1 0 1.99-.9 1.99-2L23 5c0-1.11-.9-2-2-2m-1 14H4c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h16c.55 0 1 .45 1 1v10c0 .55-.45 1-1 1m-5.52-5.13-3.98 2.28c-.67.38-1.5-.11-1.5-.87V8.72c0-.77.83-1.25 1.5-.87l3.98 2.28c.67.39.67 1.35 0 1.74"
+}), "OndemandVideoRounded"), r = e(/* @__PURE__ */ c("path", {
+  d: "M19 5v14H5V5zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-4.86 8.86-3 3.87L9 13.14 6 17h12z"
+}), "PhotoOutlined"), i = e(/* @__PURE__ */ c("path", {
+  d: "M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m0 14H8V4h12zM4 6H2v14c0 1.1.9 2 2 2h14v-2H4zm12 6V9c0-.55-.45-1-1-1h-2v5h2c.55 0 1-.45 1-1m-2-3h1v3h-1zm4 2h1v-1h-1V9h1V8h-2v5h1zm-8 0h1c.55 0 1-.45 1-1V9c0-.55-.45-1-1-1H9v5h1zm0-2h1v1h-1z"
+}), "PictureAsPdfOutlined"), V = ({ extension: h }) => {
+  switch (h.toUpperCase()) {
+    case "MP3":
+    case "MIDI":
+    case "WAV":
+      return /* @__PURE__ */ c(a, {});
+    case "JPG":
+    case "JPEG":
+    case "PNG":
+    case "SVG":
+      return /* @__PURE__ */ c(r, {});
+    case "MP4":
+    case "MOV":
+    case "AVI":
+      return /* @__PURE__ */ c(d, {});
+    case "CSV":
+    case "ODS":
+    case "XLS":
+    case "XLSX":
+      return /* @__PURE__ */ c(t, {});
+    case "PDF":
+      return /* @__PURE__ */ c(i, {});
+    case "ODT":
+    case "DOC":
+    case "DOCX":
+    case "TXT":
+      return /* @__PURE__ */ c(n, {});
+    case "ODP":
+    case "PPT":
+    case "PPTX":
+      return /* @__PURE__ */ c(o, {});
+    default:
+      return /* @__PURE__ */ c(s, {});
+  }
+};
+export {
+  V as FileIcon
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@mui/material"),t=()=>e.jsx(r.Stack,{height:"100%",children:e.jsx(r.Stack,{height:"4px",width:"4px",borderRadius:"50%",sx:{backgroundColor:"divider"}})});exports.FileInfosSeparator=t;

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

@@ -0,0 +1 @@
+export declare const FileInfosSeparator: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Stack as o } from "@mui/material";
+const e = () => /* @__PURE__ */ r(o, { height: "100%", children: /* @__PURE__ */ r(
+  o,
+  {
+    height: "4px",
+    width: "4px",
+    borderRadius: "50%",
+    sx: { backgroundColor: "divider" }
+  }
+) });
+export {
+  e as FileInfosSeparator
+};

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-B82ckLGm.cjs"),d=require("../../Typography-DPij13XT.cjs"),j=require("../../createSvgIcon-DJMYlO0S.cjs"),I=require("../../CloseRounded-BRXBizmR.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",userSelect:"text"})),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),u=()=>r==null?void 0:r(t),h=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:h,id:"coucou",children:e.jsx(I.CloseRounded,{})})]}),disablePadding:!0,children:e.jsx(S,{onClick:u,isClickable:!!r,disableRipple:!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,122 @@
-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 R, displayExtension as v } from "./utils.es.js";
+import { S as a } from "../../Stack-hbAJHQhq.js";
+import { T as p } from "../../Typography-SIQ6eleU.js";
+import { c as C } from "../../createSvgIcon-K2ZAdASa.js";
+import { C as j } from "../../CloseRounded-BMEGLs8y.js";
+const z = C(/* @__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",
+    userSelect: "text"
+  })
+), 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 o = R(t.size), i = v(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,
+          disableRipple: !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: i ?? "" })
+                  }
+                )
+              }
+            ),
+            /* @__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: [
+                        o && /* @__PURE__ */ r(p, { variant: "caption", color: "text.secondary", children: o }),
+                        o && i && /* @__PURE__ */ r(h, {}),
+                        i && /* @__PURE__ */ r(p, { variant: "caption", color: "text.secondary", children: i }),
+                        t.ownerName && (o || i) && /* @__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-B82ckLGm.cjs"),j=require("../../Typography-DPij13XT.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-hbAJHQhq.js";
+import { T as b } from "../../Typography-SIQ6eleU.js";
 const y = ({
   title: n,
   IconComponent: g,