@cgi-learning-hub/ui 1.4.0 → 1.5.0

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

@@ -3,12 +3,12 @@ import { styled as u, ListItemButton as b, ListItem as I, Box as l, CircularProg
 import w from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
 import { FileIcon as S } from "./FileIcon.es.js";
 import { FileInfosSeparator as h } from "./FileInfosSeparator.es.js";
-import { displaySize as v, displayExtension as C } from "./utils.es.js";
-import { S as a } from "../../Stack-aCUdCw1A.js";
-import { T as p } from "../../Typography-CE8fQQ8B.js";
-import { c as R } from "../../createSvgIcon-CCejzj0C.js";
-import { C as j } from "../../CloseRounded-DTpqUeWr.js";
-const z = R(/* @__PURE__ */ r("path", {
+import { displaySize as R, displayExtension as v } from "./utils.es.js";
+import { S as a } from "../../Stack-PQFKjbdN.js";
+import { T as p } from "../../Typography-DZ11k9cZ.js";
+import { c as C } from "../../createSvgIcon-BFqOnlgU.js";
+import { C as j } from "../../CloseRounded-B-eaQsyM.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 }) => ({
@@ -26,7 +26,8 @@ const z = R(/* @__PURE__ */ r("path", {
     width: "100%",
     justifyContent: "space-between",
     boxSizing: "border-box",
-    paddingRight: "115px !important"
+    paddingRight: "115px !important",
+    userSelect: "text"
   })
 ), M = ({
   file: t,
@@ -35,7 +36,7 @@ const z = R(/* @__PURE__ */ r("path", {
   onDownload: s
 }) => {
   if (!t.name) return null;
-  const i = v(t.size), o = C(t.name), x = () => e == null ? void 0 : e(t), g = (d) => {
+  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);
@@ -53,7 +54,7 @@ const z = R(/* @__PURE__ */ r("path", {
         {
           onClick: x,
           isClickable: !!e,
-          disabled: !e,
+          disableRipple: !e,
           children: /* @__PURE__ */ n(a, { direction: "row", alignItems: "center", spacing: 2, minWidth: "0", children: [
             /* @__PURE__ */ r(
               a,
@@ -76,7 +77,7 @@ const z = R(/* @__PURE__ */ r("path", {
                     alignItems: "center",
                     justifyContent: "center",
                     display: "flex",
-                    children: /* @__PURE__ */ r(S, { extension: o ?? "" })
+                    children: /* @__PURE__ */ r(S, { extension: i ?? "" })
                   }
                 )
               }
@@ -98,10 +99,10 @@ const z = R(/* @__PURE__ */ r("path", {
                       alignItems: "center",
                       gap: 1,
                       children: [
-                        i && /* @__PURE__ */ r(p, { variant: "caption", color: "text.secondary", children: i }),
-                        i && o && /* @__PURE__ */ r(h, {}),
                         o && /* @__PURE__ */ r(p, { variant: "caption", color: "text.secondary", children: o }),
-                        t.ownerName && (i || o) && /* @__PURE__ */ r(h, {}),
+                        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 })
                       ]
                     }

package/dist/components/FolderCard/FolderCard.cjs.js

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),h=require("../../Folder-DWD_1Fux.cjs"),m=require("../../MoreVert-B_Gz5Gfx.cjs"),s=require("@mui/material"),p=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),n=require("./styles.cjs.js"),d=require("../ResourceCard/style.cjs.js"),c=require("./types.cjs.js"),f=({isSelected:o=!1,onSelect:l=()=>{},title:x,subtitle:a,width:y="320px",onClick:t=()=>{},iconSize:u="2rem"})=>{const i=e=>e.key==="Enter"||e.key===" ";return r.jsx(s.Box,{sx:{width:y},children:r.jsxs(d.StyledCard,{selected:o,onClick:t,onKeyDown:e=>{i(e)&&(e.preventDefault(),t==null||t())},role:"button",tabIndex:0,"aria-labelledby":"folder-title folder-subtitle","aria-pressed":o,children:[r.jsx(d.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),l()},onKeyDown:e=>{i(e)&&(e.preventDefault(),e.stopPropagation(),l())},className:"selected-icon",selected:o,role:"button",tabIndex:0,"aria-label":o?"Unselect folder":"Select folder","aria-pressed":o,children:r.jsx(m.MoreVertIcon,{})}),r.jsxs(s.CardContent,{sx:n.FolderBodyStyle,children:[r.jsx(s.Box,{fontSize:u,sx:n.IconContainerStyle,children:r.jsx(h.FolderIcon,{color:"primary",sx:n.FolderIconStyle,"aria-hidden":"true"})}),r.jsxs(s.Box,{sx:n.TextContainerStyle,children:[r.jsx(p,{typographyProps:c.titleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:x}),a&&r.jsx(p,{typographyProps:c.subtitleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:a})]})]})]})})};module.exports=f;

package/dist/components/FolderCard/FolderCard.d.ts

@@ -0,0 +1,11 @@
+export type FolderCardProps = {
+    isSelected?: boolean;
+    onSelect?: () => void;
+    title: string;
+    subtitle?: string;
+    width?: string;
+    onClick?: () => void;
+    iconSize?: string;
+};
+declare const FolderCard: React.FunctionComponent<FolderCardProps>;
+export default FolderCard;

package/dist/components/FolderCard/FolderCard.es.js

@@ -0,0 +1,79 @@
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { F as f } from "../../Folder-DoEl37QZ.js";
+import { M as c } from "../../MoreVert-Dq8BqKg4.js";
+import { Box as l, CardContent as h } from "@mui/material";
+import i from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { FolderBodyStyle as x, IconContainerStyle as u, FolderIconStyle as b, TextContainerStyle as P } from "./styles.es.js";
+import { StyledCard as I, SelectedIcon as g } from "../ResourceCard/style.es.js";
+import { titleTypographyProps as D, subtitleTypographyProps as F } from "./types.es.js";
+const E = ({
+  isSelected: e = !1,
+  onSelect: p = () => {
+  },
+  title: d,
+  subtitle: n,
+  width: m = "320px",
+  onClick: t = () => {
+  },
+  iconSize: y = "2rem"
+}) => {
+  const s = (r) => r.key === "Enter" || r.key === " ";
+  return /* @__PURE__ */ o(l, { sx: { width: m }, children: /* @__PURE__ */ a(
+    I,
+    {
+      selected: e,
+      onClick: t,
+      onKeyDown: (r) => {
+        s(r) && (r.preventDefault(), t == null || t());
+      },
+      role: "button",
+      tabIndex: 0,
+      "aria-labelledby": "folder-title folder-subtitle",
+      "aria-pressed": e,
+      children: [
+        /* @__PURE__ */ o(
+          g,
+          {
+            onClick: (r) => {
+              r.preventDefault(), r.stopPropagation(), p();
+            },
+            onKeyDown: (r) => {
+              s(r) && (r.preventDefault(), r.stopPropagation(), p());
+            },
+            className: "selected-icon",
+            selected: e,
+            role: "button",
+            tabIndex: 0,
+            "aria-label": e ? "Unselect folder" : "Select folder",
+            "aria-pressed": e,
+            children: /* @__PURE__ */ o(c, {})
+          }
+        ),
+        /* @__PURE__ */ a(h, { sx: x, children: [
+          /* @__PURE__ */ o(l, { fontSize: y, sx: u, children: /* @__PURE__ */ o(f, { color: "primary", sx: b, "aria-hidden": "true" }) }),
+          /* @__PURE__ */ a(l, { sx: P, children: [
+            /* @__PURE__ */ o(
+              i,
+              {
+                typographyProps: D,
+                tooltipProps: { placement: "bottom", arrow: !0 },
+                children: d
+              }
+            ),
+            n && /* @__PURE__ */ o(
+              i,
+              {
+                typographyProps: F,
+                tooltipProps: { placement: "bottom", arrow: !0 },
+                children: n
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+};
+export {
+  E as default
+};

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

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

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

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

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

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

package/dist/components/FolderCard/styles.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={display:"flex",padding:"16px !important",width:"100%",alignItems:"center"},t={marginRight:".8rem",fontSize:"inherit"},n={flex:15,alignItems:"center",display:"flex",justifyContent:"center"},o={flex:85,minWidth:0};exports.FolderBodyStyle=e;exports.FolderIconStyle=t;exports.IconContainerStyle=n;exports.TextContainerStyle=o;

package/dist/components/FolderCard/styles.d.ts

@@ -0,0 +1,20 @@
+export declare const FolderBodyStyle: {
+    display: string;
+    padding: string;
+    width: string;
+    alignItems: string;
+};
+export declare const FolderIconStyle: {
+    marginRight: string;
+    fontSize: string;
+};
+export declare const IconContainerStyle: {
+    flex: number;
+    alignItems: string;
+    display: string;
+    justifyContent: string;
+};
+export declare const TextContainerStyle: {
+    flex: number;
+    minWidth: number;
+};

package/dist/components/FolderCard/styles.es.js

@@ -0,0 +1,23 @@
+const t = {
+  display: "flex",
+  padding: "16px !important",
+  width: "100%",
+  alignItems: "center"
+}, e = {
+  marginRight: ".8rem",
+  fontSize: "inherit"
+}, n = {
+  flex: 15,
+  alignItems: "center",
+  display: "flex",
+  justifyContent: "center"
+}, i = {
+  flex: 85,
+  minWidth: 0
+};
+export {
+  t as FolderBodyStyle,
+  e as FolderIconStyle,
+  n as IconContainerStyle,
+  i as TextContainerStyle
+};

package/dist/components/FolderCard/types.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={fontWeight:"700",id:"folder-title",variant:"body1"},o={fontWeight:"400",fontStyle:"italic",id:"folder-subtitle",variant:"body2"};exports.subtitleTypographyProps=o;exports.titleTypographyProps=t;

package/dist/components/FolderCard/types.d.ts

@@ -0,0 +1,3 @@
+import { TypographyProps } from '@mui/material';
+export declare const titleTypographyProps: TypographyProps;
+export declare const subtitleTypographyProps: TypographyProps;

package/dist/components/FolderCard/types.es.js

@@ -0,0 +1,14 @@
+const t = {
+  fontWeight: "700",
+  id: "folder-title",
+  variant: "body1"
+}, o = {
+  fontWeight: "400",
+  fontStyle: "italic",
+  id: "folder-subtitle",
+  variant: "body2"
+};
+export {
+  o as subtitleTypographyProps,
+  t as titleTypographyProps
+};

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

@@ -1 +1 @@
-"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-C6v70ALA.cjs"),j=require("../../Typography-DEAE8-8u.cjs"),y=({title:u,IconComponent:g,iconColor:n,iconProps:h,iconSize:e=28,titleProps:a,...x})=>d.jsxs(c.Stack,{direction:"row",alignItems:"center",gap:1,...x,children:[g?d.jsx(g,{sx:{fontSize:e,padding:"2px",borderRadius:1,color:n==null?void 0:n[500],backgroundColor:n==null?void 0:n[50]},...h}):null,d.jsx(j.Typography,{component:(a==null?void 0:a.component)??"h3",variant:(a==null?void 0:a.variant)??"h2",fontWeight:(a==null?void 0:a.fontWeight)??400,...a,children:u})]});module.exports=y;
+"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-gtxG2YLo.cjs"),j=require("../../Typography-3CpuuLtj.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-aCUdCw1A.js";
-import { T as b } from "../../Typography-CE8fQQ8B.js";
+import { S } from "../../Stack-PQFKjbdN.js";
+import { T as b } from "../../Typography-DZ11k9cZ.js";
 const y = ({
   title: n,
   IconComponent: g,

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

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

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

@@ -1,17 +1,16 @@
-import { jsx as e, jsxs as o, Fragment as c } from "react/jsx-runtime";
-import { c as a } from "../../createSvgIcon-CCejzj0C.js";
+import { jsx as e, jsxs as o, Fragment as s } from "react/jsx-runtime";
+import { c as g } from "../../createSvgIcon-BFqOnlgU.js";
+import { D as w } from "../../Delete-DKn2lIDB.js";
 import { Box as n } from "@mui/material";
-import { useState as w } from "react";
-import { u as D } from "../../index-BGS2uu2L.js";
-import { S as F } from "../../Stack-aCUdCw1A.js";
-import { T as l } from "../../Typography-CE8fQQ8B.js";
-const m = a(/* @__PURE__ */ e("path", {
+import { useState as D, useEffect as A } from "react";
+import { u as j } from "../../index-C7WfZsMe.js";
+import { S as F } from "../../Stack-PQFKjbdN.js";
+import { T as l } from "../../Typography-DZ11k9cZ.js";
+const h = g(/* @__PURE__ */ e("path", {
   d: "M19 7v2.99s-1.99.01-2 0V7h-3s.01-1.99 0-2h3V2h2v3h3v2zm-3 4V8h-3V5H5c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-8zM5 19l3-4 2 3 3-4 4 5z"
-}), "AddPhotoAlternate"), A = a(/* @__PURE__ */ e("path", {
+}), "AddPhotoAlternate"), P = g(/* @__PURE__ */ e("path", {
   d: "M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
-}), "Create"), j = a(/* @__PURE__ */ e("path", {
-  d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
-}), "Delete"), P = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
+}), "Create"), R = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez-déposez" }),
   " ",
   "ou",
@@ -23,30 +22,34 @@ const m = a(/* @__PURE__ */ e("path", {
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez" }),
   " ",
   "une image"
-] }), U = ({
-  defaultLabel: g = /* @__PURE__ */ e(P, {}),
-  dragLabel: u = /* @__PURE__ */ e(M, {}),
+] }), $ = ({
+  defaultLabel: u = /* @__PURE__ */ e(R, {}),
+  dragLabel: x = /* @__PURE__ */ e(M, {}),
   information: i,
-  onFileChange: s = (t) => {
+  onFileChange: d = (r) => {
   },
-  width: x = "160px",
-  height: f = "160px",
-  initialFile: y = null,
+  width: f = "160px",
+  height: y = "160px",
+  initialFile: c = null,
   ...b
 }) => {
-  const [t, d] = w(
-    y
-  ), z = (r) => {
-    const h = r[0] || null;
-    d(h), s(h);
-  }, k = (r) => {
-    r.stopPropagation(), d(null), s(null);
-  }, v = (r) => {
-    r.stopPropagation(), p();
-  }, { open: p, getRootProps: C, getInputProps: I, isDragActive: S } = D({
+  const [r, a] = D(
+    c
+  );
+  A(() => {
+    a(c);
+  }, [c]);
+  const k = (t) => {
+    const m = t[0] || null;
+    a(m), d(m);
+  }, z = (t) => {
+    t.stopPropagation(), a(null), d(null);
+  }, C = (t) => {
+    t.stopPropagation(), p();
+  }, { open: p, getRootProps: I, getInputProps: S, isDragActive: v } = j({
     ...b,
     maxFiles: 1,
-    onDropAccepted: z,
+    onDropAccepted: k,
     accept: {
       "image/*": [".png", ".jpeg", ".jpg", ".gif"]
     },
@@ -58,24 +61,24 @@ const m = a(/* @__PURE__ */ e("path", {
       direction: "column",
       justifyContent: "center",
       alignItems: "center",
-      width: x,
+      width: f,
       minWidth: "150px",
       minHeight: "150px",
-      height: f,
+      height: y,
       borderRadius: 1,
       sx: {
         cursor: "pointer",
         position: "relative",
-        background: `${!t && "linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,
-        border: `${!t && "1px dashed"}`,
-        borderColor: (r) => !t && r.palette.grey.main
+        background: `${!r && "linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,
+        border: `${!r && "1px dashed"}`,
+        borderColor: (t) => !r && t.palette.grey.main
       },
-      ...C({
+      ...I({
         onClick: p
       }),
       children: [
-        /* @__PURE__ */ e("input", { ...I() }),
-        t ? /* @__PURE__ */ o(c, { children: [
+        /* @__PURE__ */ e("input", { ...S() }),
+        r ? /* @__PURE__ */ o(s, { children: [
           /* @__PURE__ */ o(
             n,
             {
@@ -90,7 +93,7 @@ const m = a(/* @__PURE__ */ e("path", {
                 /* @__PURE__ */ e(
                   n,
                   {
-                    onClick: v,
+                    onClick: C,
                     sx: {
                       backgroundColor: "common.white",
                       display: "flex",
@@ -104,17 +107,17 @@ const m = a(/* @__PURE__ */ e("path", {
                       "&:hover": {
                         backgroundColor: "grey.darker",
                         "& .MuiSvgIcon-root": {
-                          fill: (r) => r.palette.common.white
+                          fill: (t) => t.palette.common.white
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(A, { fontSize: "small" })
+                    children: /* @__PURE__ */ e(P, { fontSize: "small" })
                   }
                 ),
                 /* @__PURE__ */ e(
                   n,
                   {
-                    onClick: k,
+                    onClick: z,
                     sx: {
                       backgroundColor: "common.white",
                       display: "flex",
@@ -128,11 +131,11 @@ const m = a(/* @__PURE__ */ e("path", {
                       "&:hover": {
                         backgroundColor: "grey.darker",
                         "& .MuiSvgIcon-root": {
-                          fill: (r) => r.palette.common.white
+                          fill: (t) => t.palette.common.white
                         }
                       }
                     },
-                    children: /* @__PURE__ */ e(j, { fontSize: "small" })
+                    children: /* @__PURE__ */ e(w, { fontSize: "small" })
                   }
                 )
               ]
@@ -141,8 +144,8 @@ const m = a(/* @__PURE__ */ e("path", {
           /* @__PURE__ */ e(
             "img",
             {
-              src: typeof t == "string" ? t : URL.createObjectURL(t),
-              alt: typeof t == "string" ? t : t.name,
+              src: typeof r == "string" ? r : URL.createObjectURL(r),
+              alt: typeof r == "string" ? r : r.name,
               style: {
                 width: "100%",
                 height: "100%",
@@ -152,9 +155,9 @@ const m = a(/* @__PURE__ */ e("path", {
               }
             }
           )
-        ] }) : /* @__PURE__ */ e(c, { children: S ? /* @__PURE__ */ o(c, { children: [
+        ] }) : /* @__PURE__ */ e(s, { children: v ? /* @__PURE__ */ o(s, { children: [
           /* @__PURE__ */ e(
-            m,
+            h,
             {
               color: "primary",
               style: {
@@ -163,7 +166,7 @@ const m = a(/* @__PURE__ */ e("path", {
               }
             }
           ),
-          u,
+          x,
           i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
         ] }) : /* @__PURE__ */ o(
           n,
@@ -177,7 +180,7 @@ const m = a(/* @__PURE__ */ e("path", {
             },
             children: [
               /* @__PURE__ */ e(
-                m,
+                h,
                 {
                   color: "primary",
                   style: {
@@ -186,7 +189,7 @@ const m = a(/* @__PURE__ */ e("path", {
                   }
                 }
               ),
-              g,
+              u,
               i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
             ]
           }
@@ -196,5 +199,5 @@ const m = a(/* @__PURE__ */ e("path", {
   );
 };
 export {
-  U as default
+  $ as default
 };

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

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

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

@@ -1,12 +1,11 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import '../../assets/styles.css';/* empty css                    */
-import { B as l } from "../../Box-DbRInJ2-.js";
-const i = ({}) => /* @__PURE__ */ r(l, { className: "cs-loader", color: "primary.main", children: /* @__PURE__ */ e(l, { className: "cs-loader-inner", children: [
-  /* @__PURE__ */ r("label", { children: "●" }),
-  /* @__PURE__ */ r("label", { children: "●" }),
-  /* @__PURE__ */ r("label", { children: "●" }),
-  /* @__PURE__ */ r("label", { children: "●" })
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import { B as r } from "../../Box-C-j-U8SH.js";
+import '../../assets/Loader.css';const o = ({}) => /* @__PURE__ */ l(r, { className: "cs-loader", color: "primary.main", children: /* @__PURE__ */ e(r, { className: "cs-loader-inner", children: [
+  /* @__PURE__ */ l("label", { children: "●" }),
+  /* @__PURE__ */ l("label", { children: "●" }),
+  /* @__PURE__ */ l("label", { children: "●" }),
+  /* @__PURE__ */ l("label", { children: "●" })
 ] }) });
 export {
-  i as default
+  o as default
 };

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

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

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

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

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

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

package/dist/components/PasswordInput/PasswordInput.d.ts

@@ -1,5 +1,5 @@
+import { TextFieldProps } from '@mui/material/TextField';
 import { default as React } from 'react';
-import { InputTextProps } from '../TextInput';
-export type PasswordInputProps = {} & Omit<InputTextProps, "variant" | "type">;
+export type PasswordInputProps = Omit<TextFieldProps, "variant" | "type">;
 declare const PasswordInput: React.FunctionComponent<PasswordInputProps>;
 export default PasswordInput;