@hybridcore/ui 1.4.26 → 1.4.28

package/dist/components/card/index.js

@@ -1,6 +1,6 @@
-import { jsx as e, jsxs as a, Fragment as u } from "react/jsx-runtime";
-import { Skeleton as n, Box as f, Avatar as M } from "@mui/material";
-import { LandscapeCardRoot as I, LandscapeInfoBox as P, LandscapeCardExtraActions as _, PortraitCardRoot as L, PortraitCardExtraActions as U } from "./styled.js";
+import { jsx as e, jsxs as r, Fragment as p } from "react/jsx-runtime";
+import { Skeleton as n, Box as u, Avatar as M } from "@mui/material";
+import { LandscapeCardRoot as A, LandscapeInfoBox as P, LandscapeCardExtraActions as _, PortraitCardRoot as L, PortraitCardExtraActions as U } from "./styled.js";
 import { _ as x, a as T } from "../../objectWithoutPropertiesLoose-BK36oJDi.js";
 import * as S from "react";
 import { P as i } from "../../createStyled-BzvgQjjR.js";
@@ -46,14 +46,14 @@ const z = ["disableSpacing", "className"], $ = (t) => {
   }), {
     disableSpacing: l = !1,
     className: w
-  } = c, m = T(c, z), p = x({}, c, {
+  } = c, h = T(c, z), m = x({}, c, {
     disableSpacing: l
-  }), v = $(p);
+  }), b = $(m);
   return /* @__PURE__ */ e(F, x({
-    className: B(v.root, w),
-    ownerState: p,
+    className: B(b.root, w),
+    ownerState: m,
     ref: s
-  }, m));
+  }, h));
 });
 process.env.NODE_ENV !== "production" && (W.propTypes = {
   // ----------------------------- Warning --------------------------------
@@ -119,37 +119,37 @@ const G = ["children", "className", "component", "image", "src", "style"], q = (
 }, t.isImageComponent && {
   // ⚠️ object-fit is not supported by IE11.
   objectFit: "cover"
-})), K = ["video", "audio", "picture", "iframe", "img"], Q = ["picture", "img"], y = /* @__PURE__ */ S.forwardRef(function(o, s) {
+})), K = ["video", "audio", "picture", "iframe", "img"], Q = ["picture", "img"], C = /* @__PURE__ */ S.forwardRef(function(o, s) {
   const c = k({
     props: o,
     name: "MuiCardMedia"
   }), {
     children: l,
     className: w,
-    component: m = "div",
-    image: p,
-    src: v,
-    style: r
-  } = c, h = T(c, G), d = K.indexOf(m) !== -1, b = !d && p ? x({
-    backgroundImage: `url("${p}")`
-  }, r) : r, C = x({}, c, {
-    component: m,
+    component: h = "div",
+    image: m,
+    src: b,
+    style: y
+  } = c, a = T(c, G), d = K.indexOf(h) !== -1, f = !d && m ? x({
+    backgroundImage: `url("${m}")`
+  }, y) : y, v = x({}, c, {
+    component: h,
     isMediaComponent: d,
-    isImageComponent: Q.indexOf(m) !== -1
-  }), A = q(C);
+    isImageComponent: Q.indexOf(h) !== -1
+  }), I = q(v);
   return /* @__PURE__ */ e(J, x({
-    className: B(A.root, w),
-    as: m,
-    role: !d && p ? "img" : void 0,
+    className: B(I.root, w),
+    as: h,
+    role: !d && m ? "img" : void 0,
     ref: s,
-    style: b,
-    ownerState: C,
-    src: d ? p || v : void 0
-  }, h, {
+    style: f,
+    ownerState: v,
+    src: d ? m || b : void 0
+  }, a, {
     children: l
   }));
 });
-process.env.NODE_ENV !== "production" && (y.propTypes = {
+process.env.NODE_ENV !== "production" && (C.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -199,17 +199,18 @@ const ae = ({
   orientation: c = "portrait",
   avatar: l,
   actions: w,
+  menu: h,
   extraActions: m,
-  extraInfo: p,
-  stats: v,
-  loading: r = !1,
-  onClick: h
+  extraInfo: b,
+  stats: y,
+  loading: a = !1,
+  onClick: d
 }) => {
-  const d = () => {
-    h && h();
+  const f = () => {
+    d && d();
   };
-  return c === "landscape" ? /* @__PURE__ */ a(I, { children: [
-    r ? /* @__PURE__ */ e(
+  return c === "landscape" ? /* @__PURE__ */ r(A, { children: [
+    a ? /* @__PURE__ */ e(
       n,
       {
         sx: { width: 330, height: 200 },
@@ -217,7 +218,7 @@ const ae = ({
         variant: "rounded"
       }
     ) : /* @__PURE__ */ e(
-      y,
+      C,
       {
         component: "img",
         alt: t,
@@ -225,21 +226,22 @@ const ae = ({
         sx: {
           width: 330,
           height: 200,
-          cursor: h ? "pointer" : "default"
+          cursor: d ? "pointer" : "default"
         },
-        onClick: d
+        onClick: f
       }
     ),
-    /* @__PURE__ */ a(O, { children: [
-      /* @__PURE__ */ e(f, { flex: 1, children: /* @__PURE__ */ a(
-        f,
+    /* @__PURE__ */ r(O, { sx: { position: "relative" }, children: [
+      h ? /* @__PURE__ */ e(u, { position: "absolute", top: -8, right: -8, children: h }) : null,
+      /* @__PURE__ */ e(u, { flex: 1, children: /* @__PURE__ */ r(
+        u,
         {
           display: "flex",
           flexDirection: "column",
           justifyContent: "space-between",
           height: "100%",
           children: [
-            /* @__PURE__ */ e(f, { children: r ? /* @__PURE__ */ a(u, { children: [
+            /* @__PURE__ */ e(u, { children: a ? /* @__PURE__ */ r(p, { children: [
               /* @__PURE__ */ e(
                 n,
                 {
@@ -265,7 +267,7 @@ const ae = ({
                   style: { marginBottom: 6 }
                 }
               )
-            ] }) : /* @__PURE__ */ a(u, { children: [
+            ] }) : /* @__PURE__ */ r(p, { children: [
               /* @__PURE__ */ e(
                 g,
                 {
@@ -278,9 +280,9 @@ const ae = ({
                     display: "-webkit-box",
                     WebkitLineClamp: 3,
                     WebkitBoxOrient: "vertical",
-                    cursor: h ? "pointer" : "default"
+                    cursor: d ? "pointer" : "default"
                   },
-                  onClick: d,
+                  onClick: f,
                   children: t
                 }
               ),
@@ -297,14 +299,14 @@ const ae = ({
                     WebkitLineClamp: 4,
                     WebkitBoxOrient: "vertical",
                     lineHeight: "16px",
-                    cursor: h ? "pointer" : "default"
+                    cursor: d ? "pointer" : "default"
                   },
-                  onClick: d,
+                  onClick: f,
                   children: /* @__PURE__ */ e("small", { children: o })
                 }
               )
             ] }) }),
-            /* @__PURE__ */ e(f, { children: r ? /* @__PURE__ */ e(
+            /* @__PURE__ */ e(u, { children: a ? /* @__PURE__ */ e(
               n,
               {
                 animation: "wave",
@@ -312,12 +314,12 @@ const ae = ({
                 width: "40%",
                 style: { marginBottom: 6 }
               }
-            ) : v })
+            ) : y })
           ]
         }
       ) }),
-      /* @__PURE__ */ a(P, { children: [
-        r ? /* @__PURE__ */ e(
+      /* @__PURE__ */ r(P, { children: [
+        a ? /* @__PURE__ */ e(
           n,
           {
             animation: "wave",
@@ -326,7 +328,7 @@ const ae = ({
             height: 42
           }
         ) : /* @__PURE__ */ e(M, { src: l.image, sx: { width: 42, height: 42 } }),
-        r ? /* @__PURE__ */ a(u, { children: [
+        a ? /* @__PURE__ */ r(p, { children: [
           /* @__PURE__ */ e(
             n,
             {
@@ -345,7 +347,7 @@ const ae = ({
               sx: { mb: 0.25 }
             }
           )
-        ] }) : /* @__PURE__ */ a(u, { children: [
+        ] }) : /* @__PURE__ */ r(p, { children: [
           /* @__PURE__ */ e(
             g,
             {
@@ -367,7 +369,7 @@ const ae = ({
             }
           )
         ] }),
-        /* @__PURE__ */ e(_, { children: r ? /* @__PURE__ */ a(u, { children: [
+        /* @__PURE__ */ e(_, { children: a ? /* @__PURE__ */ r(p, { children: [
           /* @__PURE__ */ e(
             n,
             {
@@ -396,7 +398,7 @@ const ae = ({
             }
           )
         ] }) : m }),
-        r ? /* @__PURE__ */ e(
+        a ? /* @__PURE__ */ e(
           n,
           {
             animation: "wave",
@@ -409,34 +411,34 @@ const ae = ({
           {
             variant: "caption",
             sx: { color: "text.secondary", lineHeight: "12px" },
-            children: /* @__PURE__ */ e("small", { children: p })
+            children: /* @__PURE__ */ e("small", { children: b })
           }
         ),
-        /* @__PURE__ */ e(f, { display: "flex", mt: 1, width: "100%", children: r ? /* @__PURE__ */ e(
+        /* @__PURE__ */ e(u, { display: "flex", mt: 1, width: "100%", children: a ? /* @__PURE__ */ e(
           n,
           {
             variant: "rounded",
             animation: "wave",
             height: 36,
             width: "100%",
-            sx: { borderRadius: (b) => b.shape.borderRadius }
+            sx: { borderRadius: (v) => v.shape.borderRadius }
           }
         ) : w })
       ] })
     ] })
-  ] }) : /* @__PURE__ */ a(L, { children: [
-    r ? /* @__PURE__ */ e(n, { sx: { height: 172 }, animation: "wave", variant: "rectangular" }) : /* @__PURE__ */ e(
-      y,
+  ] }) : /* @__PURE__ */ r(L, { children: [
+    a ? /* @__PURE__ */ e(n, { sx: { height: 172 }, animation: "wave", variant: "rectangular" }) : /* @__PURE__ */ e(
+      C,
       {
         component: "img",
         alt: t,
         height: "172",
         image: s,
-        sx: { cursor: h ? "pointer" : "default" },
-        onClick: d
+        sx: { cursor: d ? "pointer" : "default" },
+        onClick: f
       }
     ),
-    /* @__PURE__ */ e(O, { children: r ? /* @__PURE__ */ a(u, { children: [
+    /* @__PURE__ */ e(O, { children: a ? /* @__PURE__ */ r(p, { children: [
       /* @__PURE__ */ e(
         n,
         {
@@ -462,7 +464,7 @@ const ae = ({
           style: { marginBottom: 8 }
         }
       )
-    ] }) : /* @__PURE__ */ a(u, { children: [
+    ] }) : /* @__PURE__ */ r(p, { children: [
       /* @__PURE__ */ e(
         g,
         {
@@ -470,8 +472,8 @@ const ae = ({
           variant: "subtitle1",
           component: "h3",
           noWrap: !0,
-          sx: { cursor: h ? "pointer" : "default" },
-          onClick: d,
+          sx: { cursor: d ? "pointer" : "default" },
+          onClick: f,
           children: t
         }
       ),
@@ -488,24 +490,24 @@ const ae = ({
             WebkitLineClamp: 2,
             WebkitBoxOrient: "vertical",
             lineHeight: "16px",
-            cursor: h ? "pointer" : "default"
+            cursor: d ? "pointer" : "default"
           },
-          onClick: d,
+          onClick: f,
           children: /* @__PURE__ */ e("small", { children: o })
         }
       )
     ] }) }),
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(
       W,
       {
         sx: {
           display: "flex",
           justifyContent: "space-between",
-          p: (b) => b.spacing(2)
+          p: (v) => v.spacing(2)
         },
         children: [
-          /* @__PURE__ */ a(f, { display: "flex", justifyItems: "center", flex: 1, children: [
-            r ? /* @__PURE__ */ e(
+          /* @__PURE__ */ r(u, { display: "flex", justifyItems: "center", flex: 1, children: [
+            a ? /* @__PURE__ */ e(
               n,
               {
                 animation: "wave",
@@ -515,7 +517,7 @@ const ae = ({
                 sx: { mb: 0.6 }
               }
             ) : /* @__PURE__ */ e(M, { src: l.image, sx: { width: 29, height: 29 } }),
-            /* @__PURE__ */ e(f, { display: "flex", flexDirection: "column", ml: 1, flex: 1, children: r ? /* @__PURE__ */ a(u, { children: [
+            /* @__PURE__ */ e(u, { display: "flex", flexDirection: "column", ml: 1, flex: 1, children: a ? /* @__PURE__ */ r(p, { children: [
               /* @__PURE__ */ e(
                 n,
                 {
@@ -526,7 +528,7 @@ const ae = ({
                 }
               ),
               /* @__PURE__ */ e(n, { animation: "wave", height: 10, width: "60%" })
-            ] }) : /* @__PURE__ */ a(u, { children: [
+            ] }) : /* @__PURE__ */ r(p, { children: [
               /* @__PURE__ */ e(
                 g,
                 {
@@ -551,11 +553,14 @@ const ae = ({
               )
             ] }) })
           ] }),
-          !r && /* @__PURE__ */ e(f, { display: "flex", children: w })
+          !a && /* @__PURE__ */ e(u, { display: "flex", children: w })
         ]
       }
     ),
-    r === !1 && m !== void 0 && /* @__PURE__ */ e(U, { className: "extra-actions", children: m })
+    a === !1 && (m !== void 0 || h !== m) && /* @__PURE__ */ r(U, { className: "extra-actions", children: [
+      m,
+      h
+    ] })
   ] });
 };
 export {

package/dist/components/instance-form/components/variables/index.js

@@ -42,10 +42,10 @@ function V({
             mapboxAccessToken: a,
             variant: f,
             onChange: l
-          },
-          e
+          }
         )
-      }
+      },
+      e
     );
   }) });
 }

package/dist/components/template-property-filters/index.js

@@ -55,10 +55,10 @@ const b = ({
               size: "small",
               variant: h,
               onChange: y(t == null ? void 0 : t.templateKey)
-            },
-            r
+            }
           )
-        }
+        },
+        r
       );
     }) });
   }
@@ -91,10 +91,10 @@ const b = ({
                   size: "small",
                   variant: h,
                   onChange: y(e == null ? void 0 : e.templateKey)
-                },
-                l
+                }
               )
-            }
+            },
+            l
           );
         }) })
       },

package/dist/main.d.ts

@@ -69,6 +69,7 @@ declare interface CardProps {
     avatar: AvatarType;
     actions: default_2.ReactNode;
     onClick?(): void;
+    menu?: default_2.ReactNode;
     orientation?: OrientationType_2;
     extraActions?: default_2.ReactNode;
     /**

package/package.json

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