@cgi-learning-hub/ui 1.3.5-dev.1739377644 → 1.3.5-dev.1739381298

package/dist/components/Alert/Alert.es.js

@@ -4,10 +4,19 @@ const d = l(i)(() => ({
   "& .MuiAlertTitle-root": {
     fontWeight: 600
   }
-})), s = (t) => /* @__PURE__ */ e(d, { ...t, severity: t.severity, color: t.severity, variant: "standard", children: [
-  t.title && /* @__PURE__ */ r(n, { children: t.title }),
-  t.children
-] });
+})), s = (t) => /* @__PURE__ */ e(
+  d,
+  {
+    ...t,
+    severity: t.severity,
+    color: t.severity,
+    variant: "standard",
+    children: [
+      t.title && /* @__PURE__ */ r(n, { children: t.title }),
+      t.children
+    ]
+  }
+);
 export {
   s as default
 };

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

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("@mui/material");require("react");const l=require("./FileListItem.cjs.js"),x=require("../../Box-CVaz7diG.cjs"),u=({files:i,onDelete:t,onClick:s,onDownload:n})=>e.jsx(x.Box,{sx:{display:"flex",flexDirection:"column"},children:i.map((o,r)=>e.jsxs(e.Fragment,{children:[e.jsx(l,{file:o,onClick:s,onDelete:t,onDownload:n},r),r<i.length-1&&e.jsx(c.Divider,{variant:"middle"})]}))});module.exports=u;
+"use strict";const e=require("react/jsx-runtime"),c=require("@mui/material"),l=require("./FileListItem.cjs.js"),x=require("../../Box-CVaz7diG.cjs"),m=({files:i,onDelete:r,onClick:s,onDownload:n})=>e.jsx(x.Box,{sx:{display:"flex",flexDirection:"column"},children:i.map((o,t)=>e.jsxs(e.Fragment,{children:[e.jsx(l,{file:o,onClick:s,onDelete:r,onDownload:n},t),t<i.length-1&&e.jsx(c.Divider,{variant:"middle"})]}))});module.exports=m;

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

@@ -1,26 +1,25 @@
 import { jsx as r, jsxs as s, Fragment as a } from "react/jsx-runtime";
 import { Divider as n } from "@mui/material";
-import "react";
 import p from "./FileListItem.es.js";
 import { B as d } from "../../Box-Cpg9IWKr.js";
-const F = ({
+const u = ({
   files: i,
-  onDelete: m,
-  onClick: o,
-  onDownload: e
+  onDelete: e,
+  onClick: m,
+  onDownload: o
 }) => /* @__PURE__ */ r(d, { sx: { display: "flex", flexDirection: "column" }, children: i.map((l, t) => /* @__PURE__ */ s(a, { children: [
   /* @__PURE__ */ r(
     p,
     {
       file: l,
-      onClick: o,
-      onDelete: m,
-      onDownload: e
+      onClick: m,
+      onDelete: e,
+      onDownload: o
     },
     t
   ),
   t < i.length - 1 && /* @__PURE__ */ r(n, { variant: "middle" })
 ] })) });
 export {
-  F as default
+  u as default
 };

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

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),c=require("../../createSvgIcon-CWNQW6u6.cjs"),o=require("@mui/material"),I=require("react"),S=require("../../index-BUATG6-f.cjs"),C=require("../../Stack-B68ooSQ-.cjs"),i=require("../../Typography-Y-OGmT9M.cjs"),p=c.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"),F=c.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"),w=c.createSvgIcon(e.jsx("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete"),D=()=>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"]}),P=({defaultLabel:h=e.jsx(D,{}),dragLabel:g=e.jsx(A,{}),information:n,onFileChange:s=t=>{},width:x="160px",height:m="160px",initialFile:u=null,...j})=>{const[t,l]=I.useState(u),y=r=>{const d=r[0]||null;l(d),s(d)},f=r=>{r.stopPropagation(),l(null),s(null)},b=r=>{r.stopPropagation(),a()},{open:a,getRootProps:k,getInputProps:z,isDragActive:v}=S.useDropzone({...j,maxFiles:1,onDropAccepted:y,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(C.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:x,minWidth:"150px",minHeight:"150px",height:m,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!t&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!t&&"1px dashed"}`,borderColor:r=>!t&&r.palette.grey.main},...k({onClick:a}),children:[e.jsx("input",{...z()}),t?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:b,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:r=>r.palette.common.white}}},children:e.jsx(F,{fontSize:"small"})}),e.jsx(o.Box,{onClick:f,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:r=>r.palette.common.white}}},children:e.jsx(w,{fontSize:"small"})})]}),e.jsx("img",{src:typeof t=="string"?t:URL.createObjectURL(t),alt:typeof t=="string"?t:t.name,style:{width:"100%",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:v?e.jsxs(e.Fragment,{children:[e.jsx(p,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),g,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(p,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),h,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=P;
+"use strict";const e=require("react/jsx-runtime"),c=require("../../createSvgIcon-CWNQW6u6.cjs"),o=require("@mui/material"),I=require("react"),S=require("../../index-BUATG6-f.cjs"),C=require("../../Stack-B68ooSQ-.cjs"),i=require("../../Typography-Y-OGmT9M.cjs"),p=c.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"),F=c.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"),w=c.createSvgIcon(e.jsx("path",{d:"M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"}),"Delete"),D=()=>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"]}),P=({defaultLabel:h=e.jsx(D,{}),dragLabel:g=e.jsx(A,{}),information:n,onFileChange:s=t=>{},width:x="160px",height:m="160px",initialFile:u=null,...j})=>{const[t,l]=I.useState(u),y=r=>{const d=r[0]||null;l(d),s(d)},f=r=>{r.stopPropagation(),l(null),s(null)},b=r=>{r.stopPropagation(),a()},{open:a,getRootProps:k,getInputProps:z,isDragActive:v}=S.useDropzone({...j,maxFiles:1,onDropAccepted:y,accept:{"image/*":[".png",".jpeg",".jpg",".gif"]},noClick:!0});return e.jsxs(C.Stack,{direction:"column",justifyContent:"center",alignItems:"center",width:x,minWidth:"150px",minHeight:"150px",height:m,borderRadius:1,sx:{cursor:"pointer",position:"relative",background:`${!t&&"linear-gradient(180deg, #F5F7F9 0%, #FFF 100%)"}`,border:`${!t&&"1px dashed"}`,borderColor:r=>!t&&r.palette.grey.main},...k({onClick:a}),children:[e.jsx("input",{...z()}),t?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:b,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:r=>r.palette.common.white}}},children:e.jsx(F,{fontSize:"small"})}),e.jsx(o.Box,{onClick:f,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:r=>r.palette.common.white}}},children:e.jsx(w,{fontSize:"small"})})]}),e.jsx("img",{src:typeof t=="string"?t:URL.createObjectURL(t),alt:typeof t=="string"?t:t.name,style:{width:"100%",height:"100%",maxWidth:"100%",objectFit:"cover",borderRadius:"5px"}})]}):e.jsx(e.Fragment,{children:v?e.jsxs(e.Fragment,{children:[e.jsx(p,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),g,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(p,{color:"primary",style:{width:"2.5rem",height:"2.5rem"}}),h,n&&e.jsx(i.Typography,{textAlign:"center",fontSize:"12px",color:"grey",children:n})]})})]})};module.exports=P;

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

@@ -13,12 +13,16 @@ const m = a(/* @__PURE__ */ e("path", {
   d: "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"
 }), "Delete"), P = () => /* @__PURE__ */ o(l, { textAlign: "center", fontSize: "14px", color: "grey.darker", children: [
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "Glissez-déposez" }),
-  " ou ",
+  " ",
+  "ou",
+  " ",
   /* @__PURE__ */ e(n, { component: "span", fontWeight: "bold", children: "cliquez" }),
-  " pour choisir une image"
+  " ",
+  "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"
+  " ",
+  "une image"
 ] }), U = ({
   defaultLabel: g = /* @__PURE__ */ e(P, {}),
   dragLabel: u = /* @__PURE__ */ e(M, {}),
@@ -30,7 +34,9 @@ const m = a(/* @__PURE__ */ e("path", {
   initialFile: y = null,
   ...b
 }) => {
-  const [t, d] = w(y), z = (r) => {
+  const [t, d] = w(
+    y
+  ), z = (r) => {
     const h = r[0] || null;
     d(h), s(h);
   }, k = (r) => {
@@ -147,26 +153,44 @@ const m = a(/* @__PURE__ */ e("path", {
             }
           )
         ] }) : /* @__PURE__ */ e(c, { children: S ? /* @__PURE__ */ o(c, { children: [
-          /* @__PURE__ */ e(m, { color: "primary", style: {
-            width: "2.5rem",
-            height: "2.5rem"
-          } }),
+          /* @__PURE__ */ e(
+            m,
+            {
+              color: "primary",
+              style: {
+                width: "2.5rem",
+                height: "2.5rem"
+              }
+            }
+          ),
           u,
           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(m, { color: "primary", style: {
-            width: "2.5rem",
-            height: "2.5rem"
-          } }),
-          g,
-          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(
+                m,
+                {
+                  color: "primary",
+                  style: {
+                    width: "2.5rem",
+                    height: "2.5rem"
+                  }
+                }
+              ),
+              g,
+              i && /* @__PURE__ */ e(l, { textAlign: "center", fontSize: "12px", color: "grey", children: i })
+            ]
+          }
+        ) })
       ]
     }
   );

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

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

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

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

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

@@ -1 +1 @@
-"use strict";require('../../assets/styles2.css');require('../../assets/styles.css');const e=require("react/jsx-runtime"),u=require("react"),l=require("../TextInput/TextInput.cjs.js");require("../Alert/Alert.cjs.js");require("../../Button-C-bZSJCq.cjs");require("../../fr-JE-1WKP6.cjs");require("@mui/material");;/* empty css                      */;/* empty css                      */require("../ResourceCard/style.cjs.js");require("../SearchInput/SearchInput.cjs.js");const a=require("../../InputAdornment-CLIvW7Gk.cjs"),d=require("../../IconButton-BUCTqOFa.cjs"),r=require("../../createSvgIcon-CWNQW6u6.cjs"),p=r.createSvgIcon(e.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"),q=r.createSvgIcon(e.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"),w=s=>{const[n,i]=u.useState(!1),o=()=>i(t=>!t),c=t=>{t.preventDefault()};return e.jsx(l,{...s,variant:"outlined",label:s.label,type:n?"text":"password",InputProps:{endAdornment:e.jsx(a.InputAdornment,{position:"end",children:e.jsx(d.IconButton,{"aria-label":"toggle password visibility",onClick:o,onMouseDown:c,edge:"end",children:n?e.jsx(q,{}):e.jsx(p,{})})})}})};module.exports=w;
+"use strict";require('../../assets/styles2.css');require('../../assets/styles.css');const e=require("react/jsx-runtime"),u=require("react");require("../Alert/Alert.cjs.js");require("../../Button-C-bZSJCq.cjs");require("../../fr-JE-1WKP6.cjs");require("@mui/material");;/* empty css                      */;/* empty css                      */require("../ResourceCard/style.cjs.js");require("../SearchInput/SearchInput.cjs.js");const l=require("../TextInput/TextInput.cjs.js"),a=require("../../InputAdornment-CLIvW7Gk.cjs"),d=require("../../IconButton-BUCTqOFa.cjs"),r=require("../../createSvgIcon-CWNQW6u6.cjs"),p=r.createSvgIcon(e.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"),q=r.createSvgIcon(e.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"),w=s=>{const[n,i]=u.useState(!1),o=()=>i(t=>!t),c=t=>{t.preventDefault()};return e.jsx(l,{...s,variant:"outlined",label:s.label,type:n?"text":"password",InputProps:{endAdornment:e.jsx(a.InputAdornment,{position:"end",children:e.jsx(d.IconButton,{"aria-label":"toggle password visibility",onClick:o,onMouseDown:c,edge:"end",children:n?e.jsx(q,{}):e.jsx(p,{})})})}})};module.exports=w;

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

@@ -1,6 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
 import { useState as a } from "react";
-import p from "../TextInput/TextInput.es.js";
 import "../Alert/Alert.es.js";
 import "../../Button-CSNPv43f.js";
 import "../../fr-B3qrCNcK.js";
@@ -9,6 +8,7 @@ import '../../assets/styles2.css';import '../../assets/styles.css';/* empty css
 /* empty css                    */
 import "../ResourceCard/style.es.js";
 import "../SearchInput/SearchInput.es.js";
+import p from "../TextInput/TextInput.es.js";
 import { I as c } from "../../InputAdornment-XfxRdI9K.js";
 import { I as m } from "../../IconButton-CZvDgqOc.js";
 import { c as r } from "../../createSvgIcon-Cd6y8E9W.js";

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

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

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

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),d=require("@mui/material"),m=require("../../createSvgIcon-CWNQW6u6.cjs"),o=require("./style.cjs.js"),b=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),j=m.createSvgIcon(r.jsx("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"),g=({isSelected:l=!1,onSelect:x=()=>{},image:u,title:n,defaultImage:h,propertyItems:i=[],infoIcons:s=[],size:t="md",width:p,onClick:c=()=>{}})=>(s=s.slice(0,3),r.jsx(d.Box,{sx:{width:p&&t==="md"?p:"320px"},children:r.jsxs(o.StyledCard,{selected:l,size:t,onClick:c,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),c==null||c())},role:"button",tabIndex:0,"aria-label":`Resource card for ${n}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),x()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),x())},className:"selected-icon",selected:l,role:"button",tabIndex:0,"aria-label":l?"Unselect card":"Select card",children:r.jsx(j,{})}),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:u,defaultImage:h,size:t,role:"img","aria-label":`Image for ${n}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(b,{typographyProps:{fontWeight:"700",fontSize:"1.1rem"},tooltipProps:{placement:"bottom",arrow:!0},children:n}),i.length>0&&i.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===i.length-1,size:t,width:p,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:s.length>0&&s.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=g;
+"use strict";const r=require("react/jsx-runtime"),m=require("../../createSvgIcon-CWNQW6u6.cjs"),d=require("@mui/material"),b=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),o=require("./style.cjs.js"),j=m.createSvgIcon(r.jsx("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"),g=({isSelected:l=!1,onSelect:x=()=>{},image:u,title:n,defaultImage:h,propertyItems:i=[],infoIcons:s=[],size:t="md",width:p,onClick:c=()=>{}})=>(s=s.slice(0,3),r.jsx(d.Box,{sx:{width:p&&t==="md"?p:"320px"},children:r.jsxs(o.StyledCard,{selected:l,size:t,onClick:c,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),c==null||c())},role:"button",tabIndex:0,"aria-label":`Resource card for ${n}`,children:[r.jsx(o.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),x()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),x())},className:"selected-icon",selected:l,role:"button",tabIndex:0,"aria-label":l?"Unselect card":"Select card",children:r.jsx(j,{})}),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:u,defaultImage:h,size:t,role:"img","aria-label":`Image for ${n}`})}),r.jsxs(o.ResourceCardBody,{size:t,children:[r.jsx(b,{typographyProps:{fontWeight:"700",fontSize:"1.1rem"},tooltipProps:{placement:"bottom",arrow:!0},children:n}),i.length>0&&i.map((e,a)=>r.jsxs(o.ResourcePropertyItem,{size:t,role:"group","aria-label":`Property ${a}`,children:[e.icon,r.jsx(o.ResourcePropertyText,{isLast:a===i.length-1,size:t,width:p,children:e.text})]},`property-${a}`)),r.jsx(o.PublicIconWrapper,{size:t,children:s.length>0&&s.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=g;

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

@@ -8,7 +8,7 @@ export type InfoItem = {
     icon: ReactNode;
 };
 export type ResourceCardSize = "md" | "sm";
-export interface ResourceCardProps {
+export type ResourceCardProps = {
     isSelected?: boolean;
     onSelect?: () => void;
     image?: string;
@@ -19,6 +19,6 @@ export interface ResourceCardProps {
     size?: ResourceCardSize;
     width?: string;
     onClick?: () => void;
-}
+};
 declare const ResourceCard: React.FunctionComponent<ResourceCardProps>;
 export default ResourceCard;

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

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Box as h, Stack as b, Tooltip as x } from "@mui/material";
-import { c as f } from "../../createSvgIcon-Cd6y8E9W.js";
-import { StyledCard as g, SelectedIcon as y, ResourceCardImage as P, ResourceCardBody as R, ResourcePropertyItem as I, ResourcePropertyText as D, PublicIconWrapper as $, ResourceIconItem as v } from "./style.es.js";
-import w from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-const S = f(/* @__PURE__ */ r("path", {
+import { c as h } from "../../createSvgIcon-Cd6y8E9W.js";
+import { Box as b, Stack as x, Tooltip as f } from "@mui/material";
+import g from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { StyledCard as y, SelectedIcon as P, ResourceCardImage as R, ResourceCardBody as I, ResourcePropertyItem as D, ResourcePropertyText as $, PublicIconWrapper as v, ResourceIconItem as w } from "./style.es.js";
+const S = h(/* @__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"), B = ({
   isSelected: c = !1,
@@ -18,8 +18,8 @@ const S = f(/* @__PURE__ */ r("path", {
   width: d,
   onClick: l = () => {
   }
-}) => (a = a.slice(0, 3), /* @__PURE__ */ r(h, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
-  g,
+}) => (a = a.slice(0, 3), /* @__PURE__ */ r(b, { sx: { width: d && t === "md" ? d : "320px" }, children: /* @__PURE__ */ i(
+  y,
   {
     selected: c,
     size: t,
@@ -32,7 +32,7 @@ const S = f(/* @__PURE__ */ r("path", {
     "aria-label": `Resource card for ${n}`,
     children: [
       /* @__PURE__ */ r(
-        y,
+        P,
         {
           onClick: (e) => {
             e.preventDefault(), e.stopPropagation(), m();
@@ -48,84 +48,78 @@ const S = f(/* @__PURE__ */ r("path", {
           children: /* @__PURE__ */ r(S, {})
         }
       ),
-      /* @__PURE__ */ r(b, { sx: {
-        width: t == "sm" ? 110 : "100%",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        boxSizing: "border-box"
-      }, children: /* @__PURE__ */ r(
-        P,
+      /* @__PURE__ */ r(
+        x,
         {
-          image: s,
-          defaultImage: u,
-          size: t,
-          role: "img",
-          "aria-label": `Image for ${n}`
+          sx: {
+            width: t == "sm" ? 110 : "100%",
+            display: "flex",
+            alignItems: "center",
+            justifyContent: "center",
+            boxSizing: "border-box"
+          },
+          children: /* @__PURE__ */ r(
+            R,
+            {
+              image: s,
+              defaultImage: u,
+              size: t,
+              role: "img",
+              "aria-label": `Image for ${n}`
+            }
+          )
         }
-      ) }),
-      /* @__PURE__ */ i(
-        R,
-        {
-          size: t,
-          children: [
-            /* @__PURE__ */ r(
+      ),
+      /* @__PURE__ */ i(I, { size: t, children: [
+        /* @__PURE__ */ r(
+          g,
+          {
+            typographyProps: { fontWeight: "700", fontSize: "1.1rem" },
+            tooltipProps: { placement: "bottom", arrow: !0 },
+            children: n
+          }
+        ),
+        p.length > 0 && p.map((e, o) => /* @__PURE__ */ i(
+          D,
+          {
+            size: t,
+            role: "group",
+            "aria-label": `Property ${o}`,
+            children: [
+              e.icon,
+              /* @__PURE__ */ r(
+                $,
+                {
+                  isLast: o === p.length - 1,
+                  size: t,
+                  width: d,
+                  children: e.text
+                }
+              )
+            ]
+          },
+          `property-${o}`
+        )),
+        /* @__PURE__ */ r(v, { size: t, children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
+          f,
+          {
+            title: e.text,
+            placement: "top",
+            arrow: !0,
+            children: /* @__PURE__ */ r(
               w,
-              {
-                typographyProps: { fontWeight: "700", fontSize: "1.1rem" },
-                tooltipProps: { placement: "bottom", arrow: !0 },
-                children: n
-              }
-            ),
-            p.length > 0 && p.map((e, o) => /* @__PURE__ */ i(
-              I,
-              {
-                size: t,
-                role: "group",
-                "aria-label": `Property ${o}`,
-                children: [
-                  e.icon,
-                  /* @__PURE__ */ r(
-                    D,
-                    {
-                      isLast: o === p.length - 1,
-                      size: t,
-                      width: d,
-                      children: e.text
-                    }
-                  )
-                ]
-              },
-              `property-${o}`
-            )),
-            /* @__PURE__ */ r(
-              $,
               {
                 size: t,
-                children: a.length > 0 && a.map((e, o) => /* @__PURE__ */ r(
-                  x,
-                  {
-                    title: e.text,
-                    placement: "top",
-                    arrow: !0,
-                    children: /* @__PURE__ */ r(
-                      v,
-                      {
-                        size: t,
-                        role: "button",
-                        tabIndex: 0,
-                        "aria-label": e.text,
-                        children: e.icon
-                      }
-                    )
-                  },
-                  `info-${o}`
-                ))
+                role: "button",
+                tabIndex: 0,
+                "aria-label": e.text,
+                children: e.icon
               }
             )
-          ]
-        }
-      )
+          },
+          `info-${o}`
+        )) })
+      ] })
     ]
   }
 ) }));

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

@@ -19,35 +19,37 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
       visibility: "visible"
     }
   }
-})), m = 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
-  }
-})), d = t(p)(({ size: e, image: o, defaultImage: i }) => ({
+})), m = 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
+    }
+  })
+), d = t(p)(({ size: e, image: o, defaultImage: i }) => ({
   height: e == "sm" ? 85 : 180,
   width: e == "sm" ? 85 : "calc(100% - 2rem)",
   objectFit: "cover",
@@ -63,17 +65,19 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
 })), l = t(n)(({ size: e }) => ({
   padding: e == "sm" ? ".7rem 5px .7rem 0 !important" : "0 16px 16px 16px !important",
   width: e === "sm" ? "calc(100% - 110px)" : "100%"
-})), g = t(r)(({ size: e }) => ({
-  display: "flex",
-  alignItems: "center",
-  marginTop: "0.5rem",
-  ...e === "sm" && {
-    svg: {
-      width: ".8em",
-      height: ".8em"
+})), g = t(r)(
+  ({ size: e }) => ({
+    display: "flex",
+    alignItems: "center",
+    marginTop: "0.5rem",
+    ...e === "sm" && {
+      svg: {
+        width: ".8em",
+        height: ".8em"
+      }
     }
-  }
-})), x = t(r)(({ size: e, width: o, isLast: i }) => ({
+  })
+), x = t(r)(({ size: e, width: o, isLast: i }) => ({
   marginLeft: e === "sm" ? ".3rem" : ".5rem",
   fontSize: e === "sm" ? "12px" : "15px",
   "& .MuiTypography-root": {
@@ -86,25 +90,29 @@ const c = t(a)(({ theme: e, selected: o, size: i }) => ({
     overflow: "hidden",
     maxWidth: e === "sm" ? "110px" : "172px"
   }
-})), u = t(r)(({ size: e }) => ({
-  display: "inline-flex",
-  alignItems: "center",
-  justifyContent: "center",
-  width: "fit-content",
-  height: "fit-content",
-  ...e === "sm" && {
-    svg: {
-      width: ".8em",
-      height: ".8em"
+})), u = t(r)(
+  ({ size: e }) => ({
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    width: "fit-content",
+    height: "fit-content",
+    ...e === "sm" && {
+      svg: {
+        width: ".8em",
+        height: ".8em"
+      }
     }
-  }
-})), h = t(r)(({ size: e }) => ({
-  position: "absolute",
-  bottom: e === "sm" ? ".65rem" : "16px",
-  right: e === "sm" ? "8px" : "16px",
-  display: "flex",
-  gap: ".2rem"
-}));
+  })
+), h = t(r)(
+  ({ size: e }) => ({
+    position: "absolute",
+    bottom: e === "sm" ? ".65rem" : "16px",
+    right: e === "sm" ? "8px" : "16px",
+    display: "flex",
+    gap: ".2rem"
+  })
+);
 export {
   h as PublicIconWrapper,
   l as ResourceCardBody,

package/dist/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,4 @@
 import { InputBaseProps } from '@mui/material/InputBase';
-export interface SearchInputProps extends InputBaseProps {
-}
+export type SearchInputProps = InputBaseProps & {};
 declare const SearchInput: React.FunctionComponent<SearchInputProps>;
 export default SearchInput;