@cgi-learning-hub/ui 1.3.5-dev.1738162166 → 1.3.5-dev.1738162735

package/dist/components/ResourceCard/ResourceCard.es.js

@@ -1,135 +0,0 @@
-import { jsx as r, jsxs as d } from "react/jsx-runtime";
-import { Stack as h, Tooltip as b } from "@mui/material";
-import { c as f } from "../../createSvgIcon-C9kh-71a.js";
-import { StyledCard as g, SelectedIcon as y, ResourceCardImage as x, ResourceCardBody as P, ResourcePropertyItem as R, ResourcePropertyText as I, PublicIconWrapper as D, ResourceIconItem as $ } from "./style.es.js";
-import v from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-const w = f(/* @__PURE__ */ r("path", {
-  d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
-}), "MoreVert"), W = ({
-  isSelected: c = !1,
-  onSelect: i = () => {
-  },
-  image: m,
-  title: n,
-  defaultImage: u,
-  propertyItems: p = [],
-  infoIcons: a = [],
-  size: t = "md",
-  width: s,
-  onClick: l = () => {
-  }
-}) => (a = a.slice(0, 3), /* @__PURE__ */ d(
-  g,
-  {
-    selected: c,
-    size: t,
-    onClick: l,
-    width: s,
-    onKeyDown: (e) => {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l == null || l());
-    },
-    role: "button",
-    tabIndex: 0,
-    "aria-label": `Resource card for ${n}`,
-    children: [
-      /* @__PURE__ */ r(
-        y,
-        {
-          onClick: (e) => {
-            e.preventDefault(), e.stopPropagation(), i();
-          },
-          onKeyDown: (e) => {
-            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), i());
-          },
-          className: "selected-icon",
-          selected: c,
-          role: "button",
-          tabIndex: 0,
-          "aria-label": c ? "Unselect card" : "Select card",
-          children: /* @__PURE__ */ r(w, {})
-        }
-      ),
-      /* @__PURE__ */ r(h, { sx: {
-        width: t == "sm" ? 110 : "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        boxSizing: "border-box"
-      }, children: /* @__PURE__ */ r(
-        x,
-        {
-          image: m,
-          defaultImage: u,
-          size: t,
-          role: "img",
-          "aria-label": `Image for ${n}`
-        }
-      ) }),
-      /* @__PURE__ */ d(
-        P,
-        {
-          size: t,
-          children: [
-            /* @__PURE__ */ r(
-              v,
-              {
-                typographyProps: { fontWeight: "700", fontSize: "1.1rem" },
-                tooltipProps: { placement: "bottom", arrow: !0 },
-                children: n
-              }
-            ),
-            p.length > 0 && p.map((e, o) => /* @__PURE__ */ d(
-              R,
-              {
-                size: t,
-                role: "group",
-                "aria-label": `Property ${o}`,
-                children: [
-                  e.icon,
-                  /* @__PURE__ */ r(
-                    I,
-                    {
-                      isLast: o === p.length - 1,
-                      size: t,
-                      width: s,
-                      children: e.text
-                    }
-                  )
-                ]
-              },
-              `property-${o}`
-            )),
-            /* @__PURE__ */ r(
-              D,
-              {
-                size: t,
-                children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
-                  b,
-                  {
-                    title: e.text,
-                    placement: "top",
-                    arrow: !0,
-                    children: /* @__PURE__ */ r(
-                      $,
-                      {
-                        size: t,
-                        role: "button",
-                        tabIndex: 0,
-                        "aria-label": e.text,
-                        children: e.icon
-                      }
-                    )
-                  },
-                  `info-${o}`
-                ))
-              }
-            )
-          ]
-        }
-      )
-    ]
-  }
-));
-export {
-  W as default
-};

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

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

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

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

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

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

package/dist/components/ResourceCard/style.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),a=t.styled(t.Card)(({theme:e,selected:o,size:r,width:i})=>({boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",borderRadius:"0.5rem",width:i&&r==="md"?i:"320px",height:"auto",border:"2px solid transparent",transition:"border-color 0.2s ease-in-out",position:"relative",...r==="sm"&&{display:"flex",width:"100%"},...o&&{borderColor:e.palette.primary.light},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),s=t.styled(t.Box)(({theme:e,selected:o})=>({position:"absolute",top:0,right:0,width:"2rem",height:"2rem",background:e.palette.common.white,display:"flex",justifyContent:"center",alignItems:"center",padding:".8rem",borderRadius:".5rem",visibility:"visible",opacity:0,cursor:"pointer",transition:"opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",...o&&{background:e.palette.primary.lighter,opacity:1,visibility:"visible"},"&:hover, &:focus":{background:e.palette.primary.lighter,opacity:1},"& .MuiSvgIcon-root":{color:e.palette.primary.main}})),n=t.styled(t.CardMedia)(({size:e,image:o,defaultImage:r})=>({height:e=="sm"?85:180,width:e=="sm"?85:"calc(100% - 2rem)",objectFit:"cover",margin:e=="sm"?"0 10px":"1rem",borderRadius:"0.5rem",...!o&&e==="md"&&{backgroundImage:`url(${r})`,backgroundRepeat:"repeat",backgroundSize:"20% 20%",backgroundPosition:"center",opacity:"0.7"}})),p=t.styled(t.CardContent)(({size:e})=>({padding:e=="sm"?".7rem 5px .7rem 0 !important":"0 16px 16px 16px !important",width:e==="sm"?"calc(100% - 110px)":"100%"})),d=t.styled(t.Box)(({size:e})=>({display:"flex",alignItems:"center",marginTop:"0.5rem",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),c=t.styled(t.Box)(({size:e,width:o,isLast:r})=>({marginLeft:e==="sm"?".3rem":".5rem",fontSize:e==="sm"?"12px":"15px","& .MuiTypography-root":{paddingTop:"2px",fontSize:e==="sm"?"12px":"15px"},...r&&!o&&{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",maxWidth:e==="sm"?"110px":"172px"}})),l=t.styled(t.Box)(({size:e})=>({display:"inline-flex",alignItems:"center",justifyContent:"center",width:"fit-content",height:"fit-content",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),m=t.styled(t.Box)(({size:e})=>({position:"absolute",bottom:e==="sm"?".65rem":"16px",right:e==="sm"?"8px":"16px",display:"flex",gap:".2rem"}));exports.PublicIconWrapper=m;exports.ResourceCardBody=p;exports.ResourceCardImage=n;exports.ResourceIconItem=l;exports.ResourcePropertyItem=d;exports.ResourcePropertyText=c;exports.SelectedIcon=s;exports.StyledCard=a;

package/dist/components/ResourceCard/style.es.js

@@ -1,118 +0,0 @@
-import { styled as t, Card as p, Box as r, CardMedia as n, CardContent as s } from "@mui/material";
-const c = t(p)(({ theme: e, selected: o, size: i, width: a }) => ({
-  boxShadow: "0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",
-  borderRadius: "0.5rem",
-  width: a && i === "md" ? a : "320px",
-  height: "auto",
-  border: "2px solid transparent",
-  transition: "border-color 0.2s ease-in-out",
-  position: "relative",
-  ...i === "sm" && {
-    display: "flex",
-    width: "100%"
-  },
-  ...o && {
-    borderColor: e.palette.primary.light
-  },
-  "&:hover": {
-    "& .MuiBox-root.selected-icon": {
-      opacity: 1,
-      visibility: "visible"
-    }
-  }
-})), d = t(r)(({ theme: e, selected: o }) => ({
-  position: "absolute",
-  top: 0,
-  right: 0,
-  width: "2rem",
-  height: "2rem",
-  background: e.palette.common.white,
-  display: "flex",
-  justifyContent: "center",
-  alignItems: "center",
-  padding: ".8rem",
-  borderRadius: ".5rem",
-  visibility: "visible",
-  opacity: 0,
-  cursor: "pointer",
-  transition: "opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",
-  ...o && {
-    background: e.palette.primary.lighter,
-    opacity: 1,
-    visibility: "visible"
-  },
-  "&:hover, &:focus": {
-    background: e.palette.primary.lighter,
-    opacity: 1
-  },
-  "& .MuiSvgIcon-root": {
-    color: e.palette.primary.main
-  }
-})), l = t(n)(({ size: e, image: o, defaultImage: i }) => ({
-  height: e == "sm" ? 85 : 180,
-  width: e == "sm" ? 85 : "calc(100% - 2rem)",
-  objectFit: "cover",
-  margin: e == "sm" ? "0 10px" : "1rem",
-  borderRadius: "0.5rem",
-  ...!o && e === "md" && {
-    backgroundImage: `url(${i})`,
-    backgroundRepeat: "repeat",
-    backgroundSize: "20% 20%",
-    backgroundPosition: "center",
-    opacity: "0.7"
-  }
-})), g = t(s)(({ size: e }) => ({
-  padding: e == "sm" ? ".7rem 5px .7rem 0 !important" : "0 16px 16px 16px !important",
-  width: e === "sm" ? "calc(100% - 110px)" : "100%"
-})), x = t(r)(({ size: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  marginTop: "0.5rem",
-  ...e === "sm" && {
-    svg: {
-      width: ".8em",
-      height: ".8em"
-    }
-  }
-})), u = t(r)(({ size: e, width: o, isLast: i }) => ({
-  marginLeft: e === "sm" ? ".3rem" : ".5rem",
-  fontSize: e === "sm" ? "12px" : "15px",
-  "& .MuiTypography-root": {
-    paddingTop: "2px",
-    fontSize: e === "sm" ? "12px" : "15px"
-  },
-  ...i && !o && {
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    overflow: "hidden",
-    maxWidth: e === "sm" ? "110px" : "172px"
-  }
-})), h = t(r)(({ size: e }) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: "fit-content",
-  height: "fit-content",
-  ...e === "sm" && {
-    svg: {
-      width: ".8em",
-      height: ".8em"
-    }
-  }
-})), b = t(r)(({ size: e }) => ({
-  position: "absolute",
-  bottom: e === "sm" ? ".65rem" : "16px",
-  right: e === "sm" ? "8px" : "16px",
-  display: "flex",
-  gap: ".2rem"
-}));
-export {
-  b as PublicIconWrapper,
-  g as ResourceCardBody,
-  l as ResourceCardImage,
-  h as ResourceIconItem,
-  x as ResourcePropertyItem,
-  u as ResourcePropertyText,
-  d as SelectedIcon,
-  c as StyledCard
-};

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

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("../ResourceCard/ResourceCard.cjs.js"),o=require("../../createSvgIcon-DestgQu_.cjs"),r=require("@mui/material"),s=o.createSvgIcon(e.jsx("path",{d:"M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V8h16z"}),"CalendarToday"),i=o.createSvgIcon(e.jsx("path",{d:"M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-6 16h-2v-2h2zm2.07-7.75-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25"}),"LiveHelp"),l=o.createSvgIcon(e.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39"}),"Public"),a=o.createSvgIcon(e.jsx("path",{d:"M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"}),"Star"),n={title:"Components/ResourceCard",component:c,argTypes:{title:{description:"Titre de la carte.",control:"text",table:{type:{summary:"string"}},required:!0},defaultImage:{description:"Image par défaut => Logo de l'application",control:"text",table:{type:{summary:"string"}},required:!0},isSelected:{description:"Indique si la carte est sélectionnée.",control:"boolean",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},onSelect:{description:"Callback déclenché lorsque l'utilisateur sélectionne la carte.",action:"card-selected",table:{type:{summary:"() => void"}}},image:{description:"URL de l'image affichée sur la carte.",control:"text",table:{type:{summary:"string"}}},propertyItems:{description:"Liste des propriétés affichées sous le titre.",control:"object",table:{type:{summary:"PropertyItem[{text: Typography, icon: MuiIcon}]"}}},infoIcons:{description:"Liste des icônes d'information affichées dans la carte. (3 maximums)",control:"object",table:{type:{summary:"InfoItem[{text: string, icon: MuiIcon}]"}}},size:{description:"Taille de la carte (petite ou moyenne).",control:"radio",options:["sm","md"],table:{type:{summary:'"sm" | "md"'},defaultValue:{summary:"md"}}},width:{description:"Largeur de la carte.",control:"text",table:{type:{summary:"string"},defaultValue:{summary:"320px"}}}}},t={args:{isSelected:!1,image:"https://dummyimage.com/600x400/000/fff.png&text=flashquizz",defaultImage:"https://flashquizz-dev.support-ent.fr/images/logo.svg",title:"Titre de la Ressource tres loooooooooooooooooooooooooooooooooooooooooooooooooooooong",propertyItems:[{text:e.jsx(r.Typography,{color:"text.primary",children:"0 questions"}),icon:e.jsx(i,{color:"primary"})},{text:e.jsx(r.Typography,{color:"text.primary",children:"27 septembre 2025"}),icon:e.jsx(s,{color:"primary"})}],infoIcons:[{text:"Information 1",icon:e.jsx(l,{color:"primary"})},{text:"Information 2",icon:e.jsx(a,{color:"primary"})},{text:"Information 3",icon:e.jsx(a,{color:"primary"})}],size:"md",onSelect:()=>{console.log("Carte sélectionnée !")},onClick:()=>{console.log("Select all")}}},m={args:{...t.args,isSelected:!0,title:"Carte Sélectionnée"}},d={args:{...t.args,size:"sm",title:"Petite Carte"}},u={args:{...t.args,title:"Pas d'image",image:void 0}};exports.Default=t;exports.NoImage=u;exports.Selected=m;exports.Small=d;exports.default=n;

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as ResourceCard } from '../ResourceCard/ResourceCard';
-declare const meta: Meta<typeof ResourceCard>;
-export default meta;
-type Story = StoryObj<typeof ResourceCard>;
-export declare const Default: Story;
-export declare const Selected: Story;
-export declare const Small: Story;
-export declare const NoImage: Story;

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

@@ -1,135 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import c from "../ResourceCard/ResourceCard.es.js";
-import { c as o } from "../../createSvgIcon-C9kh-71a.js";
-import { Typography as r } from "@mui/material";
-const i = o(/* @__PURE__ */ e("path", {
-  d: "M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m0 18H4V8h16z"
-}), "CalendarToday"), s = o(/* @__PURE__ */ e("path", {
-  d: "M19 2H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h4l3 3 3-3h4c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2m-6 16h-2v-2h2zm2.07-7.75-.9.92C13.45 11.9 13 12.5 13 14h-2v-.5c0-1.1.45-2.1 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41 0-1.1-.9-2-2-2s-2 .9-2 2H8c0-2.21 1.79-4 4-4s4 1.79 4 4c0 .88-.36 1.68-.93 2.25"
-}), "LiveHelp"), l = o(/* @__PURE__ */ e("path", {
-  d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39"
-}), "Public"), a = o(/* @__PURE__ */ e("path", {
-  d: "M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
-}), "Star"), u = {
-  title: "Components/ResourceCard",
-  component: c,
-  argTypes: {
-    title: {
-      description: "Titre de la carte.",
-      control: "text",
-      table: {
-        type: { summary: "string" }
-      },
-      required: !0
-    },
-    defaultImage: {
-      description: "Image par défaut => Logo de l'application",
-      control: "text",
-      table: {
-        type: { summary: "string" }
-      },
-      required: !0
-    },
-    isSelected: {
-      description: "Indique si la carte est sélectionnée.",
-      control: "boolean",
-      table: {
-        type: { summary: "boolean" },
-        defaultValue: { summary: "false" }
-      }
-    },
-    onSelect: {
-      description: "Callback déclenché lorsque l'utilisateur sélectionne la carte.",
-      action: "card-selected",
-      table: {
-        type: { summary: "() => void" }
-      }
-    },
-    image: {
-      description: "URL de l'image affichée sur la carte.",
-      control: "text",
-      table: {
-        type: { summary: "string" }
-      }
-    },
-    propertyItems: {
-      description: "Liste des propriétés affichées sous le titre.",
-      control: "object",
-      table: {
-        type: { summary: "PropertyItem[{text: Typography, icon: MuiIcon}]" }
-      }
-    },
-    infoIcons: {
-      description: "Liste des icônes d'information affichées dans la carte. (3 maximums)",
-      control: "object",
-      table: {
-        type: { summary: "InfoItem[{text: string, icon: MuiIcon}]" }
-      }
-    },
-    size: {
-      description: "Taille de la carte (petite ou moyenne).",
-      control: "radio",
-      options: ["sm", "md"],
-      table: {
-        type: { summary: '"sm" | "md"' },
-        defaultValue: { summary: "md" }
-      }
-    },
-    width: {
-      description: "Largeur de la carte.",
-      control: "text",
-      table: {
-        type: { summary: "string" },
-        defaultValue: { summary: "320px" }
-      }
-    }
-  }
-}, t = {
-  args: {
-    isSelected: !1,
-    image: "https://dummyimage.com/600x400/000/fff.png&text=flashquizz",
-    defaultImage: "https://flashquizz-dev.support-ent.fr/images/logo.svg",
-    title: "Titre de la Ressource tres loooooooooooooooooooooooooooooooooooooooooooooooooooooong",
-    propertyItems: [
-      { text: /* @__PURE__ */ e(r, { color: "text.primary", children: "0 questions" }), icon: /* @__PURE__ */ e(s, { color: "primary" }) },
-      { text: /* @__PURE__ */ e(r, { color: "text.primary", children: "27 septembre 2025" }), icon: /* @__PURE__ */ e(i, { color: "primary" }) }
-    ],
-    infoIcons: [
-      { text: "Information 1", icon: /* @__PURE__ */ e(l, { color: "primary" }) },
-      { text: "Information 2", icon: /* @__PURE__ */ e(a, { color: "primary" }) },
-      { text: "Information 3", icon: /* @__PURE__ */ e(a, { color: "primary" }) }
-    ],
-    size: "md",
-    onSelect: () => {
-      console.log("Carte sélectionnée !");
-    },
-    onClick: () => {
-      console.log("Select all");
-    }
-  }
-}, y = {
-  args: {
-    ...t.args,
-    isSelected: !0,
-    title: "Carte Sélectionnée"
-  }
-}, g = {
-  args: {
-    ...t.args,
-    size: "sm",
-    title: "Petite Carte"
-  }
-}, f = {
-  args: {
-    ...t.args,
-    title: "Pas d'image",
-    image: void 0
-  }
-};
-export {
-  t as Default,
-  f as NoImage,
-  y as Selected,
-  g as Small,
-  u as default
-};