@cgi-learning-hub/ui 1.5.0-dev.1743528537 → 1.5.0-dev.1743667291

package/dist/components/FolderCard/styles.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={display:"flex",padding:"16px !important",width:"100%",alignItems:"center"},t={marginRight:".8rem",fontSize:"inherit"},n={flex:15,alignItems:"center",display:"flex",justifyContent:"center"},o={flex:85,minWidth:0};exports.FolderBodyStyle=e;exports.FolderIconStyle=t;exports.IconContainerStyle=n;exports.TextContainerStyle=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={display:"flex",padding:"16px !important",width:"100%",alignItems:"center"},t={marginRight:".8rem",fontSize:"inherit"},n={flex:15,alignItems:"center",display:"flex",justifyContent:"center"},i={display:"flex",flexDirection:"column",flex:85,minWidth:0,minHeight:"48px",justifyContent:"center"};exports.FolderBodyStyle=e;exports.FolderIconStyle=t;exports.IconContainerStyle=n;exports.TextContainerStyle=i;

package/dist/components/FolderCard/styles.d.ts

@@ -15,6 +15,10 @@ export declare const IconContainerStyle: {
     justifyContent: string;
 };
 export declare const TextContainerStyle: {
+    display: string;
+    flexDirection: string;
     flex: number;
     minWidth: number;
+    minHeight: string;
+    justifyContent: string;
 };

package/dist/components/FolderCard/styles.es.js

@@ -1,9 +1,9 @@
-const t = {
+const e = {
   display: "flex",
   padding: "16px !important",
   width: "100%",
   alignItems: "center"
-}, e = {
+}, t = {
   marginRight: ".8rem",
   fontSize: "inherit"
 }, n = {
@@ -12,12 +12,16 @@ const t = {
   display: "flex",
   justifyContent: "center"
 }, i = {
+  display: "flex",
+  flexDirection: "column",
   flex: 85,
-  minWidth: 0
+  minWidth: 0,
+  minHeight: "48px",
+  justifyContent: "center"
 };
 export {
-  t as FolderBodyStyle,
-  e as FolderIconStyle,
+  e as FolderBodyStyle,
+  t as FolderIconStyle,
   n as IconContainerStyle,
   i as TextContainerStyle
 };

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

@@ -1 +1 @@
-"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})=>({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",...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,{shouldForwardProp:e=>e==="size"||e==="image"||e==="defaultImage"})(({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||o==="")&&e==="md"&&{backgroundImage:`url(${r})`,backgroundRepeat:"repeat",backgroundSize:"20% 20%",backgroundPosition:"center",opacity:.7}})),d=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%"})),c=t.styled(t.Box)(({size:e})=>({display:"flex",alignItems:"center",marginTop:"0.5rem",...e==="sm"&&{svg:{width:".8em",height:".8em"}}})),p=t.styled(t.Box,{shouldForwardProp:e=>e==="size"||e==="isLast"||e==="width"})(({theme:e,size:o,width:r,isLast:i})=>({marginLeft:o==="sm"?".3rem":".5rem",fontSize:o==="sm"?"12px":"15px","& .MuiTypography-root":{paddingTop:"2px",fontSize:o==="sm"?"12px":"15px"},...i&&!r&&{textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden",maxWidth:o==="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=d;exports.ResourceCardImage=n;exports.ResourceIconItem=l;exports.ResourcePropertyItem=c;exports.ResourcePropertyText=p;exports.SelectedIcon=s;exports.StyledCard=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@mui/material"),i=t.styled(t.Card)(({theme:e,selected:o,size: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",...r==="sm"&&{display:"flex",width:"100%"},...o&&{borderColor:e.palette.primary.light},"&:hover":{"& .MuiBox-root.selected-icon":{opacity:1,visibility:"visible"}}})),a=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}})),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;

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

@@ -1,16 +1,16 @@
-import { styled as i, Card as n, Box as r, CardMedia as s, CardContent as p } from "@mui/material";
-const m = i(n)(({ theme: e, selected: t, size: o }) => ({
+import { styled as t, Card as a, Box as r, CardMedia as p, CardContent as n } from "@mui/material";
+const c = t(a)(({ theme: e, selected: o, size: i }) => ({
   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" && {
+  ...i === "sm" && {
     display: "flex",
     width: "100%"
   },
-  ...t && {
+  ...o && {
     borderColor: e.palette.primary.light
   },
   "&:hover": {
@@ -19,8 +19,8 @@ const m = i(n)(({ theme: e, selected: t, size: o }) => ({
       visibility: "visible"
     }
   }
-})), c = i(r)(
-  ({ theme: e, selected: t }) => ({
+})), m = t(r)(
+  ({ theme: e, selected: o }) => ({
     position: "absolute",
     top: 0,
     right: 0,
@@ -36,7 +36,7 @@ const m = i(n)(({ theme: e, selected: t, size: o }) => ({
     opacity: 0,
     cursor: "pointer",
     transition: "opacity 0.2s ease-in-out, visibility 0.2s ease-in-out",
-    ...t && {
+    ...o && {
       background: e.palette.primary.lighter,
       opacity: 1,
       visibility: "visible"
@@ -49,25 +49,23 @@ const m = i(n)(({ theme: e, selected: t, size: o }) => ({
       color: e.palette.primary.main
     }
   })
-), l = i(s, {
-  shouldForwardProp: (e) => e === "size" || e === "image" || e === "defaultImage"
-})(({ size: e, image: t, defaultImage: o }) => ({
-  height: e === "sm" ? 85 : 180,
-  width: e === "sm" ? 85 : "calc(100% - 2rem)",
+), d = t(p)(({ 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",
+  margin: e == "sm" ? "0 10px" : "1rem",
   borderRadius: "0.5rem",
-  ...(!t || t === "") && e === "md" && {
-    backgroundImage: `url(${o})`,
+  ...!o && e === "md" && {
+    backgroundImage: `url(${i})`,
     backgroundRepeat: "repeat",
     backgroundSize: "20% 20%",
     backgroundPosition: "center",
-    opacity: 0.7
+    opacity: "0.7"
   }
-})), g = i(p)(({ size: e }) => ({
+})), 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%"
-})), x = i(r)(
+})), g = t(r)(
   ({ size: e }) => ({
     display: "flex",
     alignItems: "center",
@@ -79,22 +77,20 @@ const m = i(n)(({ theme: e, selected: t, size: o }) => ({
       }
     }
   })
-), h = i(r, {
-  shouldForwardProp: (e) => e === "size" || e === "isLast" || e === "width"
-})(({ theme: e, size: t, width: o, isLast: a }) => ({
-  marginLeft: t === "sm" ? ".3rem" : ".5rem",
-  fontSize: t === "sm" ? "12px" : "15px",
+), x = t(r)(({ size: e, width: o, isLast: i }) => ({
+  marginLeft: e === "sm" ? ".3rem" : ".5rem",
+  fontSize: e === "sm" ? "12px" : "15px",
   "& .MuiTypography-root": {
     paddingTop: "2px",
-    fontSize: t === "sm" ? "12px" : "15px"
+    fontSize: e === "sm" ? "12px" : "15px"
   },
-  ...a && !o && {
+  ...i && !o && {
     textOverflow: "ellipsis",
     whiteSpace: "nowrap",
     overflow: "hidden",
-    maxWidth: t === "sm" ? "110px" : "172px"
+    maxWidth: e === "sm" ? "110px" : "172px"
   }
-})), u = i(r)(
+})), u = t(r)(
   ({ size: e }) => ({
     display: "inline-flex",
     alignItems: "center",
@@ -108,7 +104,7 @@ const m = i(n)(({ theme: e, selected: t, size: o }) => ({
       }
     }
   })
-), b = i(r)(
+), h = t(r)(
   ({ size: e }) => ({
     position: "absolute",
     bottom: e === "sm" ? ".65rem" : "16px",
@@ -118,12 +114,12 @@ const m = i(n)(({ theme: e, selected: t, size: o }) => ({
   })
 );
 export {
-  b as PublicIconWrapper,
-  g as ResourceCardBody,
-  l as ResourceCardImage,
+  h as PublicIconWrapper,
+  l as ResourceCardBody,
+  d as ResourceCardImage,
   u as ResourceIconItem,
-  x as ResourcePropertyItem,
-  h as ResourcePropertyText,
-  c as SelectedIcon,
-  m as StyledCard
+  g as ResourcePropertyItem,
+  x as ResourcePropertyText,
+  m as SelectedIcon,
+  c as StyledCard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.5.0-dev.1743528537",
+  "version": "1.5.0-dev.1743667291",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",