@cgi-learning-hub/ui 1.3.5-dev.1739206891 → 1.3.5-dev.1739269730

package/dist/components/Button/Button.es.js

@@ -1,299 +1,6 @@
-import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { u as T, s as g, c as w } from "../../DefaultPropsProvider-CmOKr9hq.js";
-import * as P from "react";
-import { H as M, I as R, P as n } from "../../generateUtilityClasses-v9KcqdK1.js";
-import { a as z, r as O, B as j } from "../../Button-DovfjBkz.js";
-import { u as U } from "../../useId-CK6Kn3Tn.js";
-import { c } from "../../capitalize-yX_QSknw.js";
-import { m as v } from "../../memoTheme-D-rebSfX.js";
-import { C as N } from "../../CircularProgress-BgUNlpbU.js";
-import { c as W } from "../../chainPropTypes-D9lkm76m.js";
-function D(o) {
-  return R("MuiLoadingButton", o);
-}
-const a = M("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), F = (o) => {
-  const {
-    loading: t,
-    loadingPosition: i,
-    classes: e
-  } = o, u = {
-    root: ["root", t && "loading"],
-    label: ["label"],
-    startIcon: [t && `startIconLoading${c(i)}`],
-    endIcon: [t && `endIconLoading${c(i)}`],
-    loadingIndicator: ["loadingIndicator", t && `loadingIndicator${c(i)}`]
-  }, d = w(u, D, e);
-  return {
-    ...e,
-    // forward the outlined, color, etc. classes to Button
-    ...d
-  };
-}, H = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", k = g(j, {
-  shouldForwardProp: (o) => H(o) || o === "classes",
-  name: "MuiLoadingButton",
-  slot: "Root",
-  overridesResolver: (o, t) => [t.root, t.startIconLoadingStart && {
-    [`& .${a.startIconLoadingStart}`]: t.startIconLoadingStart
-  }, t.endIconLoadingEnd && {
-    [`& .${a.endIconLoadingEnd}`]: t.endIconLoadingEnd
-  }]
-})(v(({
-  theme: o
-}) => ({
-  display: "inline-flex",
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-    transition: o.transitions.create(["opacity"], {
-      duration: o.transitions.duration.short
-    }),
-    opacity: 0
-  },
-  variants: [{
-    props: {
-      loadingPosition: "center"
-    },
-    style: {
-      transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
-        duration: o.transitions.duration.short
-      }),
-      [`&.${a.loading}`]: {
-        color: "transparent"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "start" && t.fullWidth,
-    style: {
-      [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-        transition: o.transitions.create(["opacity"], {
-          duration: o.transitions.duration.short
-        }),
-        opacity: 0,
-        marginRight: -8
-      }
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "end" && t.fullWidth,
-    style: {
-      [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-        transition: o.transitions.create(["opacity"], {
-          duration: o.transitions.duration.short
-        }),
-        opacity: 0,
-        marginLeft: -8
-      }
-    }
-  }]
-}))), G = g("span", {
-  name: "MuiLoadingButton",
-  slot: "LoadingIndicator",
-  overridesResolver: (o, t) => {
-    const {
-      ownerState: i
-    } = o;
-    return [t.loadingIndicator, t[`loadingIndicator${c(i.loadingPosition)}`]];
-  }
-})(v(({
-  theme: o
-}) => ({
-  position: "absolute",
-  visibility: "visible",
-  display: "flex",
-  variants: [{
-    props: {
-      loadingPosition: "start",
-      size: "small"
-    },
-    style: {
-      left: 10
-    }
-  }, {
-    props: ({
-      loadingPosition: t,
-      ownerState: i
-    }) => t === "start" && i.size !== "small",
-    style: {
-      left: 14
-    }
-  }, {
-    props: {
-      variant: "text",
-      loadingPosition: "start"
-    },
-    style: {
-      left: 6
-    }
-  }, {
-    props: {
-      loadingPosition: "center"
-    },
-    style: {
-      left: "50%",
-      transform: "translate(-50%)",
-      color: (o.vars || o).palette.action.disabled
-    }
-  }, {
-    props: {
-      loadingPosition: "end",
-      size: "small"
-    },
-    style: {
-      right: 10
-    }
-  }, {
-    props: ({
-      loadingPosition: t,
-      ownerState: i
-    }) => t === "end" && i.size !== "small",
-    style: {
-      right: 14
-    }
-  }, {
-    props: {
-      variant: "text",
-      loadingPosition: "end"
-    },
-    style: {
-      right: 6
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "start" && t.fullWidth,
-    style: {
-      position: "relative",
-      left: -10
-    }
-  }, {
-    props: ({
-      ownerState: t
-    }) => t.loadingPosition === "end" && t.fullWidth,
-    style: {
-      position: "relative",
-      right: -10
-    }
-  }]
-}))), h = g("span", {
-  name: "MuiLoadingButton",
-  slot: "Label",
-  overridesResolver: (o, t) => [t.label]
-})({
-  display: "inherit",
-  alignItems: "inherit",
-  justifyContent: "inherit"
-}), B = /* @__PURE__ */ P.forwardRef(function(t, i) {
-  const e = P.useContext(z), u = O(e, t), d = T({
-    props: u,
-    name: "MuiLoadingButton"
-  }), {
-    children: f,
-    disabled: I = !1,
-    id: x,
-    loading: p = !1,
-    loadingIndicator: $,
-    loadingPosition: C = "center",
-    variant: m = "text",
-    ...E
-  } = d, L = U(x), b = $ ?? /* @__PURE__ */ r(N, {
-    "aria-labelledby": L,
-    color: "inherit",
-    size: 16
-  }), s = {
-    ...d,
-    disabled: I,
-    loading: p,
-    loadingIndicator: b,
-    loadingPosition: C,
-    variant: m
-  }, l = F(s), y = p ? /* @__PURE__ */ r(G, {
-    className: l.loadingIndicator,
-    ownerState: s,
-    children: b
-  }) : null;
-  return /* @__PURE__ */ S(k, {
-    disabled: I || p,
-    id: L,
-    ref: i,
-    ...E,
-    variant: m,
-    classes: l,
-    ownerState: s,
-    children: [s.loadingPosition === "end" ? /* @__PURE__ */ r(h, {
-      className: l.label,
-      children: f
-    }) : y, s.loadingPosition === "end" ? y : /* @__PURE__ */ r(h, {
-      className: l.label,
-      children: f
-    })]
-  });
-});
-process.env.NODE_ENV !== "production" && (B.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: n.bool,
-  /**
-   * @ignore
-   */
-  id: n.string,
-  /**
-   * If `true`, the loading indicator is shown and the button becomes disabled.
-   * @default false
-   */
-  loading: n.bool,
-  /**
-   * Element placed before the children if the button is in loading state.
-   * The node should contain an element with `role="progressbar"` with an accessible name.
-   * By default we render a `CircularProgress` that is labelled by the button itself.
-   * @default <CircularProgress color="inherit" size={16} />
-   */
-  loadingIndicator: n.node,
-  /**
-   * The loading indicator can be positioned on the start, end, or the center of the button.
-   * @default 'center'
-   */
-  loadingPosition: W(n.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
-});
-const V = g(B)(({ color: o, theme: t }) => ({
-  minHeight: 38,
-  textTransform: "none",
-  transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-  "&.MuiButton-outlined": {
-    borderRadius: 5,
-    borderWidth: 2
-    /* "&:hover": {
-      //backgroundColor: theme.palette[color].main,
-      color: theme.palette.common.white,
-    },*/
-  }
-})), oo = ({
-  variant: o = "outlined",
-  ...t
-}) => /* @__PURE__ */ r(V, { variant: o, ...t });
+import "react/jsx-runtime";
+import "../../DefaultPropsProvider-CmOKr9hq.js";
+import { B as p } from "../../Button-CSNPv43f.js";
 export {
-  oo as default
+  p as default
 };

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

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

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

@@ -1,4 +1,4 @@
-import { default as a } from "./Button.es.js";
+import { B as r } from "../../Button-CSNPv43f.js";
 export {
-  a as Button
+  r as Button
 };

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

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),t=require("../../createSvgIcon-CWNQW6u6.cjs"),i=require("@mui/material"),a=require("../../Dialog-BFZeovlo.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:24,top:24},children:n.jsx(u,{})}):null,s]})};module.exports=r;
+"use strict";const n=require("react/jsx-runtime"),t=require("../../CloseRounded-Cu-sn6XC.cjs"),c=require("@mui/material"),u=require("../../Dialog-BFZeovlo.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:16,top:16},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-Cd6y8E9W.js";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { C as s } from "../../CloseRounded-Df8vYhLX.js";
 import { IconButton as t } from "@mui/material";
-import { D as i } from "../../Dialog-D0fzD-TX.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-D0fzD-TX.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: 24, top: 24 },
-      children: /* @__PURE__ */ l(d, {})
+      sx: { position: "absolute", right: 16, top: 16 },
+      children: /* @__PURE__ */ n(s, {})
     }
   ) : null,
   e
 ] });
 export {
-  g as default
+  f 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/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-CWNQW6u6.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-Cd6y8E9W.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-CVaz7diG.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"),c=require("@mui/material");require("react");const l=require("./FileListItem.cjs.js"),x=require("../../Box-CVaz7diG.cjs"),u=({files:i,onDelete:t,onClick:s,onDownload:n})=>e.jsx(x.Box,{sx:{display:"flex",flexDirection:"column"},children:i.map((o,r)=>e.jsxs(e.Fragment,{children:[e.jsx(l,{file:o,onClick:s,onDelete:t,onDownload:n},r),r<i.length-1&&e.jsx(c.Divider,{variant:"middle"})]}))});module.exports=u;

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,26 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as r, jsxs as s, Fragment as a } from "react/jsx-runtime";
+import { Divider as n } from "@mui/material";
 import "react";
-import m from "./FileListItem.es.js";
-import { B as e } from "../../Box-Cpg9IWKr.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 p from "./FileListItem.es.js";
+import { B as d } from "../../Box-Cpg9IWKr.js";
+const F = ({
+  files: i,
+  onDelete: m,
+  onClick: o,
+  onDownload: e
+}) => /* @__PURE__ */ r(d, { sx: { display: "flex", flexDirection: "column" }, children: i.map((l, t) => /* @__PURE__ */ s(a, { children: [
+  /* @__PURE__ */ r(
+    p,
+    {
+      file: l,
+      onClick: o,
+      onDelete: m,
+      onDownload: e
+    },
+    t
+  ),
+  t < i.length - 1 && /* @__PURE__ */ r(n, { variant: "middle" })
+] })) });
 export {
-  f as default
+  F as default
 };

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

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("../../Delete-Z2rf9szx.cjs"),a=require("../../createSvgIcon-CWNQW6u6.cjs"),u=require("../../Stack-B68ooSQ-.cjs"),x=require("../../Box-CVaz7diG.cjs"),t=require("../../Typography-Y-OGmT9M.cjs"),l=require("../../IconButton-BUCTqOFa.cjs"),d=require("../../CircularProgress-nxAXvjY0.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"),r=require("@mui/material"),g=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),y=require("./FileIcon.cjs.js"),x=require("./FileInfosSeparator.cjs.js"),p=require("./utils.cjs.js"),s=require("../../Stack-B68ooSQ-.cjs"),d=require("../../Typography-Y-OGmT9M.cjs"),j=require("../../createSvgIcon-CWNQW6u6.cjs"),S=require("../../CloseRounded-Cu-sn6XC.cjs"),I=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"),b=({file:n,onDelete:i,onClick:c,onDownload:a})=>{if(!n.name)return null;const o=p.displaySize(n.size),t=p.displayExtension(n.name),h=()=>c==null?void 0:c(n),m=l=>{l.stopPropagation(),i==null||i(n)},u=l=>{l.stopPropagation(),a==null||a(n)};return e.jsxs(s.Stack,{direction:"row",alignItems:"center",spacing:2,padding:"0.5rem 1rem",width:"100%",justifyContent:"space-between",onClick:h,boxSizing:"border-box",sx:{"&:hover":{boxShadow:"0 4px 8px rgba(192, 192, 192, 0.3)",borderRadius:"4px",cursor:"pointer"}},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(r.Box,{color:"text.secondary",alignItems:"center",justifyContent:"center",display:"flex",children:e.jsx(y.FileIcon,{extension:t??""})})}),e.jsxs(s.Stack,{direction:"column",spacing:0,alignItems:"flex-start",minWidth:"0",children:[e.jsx(g,{children:n.name}),e.jsxs(s.Stack,{display:"flex",flexDirection:"row",alignItems:"center",gap:1,children:[o&&e.jsx(d.Typography,{fontSize:"0.8rem",color:"text.secondary",children:o+"coucou"}),o&&t&&e.jsx(x.FileInfosSeparator,{}),t&&e.jsx(d.Typography,{fontSize:"0.8rem",color:"text.secondary",children:t}),n.ownerName&&(o||t)&&e.jsx(x.FileInfosSeparator,{}),n.ownerName&&e.jsx(d.Typography,{fontSize:"0.8rem",color:"text.secondary",children:n.ownerName})]})]})]}),e.jsxs(r.Box,{alignItems:"center",display:"flex",gap:"1rem",children:[n.isLoading?e.jsx(r.Box,{marginRight:1,children:e.jsx(r.CircularProgress,{size:24,color:"primary"})}):n.isDownloadable?e.jsx(r.IconButton,{onClick:u,children:e.jsx(I,{color:"primary"})}):null,n.isDeletable&&e.jsx(r.IconButton,{onClick:m,children:e.jsx(S.CloseRounded,{})})]})]})};module.exports=b;

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;