@hybridcore/ui 1.5.60 → 1.5.62

package/dist/components/card-alternate/index.js

@@ -1,20 +1,20 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { Box as i, Skeleton as n, Typography as o } from "@mui/material";
+import { Box as t, Skeleton as n, Typography as a } from "@mui/material";
 import { AlternateCardRoot as b, AlternateCardMenuContainer as v } from "./styled.js";
-const y = ({
-  title: s,
-  subTitle: a,
-  text: d,
-  avatar: h,
-  footer: x,
-  menu: c,
-  extra: p,
-  loading: t,
+const g = ({
+  title: d,
+  subTitle: h,
+  text: l,
+  avatar: s,
+  footer: p,
+  menu: m,
+  extra: x,
+  loading: i,
   rightMenu: w,
-  onClick: l
+  onClick: o
 }) => {
-  const m = () => {
-    l && l();
+  const c = () => {
+    o && o();
   };
   return /* @__PURE__ */ r(
     b,
@@ -23,10 +23,10 @@ const y = ({
         display: "flex"
       },
       children: [
-        /* @__PURE__ */ r(i, { flex: 1, children: [
-          c && /* @__PURE__ */ e(v, { className: "menu-container", children: c }),
-          /* @__PURE__ */ r(i, { display: "flex", alignItems: "center", children: [
-            h && /* @__PURE__ */ e(i, { mr: 2, children: t ? /* @__PURE__ */ e(
+        /* @__PURE__ */ r(t, { flex: 1, children: [
+          m && /* @__PURE__ */ e(v, { className: "menu-container", children: m }),
+          /* @__PURE__ */ r(t, { display: "flex", alignItems: "center", children: [
+            s && /* @__PURE__ */ e(t, { mr: 2, children: i ? /* @__PURE__ */ e(
               n,
               {
                 animation: "wave",
@@ -34,9 +34,9 @@ const y = ({
                 width: 42,
                 height: 42
               }
-            ) : h }),
-            /* @__PURE__ */ r(i, { width: "100%", children: [
-              t ? /* @__PURE__ */ e(
+            ) : s }),
+            /* @__PURE__ */ r(t, { width: "100%", children: [
+              i ? /* @__PURE__ */ e(
                 n,
                 {
                   animation: "wave",
@@ -45,7 +45,7 @@ const y = ({
                   sx: { mb: 0.25, mt: 0.35 }
                 }
               ) : /* @__PURE__ */ e(
-                o,
+                a,
                 {
                   gutterBottom: !0,
                   variant: "subtitle1",
@@ -57,14 +57,14 @@ const y = ({
                     display: "-webkit-box",
                     WebkitLineClamp: 3,
                     WebkitBoxOrient: "vertical",
-                    cursor: l ? "pointer" : "default",
+                    cursor: o ? "pointer" : "default",
                     lineHeight: "22px"
                   },
-                  onClick: m,
-                  children: s
+                  onClick: c,
+                  children: d
                 }
               ),
-              a && (t ? /* @__PURE__ */ e(
+              h && (i ? /* @__PURE__ */ e(
                 n,
                 {
                   animation: "wave",
@@ -73,7 +73,7 @@ const y = ({
                   sx: { mb: 0.25, mt: 0.35 }
                 }
               ) : /* @__PURE__ */ e(
-                o,
+                a,
                 {
                   variant: "caption",
                   component: "p",
@@ -86,12 +86,12 @@ const y = ({
                     WebkitBoxOrient: "vertical",
                     lineHeight: "16px"
                   },
-                  children: a
+                  children: h
                 }
               ))
             ] })
           ] }),
-          t ? /* @__PURE__ */ r(i, { children: [
+          i ? /* @__PURE__ */ r(t, { children: [
             /* @__PURE__ */ e(n, { animation: "wave", height: 10, sx: { mb: 0.5, mt: 0.5 } }),
             /* @__PURE__ */ e(
               n,
@@ -103,7 +103,7 @@ const y = ({
               }
             )
           ] }) : /* @__PURE__ */ e(
-            o,
+            a,
             {
               variant: "caption",
               component: "p",
@@ -115,13 +115,14 @@ const y = ({
                 WebkitLineClamp: 4,
                 WebkitBoxOrient: "vertical",
                 lineHeight: "16px",
-                cursor: l ? "pointer" : "default"
+                cursor: o ? "pointer" : "default",
+                my: 2
               },
-              onClick: m,
-              children: /* @__PURE__ */ e("small", { children: d })
+              onClick: c,
+              children: /* @__PURE__ */ e("small", { children: typeof l == "string" ? l.length > 350 ? `${l.substring(0, 350)}...` : l : null })
             }
           ),
-          t ? /* @__PURE__ */ e(
+          i ? /* @__PURE__ */ e(
             n,
             {
               animation: "wave",
@@ -129,14 +130,14 @@ const y = ({
               width: "100px",
               sx: { mb: 1, mt: 1 }
             }
-          ) : x,
-          t ? null : p
+          ) : p,
+          i ? null : x
         ] }),
-        /* @__PURE__ */ e(i, { children: w })
+        /* @__PURE__ */ e(t, { children: w })
       ]
     }
   );
 };
 export {
-  y as CardAlternate
+  g as CardAlternate
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.60",
+  "version": "1.5.62",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",