@cgi-learning-hub/ui 1.3.3-dev.1732550407 → 1.3.3-dev.1732614205

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

@@ -1,148 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as p } from "react/jsx-runtime";
-import { c as h } from "../../createSvgIcon-BS0Qe85N.js";
-import { D as P } from "../../Delete-Dip-1l7n.js";
-import { Box as o } from "@mui/material";
-import { useState as j } from "react";
-import { u as v } from "../../index-BtGBke8y.js";
-import { S as w } from "../../Stack-DbWQHN5i.js";
-import { T as n } from "../../Typography-CizHc1nM.js";
-const m = 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"), L = ({
-  defaultLabel: g = "Glissez-déposez ou cliquez pour choisir une image",
-  dragLabel: u = "Glissez une image",
-  information: l = "PNG, JPEG, GIF, JPG",
-  onFileChange: c = (i) => {
-  },
-  ...x
-}) => {
-  const [i, s] = j(null), f = (t) => {
-    const d = t[0] || null;
-    s(d), c(d);
-  }, y = (t) => {
-    t.stopPropagation(), s(null), c(null);
-  }, b = (t) => {
-    t.stopPropagation(), a();
-  }, { open: a, getRootProps: z, getInputProps: C, isDragActive: I } = v({
-    ...x,
-    maxFiles: 1,
-    onDropAccepted: f,
-    accept: {
-      "image/*": [".png", ".jpeg", ".jpg", ".gif"]
-    },
-    noClick: !0
-  });
-  return /* @__PURE__ */ r(
-    w,
-    {
-      direction: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      spacing: 1,
-      width: "100%",
-      minWidth: "200px",
-      padding: 1,
-      border: "1px dashed",
-      borderColor: "grey.main",
-      borderRadius: 1,
-      sx: {
-        cursor: "pointer"
-      },
-      ...z({
-        onClick: a
-      }),
-      children: [
-        /* @__PURE__ */ e("input", { ...C() }),
-        i ? /* @__PURE__ */ r(o, { sx: { position: "relative" }, children: [
-          /* @__PURE__ */ r(
-            o,
-            {
-              sx: {
-                position: "absolute",
-                top: "0.5rem",
-                right: "0.5rem",
-                display: "flex",
-                gap: "0.5rem"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  o,
-                  {
-                    onClick: b,
-                    sx: {
-                      backgroundColor: "white",
-                      display: "flex",
-                      borderRadius: "3px",
-                      alignItems: "center",
-                      justifyContent: "center",
-                      boxShadow: 1,
-                      width: "2rem",
-                      height: "2rem",
-                      cursor: "pointer"
-                    },
-                    children: /* @__PURE__ */ e(A, { fontSize: "small" })
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  o,
-                  {
-                    onClick: y,
-                    sx: {
-                      backgroundColor: "white",
-                      display: "flex",
-                      borderRadius: "3px",
-                      alignItems: "center",
-                      boxShadow: 1,
-                      justifyContent: "center",
-                      width: "2rem",
-                      height: "2rem",
-                      cursor: "pointer"
-                    },
-                    children: /* @__PURE__ */ e(P, { fontSize: "small" })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            "img",
-            {
-              src: URL.createObjectURL(i),
-              alt: i.name,
-              style: {
-                width: "100%",
-                height: "auto",
-                minWidth: "100px",
-                maxWidth: "300px",
-                maxHeight: "300px",
-                objectFit: "cover",
-                borderRadius: "8px"
-              }
-            }
-          )
-        ] }) : /* @__PURE__ */ e(p, { children: I ? /* @__PURE__ */ r(p, { children: [
-          /* @__PURE__ */ e(m, { color: "primary" }),
-          /* @__PURE__ */ e(n, { textAlign: "center", children: u })
-        ] }) : /* @__PURE__ */ r(o, { sx: {
-          display: "flex",
-          flexDirection: "column",
-          alignItems: "center",
-          padding: "0.5rem",
-          gap: "0.5rem"
-        }, children: [
-          /* @__PURE__ */ e(m, { color: "primary", style: {
-            width: "2.5rem",
-            height: "2.5rem"
-          } }),
-          /* @__PURE__ */ e(n, { textAlign: "center", children: g }),
-          l && /* @__PURE__ */ e(n, { textAlign: "center", fontSize: "0.875rem", color: "grey", children: l })
-        ] }) })
-      ]
-    }
-  );
-};
-export {
-  L 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 o=require("../ImagePicker/ImagePicker.cjs.js"),t={title:"Components/ImagePicker",component:o},n={args:{information:"SVG, PNG, JPG, GIF",onFileChange:e=>{console.log(e?"Image uplaodé":"Image supprimé")}}};exports.Default=n;exports.default=t;

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,16 +0,0 @@
-import o from "../ImagePicker/ImagePicker.es.js";
-const n = {
-  title: "Components/ImagePicker",
-  component: o
-}, t = {
-  args: {
-    information: "SVG, PNG, JPG, GIF",
-    onFileChange: (e) => {
-      console.log(e ? "Image uplaodé" : "Image supprimé");
-    }
-  }
-};
-export {
-  t as Default,
-  n as default
-};