@arcblock/ux 2.13.69 → 3.0.0

package/lib/BlockletV2/blocklet.js

@@ -1,218 +1,193 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { isValidElement } from 'react';
-import Download from '@iconify-icons/tabler/cloud-download';
-import { Icon } from '@iconify/react';
-import VerifiedIcon from '@mui/icons-material/Verified';
-import { Box, Card, CircularProgress, Stack, Typography } from '@mui/material';
-import Avatar from '../Avatar';
-import Button from '../Button';
-import { useTheme } from '../Theme';
-import IconText from './components/icon-text';
-import TooltipIcon from './components/tooltip-icon';
-import { formatDownloadCount, strippedString } from './utils';
-export default function BlockletStore(props) {
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { isValidElement as S } from "react";
+import E from "@iconify-icons/tabler/cloud-download";
+import { Icon as s } from "@iconify/react";
+import { Verified as F } from "@mui/icons-material";
+import { useTheme as O, Card as V, Stack as x, Typography as I, Box as z, CircularProgress as q } from "@mui/material";
+import B from "../Avatar/index.js";
+import G from "../Button/index.js";
+import "../Theme/theme.js";
+import "../Theme/theme-provider.js";
+import d from "./components/icon-text.js";
+import T from "./components/tooltip-icon.js";
+import { strippedString as M, formatDownloadCount as J } from "./utils.js";
+function co(A) {
   const {
-    title,
-    description = '',
-    cover = '',
-    avatar,
-    author,
-    download,
-    did,
-    official,
-    buttonText = 'Install',
-    buttonDisabled,
-    buttonLoading,
-    button,
-    onButtonClick = () => {},
-    onMainClick,
-    className,
-    ref,
-    icons,
-    status,
-    ...rest
-  } = props;
-  const theme = useTheme();
-  const wrapHandler = (handler, stopFn = () => false) => (e, ...args) => {
-    const isFunction = handler instanceof Function;
-    if (stopFn() || isFunction) {
-      e.preventDefault();
-      e.stopPropagation();
-      if (isFunction) {
-        handler(...args);
-      }
-    }
-  };
-  const handleMainClick = onMainClick && wrapHandler(onMainClick);
-  const handleButtonClick = wrapHandler(onButtonClick, () => {
-    // stop click while custom button or buttonDisabled or buttonLoading
-    return !!(button || buttonDisabled || buttonLoading);
-  });
-  const titleProps = /*#__PURE__*/isValidElement(title) ? {
-    children: title
-  } : {
-    title: strippedString(title),
-    dangerouslySetInnerHTML: {
-      __html: title
-    }
-  };
-  const descriptionProps = /*#__PURE__*/isValidElement(description) ? {
-    children: description
-  } : {
-    title: strippedString(description),
-    dangerouslySetInnerHTML: {
-      __html: description
-    }
-  };
-  return /*#__PURE__*/_jsxs(Card, {
-    variant: "outlined",
-    onClick: handleMainClick,
-    ...rest,
-    sx: {
-      p: {
-        xs: 2,
-        md: 3
-      },
-      borderRadius: 1,
-      ...rest.sx
+    title: e,
+    description: n = "",
+    cover: D = "",
+    avatar: L,
+    author: P,
+    download: m,
+    did: u,
+    official: l,
+    buttonText: R = "Install",
+    buttonDisabled: y,
+    buttonLoading: p,
+    button: g,
+    onButtonClick: k = () => {
     },
-    children: [/*#__PURE__*/_jsxs(Stack, {
-      flex: 1,
-      direction: "row",
-      gap: 1,
-      alignItems: "center",
-      overflow: "hidden",
-      sx: {
-        '& > *': {
-          flexShrink: 0
-        }
-      },
-      children: [/*#__PURE__*/_jsx(Avatar, {
-        src: cover,
-        did: did,
-        size: 48,
-        variant: "rounded",
-        style: {
-          borderRadius: '8px',
-          overflow: 'hidden'
-        }
-      }), /*#__PURE__*/_jsx(Typography, {
-        className: "blocklet-title",
-        fontWeight: "fontWeightMedium",
-        sx: {
-          fontSize: 16,
-          textOverflow: 'ellipsis',
-          whiteSpace: 'nowrap',
-          overflow: 'hidden',
-          cursor: 'default',
-          pl: 0.5,
-          '&&': {
-            flexShrink: 1
+    onMainClick: b,
+    className: K,
+    ref: Q,
+    icons: f,
+    status: i,
+    ...v
+  } = A, h = O(), w = (o, H = () => !1) => (C, ...N) => {
+    const W = o instanceof Function;
+    (H() || W) && (C.preventDefault(), C.stopPropagation(), W && o(...N));
+  }, _ = b && w(b), j = w(k, () => !!(g || y || p)), a = S(e) ? { children: e } : { title: M(e), dangerouslySetInnerHTML: { __html: e } }, c = S(n) ? { children: n } : { title: M(n), dangerouslySetInnerHTML: { __html: n } };
+  return /* @__PURE__ */ r(
+    V,
+    {
+      variant: "outlined",
+      onClick: _,
+      ...v,
+      sx: { p: { xs: 2, md: 3 }, borderRadius: 1, ...v.sx },
+      children: [
+        /* @__PURE__ */ r(
+          x,
+          {
+            direction: "row",
+            sx: {
+              flex: 1,
+              gap: 1,
+              alignItems: "center",
+              overflow: "hidden",
+              "& > *": { flexShrink: 0 }
+            },
+            children: [
+              /* @__PURE__ */ t(B, { src: D, did: u, size: 48, variant: "rounded", style: { borderRadius: "8px", overflow: "hidden" } }),
+              /* @__PURE__ */ t(
+                I,
+                {
+                  className: "blocklet-title",
+                  ...a,
+                  sx: [
+                    {
+                      fontWeight: "fontWeightMedium",
+                      fontSize: 16,
+                      textOverflow: "ellipsis",
+                      whiteSpace: "nowrap",
+                      overflow: "hidden",
+                      cursor: "default",
+                      pl: 0.5,
+                      "&&": { flexShrink: 1 }
+                    },
+                    ...Array.isArray(a.sx) ? a.sx : [a.sx]
+                  ]
+                }
+              ),
+              /* @__PURE__ */ r(
+                z,
+                {
+                  sx: {
+                    flex: 1,
+                    display: "flex",
+                    alignItems: "center",
+                    justifyContent: "flex-start",
+                    gap: 1
+                  },
+                  children: [
+                    l && /* @__PURE__ */ t(T, { title: l.tooltip, children: /* @__PURE__ */ t(F, { sx: { color: l.color || "#D97706", fontSize: l.size || 18 } }) }),
+                    f == null ? void 0 : f.map((o) => /* @__PURE__ */ t(T, { title: o.title, children: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon, style: { color: o.color } }) : o.icon }, o.key))
+                  ]
+                }
+              ),
+              k && /* @__PURE__ */ r(
+                G,
+                {
+                  variant: "outlined",
+                  size: "small",
+                  disabled: y || p,
+                  style: {
+                    color: h.palette.text.primary,
+                    borderColor: h.palette.grey[300],
+                    borderRadius: 8,
+                    fontSize: 13,
+                    fontWeight: h.typography.fontWeightMedium
+                  },
+                  onClick: j,
+                  children: [
+                    p && /* @__PURE__ */ t(q, { size: 15, style: { marginRight: 3, color: "inherit" } }),
+                    R
+                  ]
+                }
+              ),
+              g
+            ]
           }
-        },
-        ...titleProps
-      }), /*#__PURE__*/_jsxs(Box, {
-        flex: 1,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "flex-start",
-        gap: 1,
-        children: [official && /*#__PURE__*/_jsx(TooltipIcon, {
-          title: official.tooltip,
-          children: /*#__PURE__*/_jsx(VerifiedIcon, {
+        ),
+        /* @__PURE__ */ t(
+          x,
+          {
             sx: {
-              color: official.color || '#D97706',
-              fontSize: official.size || 18
-            }
-          })
-        }), icons?.map(item => /*#__PURE__*/_jsx(TooltipIcon, {
-          title: item.title,
-          children: typeof item.icon === 'string' ? /*#__PURE__*/_jsx(Icon, {
-            icon: item.icon,
-            style: {
-              color: item.color
-            }
-          }) : item.icon
-        }, item.key))]
-      }), onButtonClick && /*#__PURE__*/_jsxs(Button, {
-        variant: "outlined",
-        size: "small",
-        disabled: buttonDisabled || buttonLoading,
-        style: {
-          color: theme.palette.text.primary,
-          borderColor: theme.palette.grey[300],
-          borderRadius: 8,
-          fontSize: 13,
-          fontWeight: theme.typography.fontWeightMedium
-        },
-        onClick: handleButtonClick,
-        children: [buttonLoading && /*#__PURE__*/_jsx(CircularProgress, {
-          size: 15,
-          style: {
-            marginRight: 3,
-            color: 'inherit'
+              py: 2
+            },
+            children: /* @__PURE__ */ t(
+              I,
+              {
+                className: "blocklet-description",
+                variant: "body2",
+                ...c,
+                sx: [
+                  {
+                    color: "text.secondary",
+                    display: "-webkit-box",
+                    lineClamp: 2,
+                    WebkitLineClamp: 2,
+                    WebkitBoxOrient: "vertical",
+                    overflow: "hidden",
+                    cursor: "default",
+                    height: 40
+                  },
+                  ...Array.isArray(c.sx) ? c.sx : [c.sx]
+                ]
+              }
+            )
           }
-        }), buttonText]
-      }), button]
-    }), /*#__PURE__*/_jsx(Stack, {
-      py: 2,
-      children: /*#__PURE__*/_jsx(Typography, {
-        className: "blocklet-description",
-        variant: "body2",
-        color: "text.secondary",
-        sx: {
-          display: '-webkit-box',
-          lineClamp: 2,
-          WebkitLineClamp: 2,
-          WebkitBoxOrient: 'vertical',
-          overflow: 'hidden',
-          cursor: 'default',
-          height: 40
-        },
-        ...descriptionProps
-      })
-    }), /*#__PURE__*/_jsxs(Stack, {
-      direction: "row",
-      alignItems: "center",
-      gap: 2,
-      color: "text.secondary",
-      children: [/*#__PURE__*/_jsx(IconText, {
-        icon: /*#__PURE__*/_jsx(Avatar, {
-          src: avatar,
-          did: did,
-          size: 20,
-          variant: "circle"
-        }),
-        maxWidth: 200,
-        children: author
-      }), /*#__PURE__*/_jsx(IconText, {
-        icon: /*#__PURE__*/_jsx(Icon, {
-          icon: Download
-        }),
-        title: download,
-        children: formatDownloadCount(download)
-      }), status?.filter(item => item.align !== 'right').map(item => /*#__PURE__*/_jsx(IconText, {
-        icon: typeof item.icon === 'string' ? /*#__PURE__*/_jsx(Icon, {
-          icon: item.icon
-        }) : item.icon,
-        title: item.title,
-        maxWidth: item.maxWidth,
-        children: item.text
-      }, item.key)), /*#__PURE__*/_jsx(Box, {
-        sx: {
-          flex: 1
-        }
-      }), status?.filter(item => item.align === 'right').map(item => /*#__PURE__*/_jsx(IconText, {
-        icon: typeof item.icon === 'string' ? /*#__PURE__*/_jsx(Icon, {
-          icon: item.icon
-        }) : item.icon,
-        title: item.title,
-        maxWidth: item.maxWidth,
-        sx: {
-          color: item.color
-        },
-        children: item.text
-      }, item.key))]
-    })]
-  });
-}
+        ),
+        /* @__PURE__ */ r(
+          x,
+          {
+            direction: "row",
+            sx: {
+              alignItems: "center",
+              gap: 2,
+              color: "text.secondary"
+            },
+            children: [
+              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(B, { src: L, did: u, size: 20, variant: "circle" }), maxWidth: 200, children: P }),
+              /* @__PURE__ */ t(d, { icon: /* @__PURE__ */ t(s, { icon: E }), title: m, children: J(m) }),
+              i == null ? void 0 : i.filter((o) => o.align !== "right").map((o) => /* @__PURE__ */ t(
+                d,
+                {
+                  icon: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon }) : o.icon,
+                  title: o.title,
+                  maxWidth: o.maxWidth,
+                  children: o.text
+                },
+                o.key
+              )),
+              /* @__PURE__ */ t(z, { sx: { flex: 1 } }),
+              i == null ? void 0 : i.filter((o) => o.align === "right").map((o) => /* @__PURE__ */ t(
+                d,
+                {
+                  icon: typeof o.icon == "string" ? /* @__PURE__ */ t(s, { icon: o.icon }) : o.icon,
+                  title: o.title,
+                  maxWidth: o.maxWidth,
+                  sx: { color: o.color },
+                  children: o.text
+                },
+                o.key
+              ))
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  co as default
+};

package/lib/BlockletV2/components/icon-text.d.ts

@@ -1,9 +1,9 @@
 import { StackProps } from '@mui/material';
-import React from 'react';
+import { default as React } from 'react';
 export default function IconText({ icon, children, maxWidth, title, sx, }: {
     icon?: React.ReactNode;
     children?: React.ReactNode;
     maxWidth?: number;
     title?: React.ReactNode;
     sx?: StackProps['sx'];
-}): false | "" | 0 | import("react/jsx-runtime").JSX.Element | null | undefined;
+}): false | "" | 0 | 0n | import("react/jsx-runtime").JSX.Element | null | undefined;

package/lib/BlockletV2/components/icon-text.js

@@ -1,35 +1,45 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Stack, Typography } from '@mui/material';
-import React from 'react';
-import TooltipIcon from './tooltip-icon';
-export default function IconText({
-  icon,
-  children,
-  maxWidth = 100,
-  title,
-  sx
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { Stack as f, Typography as n } from "@mui/material";
+import s from "./tooltip-icon.js";
+function d({
+  icon: e,
+  children: o,
+  maxWidth: i = 100,
+  title: a,
+  sx: r
 }) {
-  return (children === 0 || children) && /*#__PURE__*/_jsxs(Stack, {
-    direction: "row",
-    alignItems: "center",
-    gap: 0.5,
-    sx: [{
-      maxWidth,
-      overflow: 'hidden'
-    }, ...(Array.isArray(sx) ? sx : [sx])],
-    children: [icon, /*#__PURE__*/_jsx(TooltipIcon, {
-      title: title || (typeof children === 'string' ? children : ''),
-      children: /*#__PURE__*/_jsx(Typography, {
-        flex: 1,
-        variant: "body2",
-        sx: {
-          overflow: 'hidden',
-          textOverflow: 'ellipsis',
-          whiteSpace: 'nowrap',
-          cursor: 'default'
+  return (o === 0 || o) && /* @__PURE__ */ p(
+    f,
+    {
+      direction: "row",
+      sx: [
+        {
+          alignItems: "center",
+          gap: 0.5
         },
-        children: children
-      })
-    })]
-  });
-}
+        { maxWidth: i, overflow: "hidden" },
+        ...Array.isArray(r) ? r : [r]
+      ],
+      children: [
+        e,
+        /* @__PURE__ */ t(s, { title: a || (typeof o == "string" ? o : ""), children: /* @__PURE__ */ t(
+          n,
+          {
+            variant: "body2",
+            sx: {
+              flex: 1,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              cursor: "default"
+            },
+            children: o
+          }
+        ) })
+      ]
+    }
+  );
+}
+export {
+  d as default
+};

package/lib/BlockletV2/components/tooltip-icon.js

@@ -1,37 +1,47 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip, tooltipClasses } from '@mui/material';
-export default function TooltipIcon({
-  title,
-  sx,
-  children,
-  slotProps,
-  fontSize = 12,
-  fontWeight = 500,
-  color = 'text.contrast',
-  ...props
+import { jsx as f } from "react/jsx-runtime";
+import { Tooltip as u, tooltipClasses as c } from "@mui/material";
+function g({
+  title: a,
+  sx: d,
+  children: p,
+  slotProps: e,
+  fontSize: m = 12,
+  fontWeight: n = 500,
+  color: r = "text.contrast",
+  ...t
 }) {
-  return title ? /*#__PURE__*/_jsx(Tooltip, {
-    title: title,
-    placement: "top",
-    ...props,
-    slotProps: {
-      popper: {
-        ...slotProps?.popper,
-        sx: [{
-          [`& .${tooltipClasses.tooltip}`]: {
-            fontSize,
-            fontWeight,
-            boxShadow: 2,
-            marginBottom: '6px !important',
-            borderRadius: '8px',
-            cursor: 'default',
-            color,
-            display: 'flex',
-            alignItems: 'center'
-          }
-        }, ...(Array.isArray(slotProps?.popper?.sx) ? slotProps.popper.sx : [slotProps?.popper?.sx])]
-      }
-    },
-    children: children
-  }) : children;
-}
+  var x, i;
+  return a ? /* @__PURE__ */ f(
+    u,
+    {
+      title: a,
+      placement: "top",
+      ...t,
+      slotProps: {
+        popper: {
+          ...e == null ? void 0 : e.popper,
+          sx: [
+            {
+              [`& .${c.tooltip}`]: {
+                fontSize: m,
+                fontWeight: n,
+                boxShadow: 2,
+                marginBottom: "6px !important",
+                borderRadius: "8px",
+                cursor: "default",
+                color: r,
+                display: "flex",
+                alignItems: "center"
+              }
+            },
+            ...Array.isArray((x = e == null ? void 0 : e.popper) == null ? void 0 : x.sx) ? e.popper.sx : [(i = e == null ? void 0 : e.popper) == null ? void 0 : i.sx]
+          ]
+        }
+      },
+      children: p
+    }
+  ) : p;
+}
+export {
+  g as default
+};

package/lib/BlockletV2/index.d.ts

@@ -1,5 +1,5 @@
-import ActionButton, { strippedString } from './utils';
-import Blocklet from './blocklet';
-import TooltipIcon from './components/tooltip-icon';
+import { default as ActionButton, strippedString } from './utils';
+import { default as Blocklet } from './blocklet';
+import { default as TooltipIcon } from './components/tooltip-icon';
 export { ActionButton, strippedString, TooltipIcon };
 export default Blocklet;

package/lib/BlockletV2/index.js

@@ -1,5 +1,9 @@
-import ActionButton, { strippedString } from './utils';
-import Blocklet from './blocklet';
-import TooltipIcon from './components/tooltip-icon';
-export { ActionButton, strippedString, TooltipIcon };
-export default Blocklet;
+import { default as p, strippedString as a } from "./utils.js";
+import o from "./blocklet.js";
+import { default as l } from "./components/tooltip-icon.js";
+export {
+  p as ActionButton,
+  l as TooltipIcon,
+  o as default,
+  a as strippedString
+};

package/lib/BlockletV2/utils.d.ts

@@ -1,4 +1,4 @@
 export default ActionButton;
 export function strippedString(originalString?: string): string;
 export function formatDownloadCount(num?: string): string | number;
-declare const ActionButton: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;