@cgi-learning-hub/ui 1.3.3-dev.1732627187 → 1.3.3-dev.1732631258

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

@@ -1,176 +0,0 @@
-import { jsx as e, jsxs as t, Fragment as c } from "react/jsx-runtime";
-import { c as h } from "../../createSvgIcon-BS0Qe85N.js";
-import { D as S } from "../../Delete-Dip-1l7n.js";
-import { Box as r } from "@mui/material";
-import { useState as w } from "react";
-import { u as D } from "../../index-BtGBke8y.js";
-import { S as F } from "../../Stack-DbWQHN5i.js";
-import { T as l } from "../../Typography-CizHc1nM.js";
-const p = h(/* @__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 = h(/* @__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 = () => /* @__PURE__ */ t(l, { textAlign: "center", children: [
-  /* @__PURE__ */ e(r, { component: "span", fontWeight: "bold", children: "Glissez-déposez" }),
-  " ou ",
-  /* @__PURE__ */ e(r, { component: "span", fontWeight: "bold", children: "cliquez" }),
-  " pour choisir une image"
-] }), P = () => /* @__PURE__ */ t(l, { textAlign: "center", children: [
-  /* @__PURE__ */ e(r, { component: "span", fontWeight: "bold", children: "Glissez" }),
-  " une image"
-] }), U = ({
-  defaultLabel: g = /* @__PURE__ */ e(j, {}),
-  dragLabel: u = /* @__PURE__ */ e(P, {}),
-  information: i,
-  onFileChange: a = (n) => {
-  },
-  width: x = "100%",
-  height: f = "400px",
-  ...b
-}) => {
-  const [n, s] = w(null), y = (o) => {
-    const m = o[0] || null;
-    s(m), a(m);
-  }, k = (o) => {
-    o.stopPropagation(), s(null), a(null);
-  }, z = (o) => {
-    o.stopPropagation(), d();
-  }, { open: d, getRootProps: C, getInputProps: I, isDragActive: v } = D({
-    ...b,
-    maxFiles: 1,
-    onDropAccepted: y,
-    accept: {
-      "image/*": [".png", ".jpeg", ".jpg", ".gif"]
-    },
-    noClick: !0
-  });
-  return /* @__PURE__ */ t(
-    F,
-    {
-      direction: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      spacing: 1,
-      width: x,
-      minWidth: "200px",
-      minHeight: "200px",
-      height: f,
-      padding: 1,
-      border: "1px dashed",
-      borderColor: "grey.main",
-      borderRadius: 1,
-      sx: {
-        cursor: "pointer",
-        position: "relative",
-        background: `${!n && "linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`
-      },
-      ...C({
-        onClick: d
-      }),
-      children: [
-        /* @__PURE__ */ e("input", { ...I() }),
-        n ? /* @__PURE__ */ t(c, { children: [
-          /* @__PURE__ */ t(
-            r,
-            {
-              sx: {
-                position: "absolute",
-                top: "0.5rem",
-                right: "0.5rem",
-                display: "flex",
-                gap: "0.5rem"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  r,
-                  {
-                    onClick: z,
-                    sx: {
-                      backgroundColor: "common.white",
-                      display: "flex",
-                      borderRadius: "3px",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      boxShadow: 1,
-                      width: "2rem",
-                      height: "2rem",
-                      cursor: "pointer",
-                      "&:hover": {
-                        backgroundColor: "common.black",
-                        "& .MuiSvgIcon-root": {
-                          fill: (o) => o.palette.common.white
-                        }
-                      }
-                    },
-                    children: /* @__PURE__ */ e(A, { fontSize: "small" })
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  r,
-                  {
-                    onClick: k,
-                    sx: {
-                      backgroundColor: "common.white",
-                      display: "flex",
-                      borderRadius: "3px",
-                      alignItems: "center",
-                      boxShadow: 1,
-                      justifyContent: "center",
-                      width: "2rem",
-                      height: "2rem",
-                      cursor: "pointer",
-                      "&:hover": {
-                        backgroundColor: "common.black",
-                        "& .MuiSvgIcon-root": {
-                          fill: (o) => o.palette.common.white
-                        }
-                      }
-                    },
-                    children: /* @__PURE__ */ e(S, { fontSize: "small" })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            "img",
-            {
-              src: URL.createObjectURL(n),
-              alt: n.name,
-              style: {
-                width: "auto",
-                height: "100%",
-                maxWidth: "100%",
-                objectFit: "cover",
-                borderRadius: "8px"
-              }
-            }
-          )
-        ] }) : /* @__PURE__ */ e(c, { children: v ? /* @__PURE__ */ t(c, { children: [
-          /* @__PURE__ */ e(p, { color: "primary", style: {
-            width: "4rem",
-            height: "4rem"
-          } }),
-          u,
-          i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "0.875rem", color: "grey", children: i })
-        ] }) : /* @__PURE__ */ t(r, { sx: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          padding: "0.5rem",
-          gap: "0.5rem"
-        }, children: [
-          /* @__PURE__ */ e(p, { color: "primary", style: {
-            width: "4rem",
-            height: "4rem"
-          } }),
-          g,
-          i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "0.875rem", color: "grey", children: i })
-        ] }) })
-      ]
-    }
-  );
-};
-export {
-  U as default
-};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ImagePicker/ImagePicker.cjs.js"),a={title:"Components/ImagePicker",component:t,argTypes:{defaultLabel:{description:"Le contenu affiché comme label par défaut (ReactNode).",control:"text",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<ImagePickerDefaultLabel />"}}},dragLabel:{description:"Texte affiché lorsque l'utilisateur fait glisser un fichier.",control:"text",table:{type:{summary:"ReactNode"},defaultValue:{summary:"<ImagePickerDefaultDragLabel />"}}},information:{description:"Informations supplémentaires affichées sous le label par défaut.",control:"text",table:{type:{summary:"string"}}},onFileChange:{description:"Callback déclenché lorsque l'utilisateur sélectionne ou supprime un fichier.",action:"file-changed",table:{type:{summary:"(file: File | null) => void"}}}}},l={args:{information:"SVG, PNG, JPG, GIF",onFileChange:e=>{console.log(e?"Image uplaodé":"Image supprimé")},width:"400px",height:"400px"}};exports.Default=l;exports.default=a;

package/dist/components/stories/ImagePicker.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { ImagePicker } from '../ImagePicker';
-declare const meta: Meta<typeof ImagePicker>;
-export default meta;
-type Story = StoryObj<typeof ImagePicker>;
-export declare const Default: Story;

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

@@ -1,50 +0,0 @@
-import a from "../ImagePicker/ImagePicker.es.js";
-const l = {
-  title: "Components/ImagePicker",
-  component: a,
-  argTypes: {
-    defaultLabel: {
-      description: "Le contenu affiché comme label par défaut (ReactNode).",
-      control: "text",
-      table: {
-        type: { summary: "ReactNode" },
-        defaultValue: { summary: "<ImagePickerDefaultLabel />" }
-      }
-    },
-    dragLabel: {
-      description: "Texte affiché lorsque l'utilisateur fait glisser un fichier.",
-      control: "text",
-      table: {
-        type: { summary: "ReactNode" },
-        defaultValue: { summary: "<ImagePickerDefaultDragLabel />" }
-      }
-    },
-    information: {
-      description: "Informations supplémentaires affichées sous le label par défaut.",
-      control: "text",
-      table: {
-        type: { summary: "string" }
-      }
-    },
-    onFileChange: {
-      description: "Callback déclenché lorsque l'utilisateur sélectionne ou supprime un fichier.",
-      action: "file-changed",
-      table: {
-        type: { summary: "(file: File | null) => void" }
-      }
-    }
-  }
-}, i = {
-  args: {
-    information: "SVG, PNG, JPG, GIF",
-    onFileChange: (e) => {
-      console.log(e ? "Image uplaodé" : "Image supprimé");
-    },
-    width: "400px",
-    height: "400px"
-  }
-};
-export {
-  i as Default,
-  l as default
-};