@hybridcore/ui 1.4.29 → 1.4.30

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

@@ -1,26 +1,43 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { AlternateCardRoot as h, AlternateCardMenuContainer as m } from "./styled.js";
-import { Box as r, Typography as n } from "@mui/material";
-const k = ({
-  title: p,
-  subTitle: o,
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { AlternateCardRoot as w, AlternateCardMenuContainer as b } from "./styled.js";
+import { Box as o, Skeleton as i, Typography as a } from "@mui/material";
+const u = ({
+  title: s,
+  subTitle: l,
   text: d,
-  avatar: l,
-  footer: s,
-  menu: a,
+  avatar: h,
+  footer: p,
+  menu: m,
   extra: x,
-  onClick: t
+  loading: t,
+  onClick: n
 }) => {
   const c = () => {
-    t && t();
+    n && n();
   };
-  return /* @__PURE__ */ i(h, { children: [
-    a && /* @__PURE__ */ e(m, { className: "menu-container", children: a }),
-    /* @__PURE__ */ i(r, { display: "flex", alignItems: "center", children: [
-      l && /* @__PURE__ */ e(r, { mr: 2, children: l }),
-      /* @__PURE__ */ i(r, { children: [
-        /* @__PURE__ */ e(
-          n,
+  return /* @__PURE__ */ r(w, { children: [
+    m && /* @__PURE__ */ e(b, { className: "menu-container", children: m }),
+    /* @__PURE__ */ r(o, { display: "flex", alignItems: "center", children: [
+      h && /* @__PURE__ */ e(o, { mr: 2, children: t ? /* @__PURE__ */ e(
+        i,
+        {
+          animation: "wave",
+          variant: "circular",
+          width: 42,
+          height: 42
+        }
+      ) : h }),
+      /* @__PURE__ */ r(o, { width: "100%", children: [
+        t ? /* @__PURE__ */ e(
+          i,
+          {
+            animation: "wave",
+            height: 10,
+            width: "50%",
+            sx: { mb: 0.25, mt: 0.35 }
+          }
+        ) : /* @__PURE__ */ e(
+          a,
           {
             gutterBottom: !0,
             variant: "subtitle1",
@@ -32,15 +49,23 @@ const k = ({
               display: "-webkit-box",
               WebkitLineClamp: 3,
               WebkitBoxOrient: "vertical",
-              cursor: t ? "pointer" : "default",
+              cursor: n ? "pointer" : "default",
               lineHeight: "22px"
             },
             onClick: c,
-            children: p
+            children: s
           }
         ),
-        o && /* @__PURE__ */ e(
-          n,
+        l && (t ? /* @__PURE__ */ e(
+          i,
+          {
+            animation: "wave",
+            height: 10,
+            width: "40%",
+            sx: { mb: 0.25, mt: 0.35 }
+          }
+        ) : /* @__PURE__ */ e(
+          a,
           {
             variant: "caption",
             component: "p",
@@ -53,13 +78,16 @@ const k = ({
               WebkitBoxOrient: "vertical",
               lineHeight: "16px"
             },
-            children: o
+            children: l
           }
-        )
+        ))
       ] })
     ] }),
-    /* @__PURE__ */ e(
-      n,
+    t ? /* @__PURE__ */ r(o, { children: [
+      /* @__PURE__ */ e(i, { animation: "wave", height: 10, sx: { mb: 0.5, mt: 0.5 } }),
+      /* @__PURE__ */ e(i, { animation: "wave", height: 10, width: "80%", sx: { mb: 0.5 } })
+    ] }) : /* @__PURE__ */ e(
+      a,
       {
         variant: "caption",
         component: "p",
@@ -71,16 +99,24 @@ const k = ({
           WebkitLineClamp: 4,
           WebkitBoxOrient: "vertical",
           lineHeight: "16px",
-          cursor: t ? "pointer" : "default"
+          cursor: n ? "pointer" : "default"
         },
         onClick: c,
         children: /* @__PURE__ */ e("small", { children: d })
       }
     ),
-    s,
-    x
+    t ? /* @__PURE__ */ e(
+      i,
+      {
+        animation: "wave",
+        height: 10,
+        width: "100px",
+        sx: { mb: 1, mt: 1 }
+      }
+    ) : p,
+    t ? null : x
   ] });
 };
 export {
-  k as CardAlternate
+  u as CardAlternate
 };

package/package.json

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