@cgi-learning-hub/ui 1.4.0-dev.1742203139 → 1.4.0-dev.1742204063

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

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),u=require("../../createSvgIcon-DJMYlO0S.cjs"),x=require("../../MoreVert-CxgmXooO.cjs"),s=require("@mui/material"),a=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),p=require("./styles.cjs.js"),c=require("../ResourceCard/style.cjs.js"),i=require("./types.cjs.js"),h=u.createSvgIcon(r.jsx("path",{d:"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"}),"Folder"),m=({isSelected:o=!1,onSelect:n=()=>{},title:d,subtitle:l,width:y,onClick:t=()=>{}})=>r.jsx(s.Box,{sx:{width:y||"320px"},children:r.jsxs(c.StyledCard,{selected:o,onClick:t,onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),t==null||t())},role:"button",tabIndex:0,"aria-labelledby":"folder-title folder-subtitle","aria-pressed":o,children:[r.jsx(c.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),n()},onKeyDown:e=>{(e.key==="Enter"||e.key===" ")&&(e.preventDefault(),e.stopPropagation(),n())},className:"selected-icon",selected:o,role:"button",tabIndex:0,"aria-label":o?"Unselect folder":"Select folder","aria-pressed":o,children:r.jsx(x.MoreVertIcon,{})}),r.jsxs(s.CardContent,{sx:p.FolderBodyStyle,children:[r.jsx(h,{color:"primary",sx:p.FolderIconStyle,"aria-hidden":"true"}),r.jsxs(s.Box,{children:[r.jsx(a,{typographyProps:i.titleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:d}),l&&r.jsx(a,{typographyProps:i.subtitleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:l})]})]})]})});module.exports=m;
+"use strict";const r=require("react/jsx-runtime"),x=require("../../createSvgIcon-DJMYlO0S.cjs"),h=require("../../MoreVert-CxgmXooO.cjs"),s=require("@mui/material"),p=require("../EllipsisWithTooltip/EllipsisWithTooltip.cjs.js"),c=require("./styles.cjs.js"),d=require("../ResourceCard/style.cjs.js"),i=require("./types.cjs.js"),m=x.createSvgIcon(r.jsx("path",{d:"M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"}),"Folder"),j=({isSelected:o=!1,onSelect:n=()=>{},title:u,subtitle:l,width:y,onClick:t=()=>{}})=>{const a=e=>e.key==="Enter"||e.key===" ";return r.jsx(s.Box,{sx:{width:y||"320px"},children:r.jsxs(d.StyledCard,{selected:o,onClick:t,onKeyDown:e=>{a(e)&&(e.preventDefault(),t==null||t())},role:"button",tabIndex:0,"aria-labelledby":"folder-title folder-subtitle","aria-pressed":o,children:[r.jsx(d.SelectedIcon,{onClick:e=>{e.preventDefault(),e.stopPropagation(),n()},onKeyDown:e=>{a(e)&&(e.preventDefault(),e.stopPropagation(),n())},className:"selected-icon",selected:o,role:"button",tabIndex:0,"aria-label":o?"Unselect folder":"Select folder","aria-pressed":o,children:r.jsx(h.MoreVertIcon,{})}),r.jsxs(s.CardContent,{sx:c.FolderBodyStyle,children:[r.jsx(m,{color:"primary",sx:c.FolderIconStyle,"aria-hidden":"true"}),r.jsxs(s.Box,{children:[r.jsx(p,{typographyProps:i.titleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:u}),l&&r.jsx(p,{typographyProps:i.subtitleTypographyProps,tooltipProps:{placement:"bottom",arrow:!0},children:l})]})]})]})})};module.exports=j;

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

@@ -1,77 +1,80 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
-import { c } from "../../createSvgIcon-K2ZAdASa.js";
-import { M as m } from "../../MoreVert-CrM_1EkN.js";
-import { Box as n, CardContent as y } from "@mui/material";
-import d from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
-import { FolderBodyStyle as f, FolderIconStyle as h } from "./styles.es.js";
-import { StyledCard as u, SelectedIcon as b } from "../ResourceCard/style.es.js";
-import { titleTypographyProps as x, subtitleTypographyProps as P } from "./types.es.js";
-const g = c(/* @__PURE__ */ o("path", {
+import { c as m } from "../../createSvgIcon-K2ZAdASa.js";
+import { M as f } from "../../MoreVert-CrM_1EkN.js";
+import { Box as d, CardContent as y } from "@mui/material";
+import s from "../EllipsisWithTooltip/EllipsisWithTooltip.es.js";
+import { FolderBodyStyle as h, FolderIconStyle as u } from "./styles.es.js";
+import { StyledCard as b, SelectedIcon as x } from "../ResourceCard/style.es.js";
+import { titleTypographyProps as P, subtitleTypographyProps as g } from "./types.es.js";
+const I = m(/* @__PURE__ */ o("path", {
   d: "M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8z"
-}), "Folder"), j = ({
+}), "Folder"), B = ({
   isSelected: e = !1,
-  onSelect: p = () => {
+  onSelect: l = () => {
   },
   title: i,
-  subtitle: l,
-  width: s,
+  subtitle: p,
+  width: c,
   onClick: t = () => {
   }
-}) => /* @__PURE__ */ o(n, { sx: { width: s || "320px" }, children: /* @__PURE__ */ a(
-  u,
-  {
-    selected: e,
-    onClick: t,
-    onKeyDown: (r) => {
-      (r.key === "Enter" || r.key === " ") && (r.preventDefault(), t == null || t());
-    },
-    role: "button",
-    tabIndex: 0,
-    "aria-labelledby": "folder-title folder-subtitle",
-    "aria-pressed": e,
-    children: [
-      /* @__PURE__ */ o(
-        b,
-        {
-          onClick: (r) => {
-            r.preventDefault(), r.stopPropagation(), p();
-          },
-          onKeyDown: (r) => {
-            (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.stopPropagation(), p());
-          },
-          className: "selected-icon",
-          selected: e,
-          role: "button",
-          tabIndex: 0,
-          "aria-label": e ? "Unselect folder" : "Select folder",
-          "aria-pressed": e,
-          children: /* @__PURE__ */ o(m, {})
-        }
-      ),
-      /* @__PURE__ */ a(y, { sx: f, children: [
-        /* @__PURE__ */ o(g, { color: "primary", sx: h, "aria-hidden": "true" }),
-        /* @__PURE__ */ a(n, { children: [
-          /* @__PURE__ */ o(
-            d,
-            {
-              typographyProps: x,
-              tooltipProps: { placement: "bottom", arrow: !0 },
-              children: i
-            }
-          ),
-          l && /* @__PURE__ */ o(
-            d,
-            {
-              typographyProps: P,
-              tooltipProps: { placement: "bottom", arrow: !0 },
-              children: l
-            }
-          )
+}) => {
+  const n = (r) => r.key === "Enter" || r.key === " ";
+  return /* @__PURE__ */ o(d, { sx: { width: c || "320px" }, children: /* @__PURE__ */ a(
+    b,
+    {
+      selected: e,
+      onClick: t,
+      onKeyDown: (r) => {
+        n(r) && (r.preventDefault(), t == null || t());
+      },
+      role: "button",
+      tabIndex: 0,
+      "aria-labelledby": "folder-title folder-subtitle",
+      "aria-pressed": e,
+      children: [
+        /* @__PURE__ */ o(
+          x,
+          {
+            onClick: (r) => {
+              r.preventDefault(), r.stopPropagation(), l();
+            },
+            onKeyDown: (r) => {
+              n(r) && (r.preventDefault(), r.stopPropagation(), l());
+            },
+            className: "selected-icon",
+            selected: e,
+            role: "button",
+            tabIndex: 0,
+            "aria-label": e ? "Unselect folder" : "Select folder",
+            "aria-pressed": e,
+            children: /* @__PURE__ */ o(f, {})
+          }
+        ),
+        /* @__PURE__ */ a(y, { sx: h, children: [
+          /* @__PURE__ */ o(I, { color: "primary", sx: u, "aria-hidden": "true" }),
+          /* @__PURE__ */ a(d, { children: [
+            /* @__PURE__ */ o(
+              s,
+              {
+                typographyProps: P,
+                tooltipProps: { placement: "bottom", arrow: !0 },
+                children: i
+              }
+            ),
+            p && /* @__PURE__ */ o(
+              s,
+              {
+                typographyProps: g,
+                tooltipProps: { placement: "bottom", arrow: !0 },
+                children: p
+              }
+            )
+          ] })
         ] })
-      ] })
-    ]
-  }
-) });
+      ]
+    }
+  ) });
+};
 export {
-  j as default
+  B as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.4.0-dev.1742203139",
+  "version": "1.4.0-dev.1742204063",
   "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",