@cgi-learning-hub/ui 1.9.0 → 1.10.0

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

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

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-export * from './FileList';
-export { default as FileList } from './FileList';
-export * from './FileListItem';
-export { default as FileListItem } from './FileListItem';

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

@@ -1,6 +0,0 @@
-import { default as a } from "./FileList.es.js";
-import { default as i } from "./FileListItem.es.js";
-export {
-  a as FileList,
-  i as FileListItem
-};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("../../Folder-aAI_w_uF.cjs"),f=require("../../MoreVert-BwfUF9pO.cjs"),s=require("@mui/material"),p=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),d=require("../ResourceCard/style.cjs.js"),n=require("./styles.cjs.js"),c=require("./types.cjs.js"),j=({isSelected:o=!1,onSelect:l=()=>{},title:x,subtitle:a,width:y="320px",onClick:t=()=>{},iconSize:u="2rem",hasNoButtonOnFocus:h=!1})=>{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,hasNoButtonOnFocus:h,children:r.jsx(f.MoreVertIcon,{})}),r.jsxs(s.CardContent,{sx:n.FolderBodyStyle,children:[r.jsx(s.Box,{fontSize:u,sx:n.IconContainerStyle,children:r.jsx(m.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=j;

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

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

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

@@ -1,88 +0,0 @@
-import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { F as c } from "../../Folder-BSZMyA2L.js";
-import { M as h } from "../../MoreVert-woCQ0dNf.js";
-import { Box as l, CardContent as x } from "@mui/material";
-import i from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { StyledCard as u, SelectedIcon as b } from "../ResourceCard/style.es.js";
-import { FolderBodyStyle as P, IconContainerStyle as I, FolderIconStyle as g, TextContainerStyle as D } from "./styles.es.js";
-import { titleTypographyProps as F, subtitleTypographyProps as w } from "./types.es.js";
-const M = ({
-  isSelected: e = !1,
-  onSelect: p = () => {
-  },
-  title: d,
-  subtitle: n,
-  width: m = "320px",
-  onClick: t = () => {
-  },
-  iconSize: f = "2rem",
-  hasNoButtonOnFocus: y = !1
-}) => {
-  const s = (r) => r.key === "Enter" || r.key === " ";
-  return /* @__PURE__ */ o(l, { sx: { width: m }, children: /* @__PURE__ */ a(
-    u,
-    {
-      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(
-          b,
-          {
-            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,
-            hasNoButtonOnFocus: y,
-            children: /* @__PURE__ */ o(h, {})
-          }
-        ),
-        /* @__PURE__ */ a(x, { sx: P, children: [
-          /* @__PURE__ */ o(l, { fontSize: f, sx: I, children: /* @__PURE__ */ o(
-            c,
-            {
-              color: "primary",
-              sx: g,
-              "aria-hidden": "true"
-            }
-          ) }),
-          /* @__PURE__ */ a(l, { sx: D, children: [
-            /* @__PURE__ */ o(
-              i,
-              {
-                typographyProps: F,
-                tooltipProps: { placement: "bottom", arrow: !0 },
-                children: d
-              }
-            ),
-            n && /* @__PURE__ */ o(
-              i,
-              {
-                typographyProps: w,
-                tooltipProps: { placement: "bottom", arrow: !0 },
-                children: n
-              }
-            )
-          ] })
-        ] })
-      ]
-    }
-  ) });
-};
-export {
-  M as default
-};

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

@@ -1 +0,0 @@
-"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

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

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

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

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

@@ -1 +0,0 @@
-"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"},i={display:"flex",flexDirection:"column",flex:85,minWidth:0,minHeight:"48px",justifyContent:"center"};exports.FolderBodyStyle=e;exports.FolderIconStyle=t;exports.IconContainerStyle=n;exports.TextContainerStyle=i;

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

@@ -1,24 +0,0 @@
-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: {
-    display: string;
-    flexDirection: string;
-    flex: number;
-    minWidth: number;
-    minHeight: string;
-    justifyContent: string;
-};

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

@@ -1,27 +0,0 @@
-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"
-}, i = {
-  display: "flex",
-  flexDirection: "column",
-  flex: 85,
-  minWidth: 0,
-  minHeight: "48px",
-  justifyContent: "center"
-};
-export {
-  e as FolderBodyStyle,
-  t as FolderIconStyle,
-  n as IconContainerStyle,
-  i as TextContainerStyle
-};

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

@@ -1 +0,0 @@
-"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

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

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

@@ -1,14 +0,0 @@
-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 +0,0 @@
-"use strict";const d=require("react/jsx-runtime"),c=require("../../Stack-ChvZzNqc.cjs"),j=require("../../Typography-DHjq4GzQ.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.d.ts

@@ -1,14 +0,0 @@
-import { SvgIconComponent } from '@mui/icons-material';
-import { Color, SvgIconProps } from '@mui/material';
-import { StackProps } from '@mui/material/Stack';
-import { TypographyProps } from '@mui/material/Typography';
-export type HeadingProps = {
-    title: string;
-    IconComponent?: SvgIconComponent;
-    iconColor?: Color;
-    iconProps?: SvgIconProps;
-    iconSize?: number;
-    titleProps?: TypographyProps;
-} & StackProps;
-declare const Heading: React.FunctionComponent<HeadingProps>;
-export default Heading;

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

@@ -1,39 +0,0 @@
-import { jsxs as x, jsx as m } from "react/jsx-runtime";
-import { S } from "../../Stack-pMJEpL7k.js";
-import { T as b } from "../../Typography-Cr-aIusw.js";
-const y = ({
-  title: n,
-  IconComponent: g,
-  iconColor: d,
-  iconProps: f,
-  iconSize: h = 28,
-  titleProps: a,
-  ...u
-}) => /* @__PURE__ */ x(S, { direction: "row", alignItems: "center", gap: 1, ...u, children: [
-  g ? /* @__PURE__ */ m(
-    g,
-    {
-      sx: {
-        fontSize: h,
-        padding: "2px",
-        borderRadius: 1,
-        color: d == null ? void 0 : d[500],
-        backgroundColor: d == null ? void 0 : d[50]
-      },
-      ...f
-    }
-  ) : null,
-  /* @__PURE__ */ m(
-    b,
-    {
-      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: n
-    }
-  )
-] });
-export {
-  y as default
-};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),h=require("../../createSvgIcon-CcWpa9Le.cjs"),v=require("../../Delete-C36W48MB.cjs"),o=require("@mui/material"),p=require("react"),C=require("../../index-BS46Ff4t.cjs"),w=require("../../Stack-ChvZzNqc.cjs"),i=require("../../Typography-DHjq4GzQ.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.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-import { DropzoneProps as ReactDropzoneProps } from 'react-dropzone';
-export type ImagePickerProps = {
-    defaultLabel?: ReactNode;
-    dragLabel?: ReactNode;
-    information?: string;
-    onFileChange?: (file: File | null) => void;
-    width?: string;
-    height?: string;
-    initialFile?: string | File;
-} & ReactDropzoneProps;
-declare const ImagePicker: React.FunctionComponent<ImagePickerProps>;
-export default ImagePicker;