@cgi-learning-hub/ui 1.9.0 → 1.10.0

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

@@ -1,203 +0,0 @@
-import { jsx as e, jsxs as o, Fragment as s } from "react/jsx-runtime";
-import { c as g } from "../../createSvgIcon-DFIM5PqN.js";
-import { D as w } from "../../Delete-DXUljXzP.js";
-import { Box as n } from "@mui/material";
-import { useState as D, useEffect as A } from "react";
-import { u as j } from "../../index-CJMnfcQs.js";
-import { S as F } from "../../Stack-pMJEpL7k.js";
-import { T as l } from "../../Typography-Cr-aIusw.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"), 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"), R = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
-  /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez-déposez" }),
-  " ",
-  "ou",
-  " ",
-  /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "cliquez" }),
-  " ",
-  "pour choisir une image"
-] }), M = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
-  /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez" }),
-  " ",
-  "une image"
-] }), $ = ({
-  defaultLabel: u = /* @__PURE__ */ e(R, {}),
-  dragLabel: x = /* @__PURE__ */ e(M, {}),
-  information: i,
-  onFileChange: d = (r) => {
-  },
-  width: f = "160px",
-  height: y = "160px",
-  initialFile: c = null,
-  ...b
-}) => {
-  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: k,
-    accept: {
-      "image/*": [".png", ".jpeg", ".jpg", ".gif"]
-    },
-    noClick: !0
-  });
-  return /* @__PURE__ */ o(
-    F,
-    {
-      direction: "column",
-      justifyContent: "center",
-      alignItems: "center",
-      width: f,
-      minWidth: "150px",
-      minHeight: "150px",
-      height: y,
-      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
-      },
-      ...I({
-        onClick: p
-      }),
-      children: [
-        /* @__PURE__ */ e("input", { ...S() }),
-        r ? /* @__PURE__ */ o(s, { children: [
-          /* @__PURE__ */ o(
-            n,
-            {
-              sx: {
-                position: "absolute",
-                top: "0.5rem",
-                right: "0.5rem",
-                display: "flex",
-                gap: "0.3rem"
-              },
-              children: [
-                /* @__PURE__ */ e(
-                  n,
-                  {
-                    onClick: C,
-                    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: /* @__PURE__ */ e(P, { fontSize: "small" })
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  n,
-                  {
-                    onClick: z,
-                    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: /* @__PURE__ */ e(w, { fontSize: "small" })
-                  }
-                )
-              ]
-            }
-          ),
-          /* @__PURE__ */ e(
-            "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"
-              }
-            }
-          )
-        ] }) : /* @__PURE__ */ e(s, { children: v ? /* @__PURE__ */ o(s, { children: [
-          /* @__PURE__ */ e(
-            h,
-            {
-              color: "primary",
-              style: {
-                width: "2.5rem",
-                height: "2.5rem"
-              }
-            }
-          ),
-          x,
-          i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
-        ] }) : /* @__PURE__ */ o(
-          n,
-          {
-            sx: {
-              display: "flex",
-              flexDirection: "column",
-              alignItems: "center",
-              padding: "0.5rem",
-              gap: "0.3rem"
-            },
-            children: [
-              /* @__PURE__ */ e(
-                h,
-                {
-                  color: "primary",
-                  style: {
-                    width: "2.5rem",
-                    height: "2.5rem"
-                  }
-                }
-              ),
-              u,
-              i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-};
-export {
-  $ 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/Loader/Loader.cjs.js

@@ -1 +0,0 @@
-"use strict";require('../../assets/Loader.css');const e=require("react/jsx-runtime"),r=require("../../Box-CYQlQqRB.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.d.ts

@@ -1,3 +0,0 @@
-export type LoaderProps = {};
-declare const Loader: React.FunctionComponent<LoaderProps>;
-export default Loader;

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

@@ -1,11 +0,0 @@
-import { jsx as l, jsxs as e } from "react/jsx-runtime";
-import { B as r } from "../../Box-BaZ7KlAc.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 {
-  o as default
-};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";require('../../assets/LoaderBackdrop.css');const r=require("react/jsx-runtime"),e=require("../../Backdrop-qOBrabpf.cjs"),c=require("../../Box-CYQlQqRB.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.d.ts

@@ -1,3 +0,0 @@
-export type LoaderBackdropProps = {};
-declare const LoaderBackdrop: React.FunctionComponent<LoaderBackdropProps>;
-export default LoaderBackdrop;

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

@@ -1,12 +0,0 @@
-import { jsx as r, jsxs as e } from "react/jsx-runtime";
-import { B as l } from "../../Backdrop-BvL371G3.js";
-import { B as o } from "../../Box-BaZ7KlAc.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: "●" }),
-  /* @__PURE__ */ r("label", { children: "●" })
-] }) });
-export {
-  n as default
-};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";const s=require("react/jsx-runtime"),l=require("react"),d=require("../../TextField-C9AnzUpZ.cjs"),a=require("../../InputAdornment-C1r1YutO.cjs"),u=require("../../IconButton-BTN16gZi.cjs"),n=require("../../createSvgIcon-CcWpa9Le.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 +0,0 @@
-import { TextFieldProps } from '@mui/material/TextField';
-import { default as React } from 'react';
-export type PasswordInputProps = Omit<TextFieldProps, "variant" | "type">;
-declare const PasswordInput: React.FunctionComponent<PasswordInputProps>;
-export default PasswordInput;

package/dist/components/PasswordInput/PasswordInput.es.js

@@ -1,39 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as r } from "react";
-import { T as a } from "../../TextField-Ctx4aW6-.js";
-import { I as l } from "../../InputAdornment-DuR35FtU.js";
-import { I as c } from "../../IconButton-DBjiNqOa.js";
-import { c as i } from "../../createSvgIcon-DFIM5PqN.js";
-const d = i(/* @__PURE__ */ o("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 = i(/* @__PURE__ */ o("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"), y = (e) => {
-  const [t, n] = r(!1);
-  return /* @__PURE__ */ o(
-    a,
-    {
-      ...e,
-      type: t ? "text" : "password",
-      slotProps: {
-        input: {
-          endAdornment: /* @__PURE__ */ o(l, { position: "end", children: /* @__PURE__ */ o(
-            c,
-            {
-              "aria-label": "toggle password visibility",
-              onClick: () => n((s) => !s),
-              onMouseDown: (s) => {
-                s.preventDefault();
-              },
-              edge: "end",
-              children: t ? /* @__PURE__ */ o(p, {}) : /* @__PURE__ */ o(d, {})
-            }
-          ) })
-        }
-      }
-    }
-  );
-};
-export {
-  y as default
-};

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

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

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

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

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

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

package/dist/components/QueryError/QueryError.cjs.js

@@ -1 +0,0 @@
-"use strict";const e=require("react/jsx-runtime"),a=require("../../client-error-CHkavqXs.cjs"),i=require("../../error-Dk3o6ber.cjs"),o=require("../../server-error-CqyYyPLN.cjs"),s=require("../EmptyState/EmptyState.cjs.js"),u=require("./helpers.cjs.js"),c=({error:t,statusPrefix:n="Erreur "})=>{if(u.isFetchBaseQueryError(t)){const r="error"in t?t.error:t.data?JSON.stringify(t.data):null;return typeof t.status=="number"&&t.status.toString().startsWith("4")?e.jsx(s,{image:e.jsx(a.default,{height:"100%"}),title:`Erreur client (${t.status})`,description:r??void 0}):typeof t.status=="number"&&t.status.toString().startsWith("5")?e.jsx(s,{image:e.jsx(o.default,{height:"100%"}),title:`Erreur serveur (${t.status})`,description:r??void 0}):e.jsx(s,{image:e.jsx(i.default,{height:"100%"}),title:`${n}${t.status}`,description:r??void 0})}return e.jsx(s,{image:e.jsx(i.default,{height:"100%"}),title:u.isErrorWithMessage(t)?t.message:"Une erreur est survenue"})};module.exports=c;

package/dist/components/QueryError/QueryError.d.ts

@@ -1,8 +0,0 @@
-import { SerializedError } from '@reduxjs/toolkit';
-import { FetchBaseQueryError } from '@reduxjs/toolkit/query';
-export type QueryErrorProps = {
-    error: FetchBaseQueryError | SerializedError | undefined;
-    statusPrefix?: string;
-};
-declare const QueryError: React.FunctionComponent<QueryErrorProps>;
-export default QueryError;

package/dist/components/QueryError/QueryError.es.js

@@ -1,46 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import a from "../../client-error-D0Ng5oOn.js";
-import r from "../../error-CRNeivL7.js";
-import m from "../../server-error-CvgIy7ap.js";
-import e from "../EmptyState/EmptyState.es.js";
-import { isFetchBaseQueryError as n, isErrorWithMessage as o } from "./helpers.es.js";
-const d = ({
-  error: t,
-  statusPrefix: u = "Erreur "
-}) => {
-  if (n(t)) {
-    const s = "error" in t ? t.error : t.data ? JSON.stringify(t.data) : null;
-    return typeof t.status == "number" && t.status.toString().startsWith("4") ? /* @__PURE__ */ i(
-      e,
-      {
-        image: /* @__PURE__ */ i(a, { height: "100%" }),
-        title: `Erreur client (${t.status})`,
-        description: s ?? void 0
-      }
-    ) : typeof t.status == "number" && t.status.toString().startsWith("5") ? /* @__PURE__ */ i(
-      e,
-      {
-        image: /* @__PURE__ */ i(m, { height: "100%" }),
-        title: `Erreur serveur (${t.status})`,
-        description: s ?? void 0
-      }
-    ) : /* @__PURE__ */ i(
-      e,
-      {
-        image: /* @__PURE__ */ i(r, { height: "100%" }),
-        title: `${u}${t.status}`,
-        description: s ?? void 0
-      }
-    );
-  }
-  return /* @__PURE__ */ i(
-    e,
-    {
-      image: /* @__PURE__ */ i(r, { height: "100%" }),
-      title: o(t) ? t.message : "Une erreur est survenue"
-    }
-  );
-};
-export {
-  d as default
-};

package/dist/components/QueryError/helpers.cjs.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){return typeof e=="object"&&e!=null&&"status"in e}function s(e){return typeof e=="object"&&e!=null&&"message"in e&&typeof e.message=="string"}exports.isErrorWithMessage=s;exports.isFetchBaseQueryError=t;

package/dist/components/QueryError/helpers.d.ts

@@ -1,11 +0,0 @@
-import { FetchBaseQueryError } from '@reduxjs/toolkit/query';
-/**
- * Type predicate to narrow an unknown error to `FetchBaseQueryError`
- */
-export declare function isFetchBaseQueryError(error: unknown): error is FetchBaseQueryError;
-/**
- * Type predicate to narrow an unknown error to an object with a string 'message' property
- */
-export declare function isErrorWithMessage(error: unknown): error is {
-    message: string;
-};

package/dist/components/QueryError/helpers.es.js

@@ -1,10 +0,0 @@
-function e(t) {
-  return typeof t == "object" && t != null && "status" in t;
-}
-function s(t) {
-  return typeof t == "object" && t != null && "message" in t && typeof t.message == "string";
-}
-export {
-  s as isErrorWithMessage,
-  e as isFetchBaseQueryError
-};

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),m=require("../../MoreVert-BwfUF9pO.cjs"),d=require("@mui/material"),j=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),o=require("./style.cjs.js"),y=({isSelected:s=!1,onSelect:u=()=>{},image:x,title:c,defaultImage:h,propertyItems:p=[],infoIcons:l=[],size:t="md",width:i,onClick:n=()=>{},hasNoButtonOnFocus:b=!1})=>(l=l.slice(0,3),r.jsx(d.Box,{sx:{width:i&&t==="md"?i:"320px"},children:r.jsxs(o.StyledCard,{selected:s,size:t,onClick:n,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),n==null||n())},role:"button",tabIndex:0,"aria-label":`Resource card for ${c}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),u()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),u())},className:"selected-icon",selected:s,role:"button",tabIndex:0,"aria-label":s?"Unselect card":"Select card",hasNoButtonOnFocus:b,children:r.jsx(m.MoreVertIcon,{})}),r.jsx(d.Stack,{sx:{width:t=="sm"?110:"100%",display:"flex",alignItems:"center",justifyContent:"center",boxSizing:"border-box"},children:r.jsx(o.ResourceCardImage,{image:x,defaultImage:h,size:t,role:"img","aria-label":`Image for ${c}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(j,{typographyProps:{variant:"h4",component:"p"},tooltipProps:{placement:"bottom",arrow:!0},children:c}),p.length>0&&p.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===p.length-1,size:t,width:i,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:l.length>0&&l.map((e,a)=>r.jsx(d.Tooltip,{title:e.text,placement:"top",arrow:!0,children:r.jsx(o.ResourceIconItem,{size:t,role:"button",tabIndex:0,"aria-label":e.text,children:e.icon})},`info-${a}`))})]})]})}));module.exports=y;

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

@@ -1,25 +0,0 @@
-import { ReactNode } from 'react';
-export type PropertyItem = {
-    text: ReactNode;
-    icon?: ReactNode;
-};
-export type InfoItem = {
-    text: string;
-    icon: ReactNode;
-};
-export type ResourceCardSize = "md" | "sm";
-export type ResourceCardProps = {
-    isSelected?: boolean;
-    onSelect?: () => void;
-    image?: string;
-    defaultImage: string;
-    title: string;
-    propertyItems?: PropertyItem[];
-    infoIcons?: InfoItem[];
-    size?: ResourceCardSize;
-    width?: string;
-    onClick?: () => void;
-    hasNoButtonOnFocus?: boolean;
-};
-declare const ResourceCard: React.FunctionComponent<ResourceCardProps>;
-export default ResourceCard;

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

@@ -1,128 +0,0 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { M as b } from "../../MoreVert-woCQ0dNf.js";
-import { Box as x, Stack as f, Tooltip as y } from "@mui/material";
-import g from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { StyledCard as P, SelectedIcon as R, ResourceCardImage as D, ResourceCardBody as I, ResourcePropertyItem as $, ResourcePropertyText as v, PublicIconWrapper as w, ResourceIconItem as j } from "./style.es.js";
-const S = ({
-  isSelected: n = !1,
-  onSelect: m = () => {
-  },
-  image: s,
-  title: c,
-  defaultImage: u,
-  propertyItems: p = [],
-  infoIcons: a = [],
-  size: t = "md",
-  width: d,
-  onClick: l = () => {
-  },
-  hasNoButtonOnFocus: h = !1
-}) => (a = a.slice(0, 3), /* @__PURE__ */ r(x, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
-  P,
-  {
-    selected: n,
-    size: t,
-    onClick: l,
-    onKeyDown: (e) => {
-      (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l == null || l());
-    },
-    role: "button",
-    tabIndex: 0,
-    "aria-label": `Resource card for ${c}`,
-    children: [
-      /* @__PURE__ */ r(
-        R,
-        {
-          onClick: (e) => {
-            e.preventDefault(), e.stopPropagation(), m();
-          },
-          onKeyDown: (e) => {
-            (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), m());
-          },
-          className: "selected-icon",
-          selected: n,
-          role: "button",
-          tabIndex: 0,
-          "aria-label": n ? "Unselect card" : "Select card",
-          hasNoButtonOnFocus: h,
-          children: /* @__PURE__ */ r(b, {})
-        }
-      ),
-      /* @__PURE__ */ r(
-        f,
-        {
-          sx: {
-            width: t == "sm" ? 110 : "100%",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            boxSizing: "border-box"
-          },
-          children: /* @__PURE__ */ r(
-            D,
-            {
-              image: s,
-              defaultImage: u,
-              size: t,
-              role: "img",
-              "aria-label": `Image for ${c}`
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ i(I, { size: t, children: [
-        /* @__PURE__ */ r(
-          g,
-          {
-            typographyProps: { variant: "h4", component: "p" },
-            tooltipProps: { placement: "bottom", arrow: !0 },
-            children: c
-          }
-        ),
-        p.length > 0 && p.map((e, o) => /* @__PURE__ */ i(
-          $,
-          {
-            size: t,
-            role: "group",
-            "aria-label": `Property ${o}`,
-            children: [
-              e.icon,
-              /* @__PURE__ */ r(
-                v,
-                {
-                  isLast: o === p.length - 1,
-                  size: t,
-                  width: d,
-                  children: e.text
-                }
-              )
-            ]
-          },
-          `property-${o}`
-        )),
-        /* @__PURE__ */ r(w, { size: t, children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
-          y,
-          {
-            title: e.text,
-            placement: "top",
-            arrow: !0,
-            children: /* @__PURE__ */ r(
-              j,
-              {
-                size: t,
-                role: "button",
-                tabIndex: 0,
-                "aria-label": e.text,
-                children: e.icon
-              }
-            )
-          },
-          `info-${o}`
-        )) })
-      ] })
-    ]
-  }
-) }));
-export {
-  S 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"),i=t.styled(t.Card)(({selected:e,size:o,theme:r})=>({boxShadow:"0px 4px 12px rgba(0, 0, 0, 0.1), 0px 2px 4px rgba(0, 0, 0, 0.06)",borderRadius:"0.5rem",height:"auto",border:"2px solid transparent",transition:"border-color 0.2s ease-in-out",position:"relative",...o==="sm"&&{display:"flex",width:"100%"},...e&&{borderColor:r.palette.primary.light},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),a=t.styled(t.Box)(({selected:e,hasNoButtonOnFocus:o,theme:r})=>({position:"absolute",top:0,right:0,width:"2rem",height:"2rem",background:"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",...e&&{background:r.palette.primary.lighter,opacity:1,visibility:"visible"},...o?{"&:hover":{background:r.palette.primary.lighter,opacity:1}}:{"&:hover, &:focus":{background:r.palette.primary.lighter,opacity:1}},"& .MuiSvgIcon-root":{color:r.palette.primary.main}})),s=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"}})),n=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%"})),p=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"}})),d=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"}}})),l=t.styled(t.Box)(({size:e})=>({position:"absolute",bottom:e==="sm"?".65rem":"16px",right:e==="sm"?"8px":"16px",display:"flex",gap:".2rem"}));exports.PublicIconWrapper=l;exports.ResourceCardBody=n;exports.ResourceCardImage=s;exports.ResourceIconItem=d;exports.ResourcePropertyItem=p;exports.ResourcePropertyText=c;exports.SelectedIcon=a;exports.StyledCard=i;