@cgi-learning-hub/ui 1.3.5 → 1.4.0

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

@@ -1,335 +1,22 @@
-import { jsxs as E, jsx as s } from "react/jsx-runtime";
-import { s as g, u as M, c as S } from "../../DefaultPropsProvider-CvJPQJmL.js";
-import * as P from "react";
-import { I as R, H as T, P as n } from "../../generateUtilityClasses-Bssl7BA_.js";
-import { B as j, a as z, r as O } from "../../Button-BnNYfQ3E.js";
-import { m as h } from "../../memoTheme-D7Fyh_3C.js";
-import { c } from "../../capitalize-CkF8kU4n.js";
-import { u as k } from "../../useId-CK6Kn3Tn.js";
-import { c as U } from "../../chainPropTypes-D9lkm76m.js";
-import { C as W } from "../../CircularProgress-Kwlef5fX.js";
-function N(t) {
-  return T("MuiLoadingButton", t);
-}
-const a = R("MuiLoadingButton", ["root", "label", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), D = (t) => {
-  const {
-    loading: o,
-    loadingPosition: i,
-    classes: e
-  } = t, u = {
-    root: ["root", o && "loading"],
-    label: ["label"],
-    startIcon: [o && `startIconLoading${c(i)}`],
-    endIcon: [o && `endIconLoading${c(i)}`],
-    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${c(i)}`]
-  }, d = S(u, N, e);
-  return {
-    ...e,
-    // forward the outlined, color, etc. classes to Button
-    ...d
-  };
-}, F = (t) => t !== "ownerState" && t !== "theme" && t !== "sx" && t !== "as" && t !== "classes", H = g(j, {
-  shouldForwardProp: (t) => F(t) || t === "classes",
-  name: "MuiLoadingButton",
-  slot: "Root",
-  overridesResolver: (t, o) => [o.root, o.startIconLoadingStart && {
-    [`& .${a.startIconLoadingStart}`]: o.startIconLoadingStart
-  }, o.endIconLoadingEnd && {
-    [`& .${a.endIconLoadingEnd}`]: o.endIconLoadingEnd
-  }]
-})(h(({
-  theme: t
-}) => ({
-  display: "inline-flex",
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-    transition: t.transitions.create(["opacity"], {
-      duration: t.transitions.duration.short
-    }),
-    opacity: 0
-  },
-  variants: [{
-    props: {
-      loadingPosition: "center"
-    },
-    style: {
-      transition: t.transitions.create(["background-color", "box-shadow", "border-color"], {
-        duration: t.transitions.duration.short
-      }),
-      [`&.${a.loading}`]: {
-        color: "transparent"
-      }
-    }
-  }, {
-    props: ({
-      ownerState: o
-    }) => o.loadingPosition === "start" && o.fullWidth,
-    style: {
-      [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-        transition: t.transitions.create(["opacity"], {
-          duration: t.transitions.duration.short
-        }),
-        opacity: 0,
-        marginRight: -8
-      }
-    }
-  }, {
-    props: ({
-      ownerState: o
-    }) => o.loadingPosition === "end" && o.fullWidth,
-    style: {
-      [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-        transition: t.transitions.create(["opacity"], {
-          duration: t.transitions.duration.short
-        }),
-        opacity: 0,
-        marginLeft: -8
-      }
-    }
-  }]
-}))), G = g("span", {
-  name: "MuiLoadingButton",
-  slot: "LoadingIndicator",
-  overridesResolver: (t, o) => {
-    const {
-      ownerState: i
-    } = t;
-    return [o.loadingIndicator, o[`loadingIndicator${c(i.loadingPosition)}`]];
-  }
-})(h(({
-  theme: t
-}) => ({
-  position: "absolute",
-  visibility: "visible",
-  display: "flex",
-  variants: [{
-    props: {
-      loadingPosition: "start",
-      size: "small"
-    },
-    style: {
-      left: 10
-    }
-  }, {
-    props: ({
-      loadingPosition: o,
-      ownerState: i
-    }) => o === "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: (t.vars || t).palette.action.disabled
-    }
-  }, {
-    props: {
-      loadingPosition: "end",
-      size: "small"
-    },
-    style: {
-      right: 10
-    }
-  }, {
-    props: ({
-      loadingPosition: o,
-      ownerState: i
-    }) => o === "end" && i.size !== "small",
-    style: {
-      right: 14
-    }
-  }, {
-    props: {
-      variant: "text",
-      loadingPosition: "end"
-    },
-    style: {
-      right: 6
-    }
-  }, {
-    props: ({
-      ownerState: o
-    }) => o.loadingPosition === "start" && o.fullWidth,
-    style: {
-      position: "relative",
-      left: -10
-    }
-  }, {
-    props: ({
-      ownerState: o
-    }) => o.loadingPosition === "end" && o.fullWidth,
-    style: {
-      position: "relative",
-      right: -10
-    }
-  }]
-}))), v = g("span", {
-  name: "MuiLoadingButton",
-  slot: "Label",
-  overridesResolver: (t, o) => [o.label]
-})({
-  display: "inherit",
-  alignItems: "inherit",
-  justifyContent: "inherit"
-}), B = /* @__PURE__ */ P.forwardRef(function(o, i) {
-  const e = P.useContext(z), u = O(e, o), d = M({
-    props: u,
-    name: "MuiLoadingButton"
-  }), {
-    children: m,
-    disabled: f = !1,
-    id: C,
-    loading: p = !1,
-    loadingIndicator: x,
-    loadingPosition: $ = "center",
-    variant: I = "text",
-    ...w
-  } = d, b = k(C), y = x ?? /* @__PURE__ */ s(W, {
-    "aria-labelledby": b,
-    color: "inherit",
-    size: 16
-  }), r = {
-    ...d,
-    disabled: f,
-    loading: p,
-    loadingIndicator: y,
-    loadingPosition: $,
-    variant: I
-  }, l = D(r), L = p ? /* @__PURE__ */ s(G, {
-    className: l.loadingIndicator,
-    ownerState: r,
-    children: y
-  }) : null;
-  return /* @__PURE__ */ E(H, {
-    disabled: f || p,
-    id: b,
-    ref: i,
-    ...w,
-    variant: I,
-    classes: l,
-    ownerState: r,
-    children: [r.loadingPosition === "end" ? /* @__PURE__ */ s(v, {
-      className: l.label,
-      children: m
-    }) : L, r.loadingPosition === "end" ? L : /* @__PURE__ */ s(v, {
-      className: l.label,
-      children: m
-    })]
-  });
-});
-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: U(n.oneOf(["start", "end", "center"]), (t) => t.loadingPosition === "start" && !t.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : t.loadingPosition === "end" && !t.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: t, theme: o }) => ({
-  justifyContent: "center",
-  alignItems: "center",
+import { jsx as r } from "react/jsx-runtime";
+import { s as e } from "../../DefaultPropsProvider-BcmyIf2H.js";
+import { B as n } from "../../Button-rxIER0bL.js";
+const i = e(n)(({ color: t, theme: o }) => ({
   minHeight: 38,
   textTransform: "none",
-  color: t,
-  borderColor: t,
-  borderRadius: 5,
-  borderWidth: 2,
   transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
-  "&.MuiButton-contained": {
-    color: o.palette.common.white
-  },
   "&.MuiButton-outlined": {
     borderRadius: 5,
-    borderWidth: 2,
-    "&.MuiButton-colorPrimary": {
-      "&:active": {
-        borderColor: o.palette.primary.main,
-        color: o.palette.primary.main
-      },
-      "&:hover": {
-        backgroundColor: o.palette.primary.dark,
-        borderColor: o.palette.primary.dark,
-        color: o.palette.common.white
-      }
-    },
-    "&.MuiButton-colorSecondary": {
-      "&:active": {
-        borderColor: o.palette.secondary.main,
-        color: o.palette.secondary.main
-      },
-      "&:hover": {
-        backgroundColor: o.palette.secondary.main,
-        color: o.palette.common.white
-      }
-    },
-    "&.MuiButton-colorError": {
-      "&:active": {
-        borderColor: o.palette.error.main,
-        color: o.palette.error.main
-      },
-      "&:hover": {
-        backgroundColor: o.palette.error.main,
-        color: o.palette.common.white
-      }
-    }
+    borderWidth: 2
+    /* "&:hover": {
+      //backgroundColor: theme.palette[color].main,
+      color: theme.palette.common.white,
+    },*/
   }
-})), oo = ({
+})), d = ({
   variant: t = "outlined",
   ...o
-}) => /* @__PURE__ */ s(V, { variant: t, ...o });
+}) => /* @__PURE__ */ r(i, { variant: t, ...o });
 export {
-  oo as default
+  d as default
 };

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

@@ -1 +1 @@
-"use strict";require("react/jsx-runtime");require("../../fr-JE-1WKP6.cjs");const e=require("../../DatePicker-7-4p3Vtj.cjs");module.exports=e.DatePicker;
+"use strict";require("react/jsx-runtime");require("../../fr-JE-1WKP6.cjs");const e=require("../../DatePicker-CJ5-Udgh.cjs");module.exports=e.DatePicker;

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-BTTLIBm9.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-CJ5-Udgh.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-BTTLIBm9.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-DQWTEbNz.cjs"),c=require("@mui/material"),u=require("../../Dialog-Cmv58WoN.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-DTpqUeWr.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-CgBiKk8B.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-Dn4BBPej.cjs"),h=require("../../index-CJW5gB6d.cjs"),u=require("../../Stack-C6v70ALA.cjs"),r=require("../../Typography-DEAE8-8u.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-CCejzj0C.js";
+import { u } from "../../index-BGS2uu2L.js";
+import { S as g } from "../../Stack-aCUdCw1A.js";
+import { T as o } from "../../Typography-CE8fQQ8B.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-C6v70ALA.cjs"),i=require("../../Typography-DEAE8-8u.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-aCUdCw1A.js";
+import { T as i } from "../../Typography-CE8fQQ8B.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-Dn4BBPej.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-CCejzj0C.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
+};