@arcblock/ux 3.0.6 → 3.0.8

package/lib/ActionButton/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: ActionButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;
 /**
  * Action button component

package/lib/ActionButton/index.js

@@ -4,7 +4,7 @@ import i from "lodash/isUndefined";
 import x from "../Button/index.js";
 import { mergeProps as y } from "../Util/index.js";
 import { withDeprecated as v } from "../Util/deprecate.js";
-function s(d) {
+function s({ ...d }) {
   const t = Object.assign({}, d);
   i(t.gradient) && (t.gradient = ""), i(t.icon) && (t.icon = ""), i(t.text) && (t.text = ""), i(t.color) && (t.color = ""), i(t.border) && (t.border = ""), i(t.width) && (t.width = ""), i(t.theme) && (t.theme = "inherit"), i(t.variant) && (t.variant = "outlined"), i(t.size) && (t.size = "large");
   const o = y(t, s), { href: f, icon: a, size: m, color: z, theme: g, variant: p, gradient: c, children: l, text: h, ...u } = o, e = {};

package/lib/Address/compact-text.d.ts

@@ -12,7 +12,7 @@ declare namespace CompactText {
     namespace propTypes {
         let startChars: PropTypes.Requireable<number>;
         let endChars: PropTypes.Requireable<number>;
-        let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
         let showCopyButtonInTooltip: PropTypes.Requireable<boolean>;
     }
 }

package/lib/Address/compact-text.js

@@ -4,8 +4,8 @@ import n from "prop-types";
 import { Tooltip as u, tooltipClasses as c, Box as s } from "@mui/material";
 import { styled as y } from "../Theme/index.js";
 import "../ClickToCopy/index.js";
-import C from "../ClickToCopy/copy-button.js";
-const d = y(({ className: p, ...r }) => /* @__PURE__ */ e(u, { ...r, classes: { popper: p } }))({
+import d from "../ClickToCopy/copy-button.js";
+const C = y(({ className: p, ...r }) => /* @__PURE__ */ e(u, { ...r, classes: { popper: p } }))({
   [`& .${c.tooltip}`]: {
     maxWidth: 360,
     wordBreak: "break-all"
@@ -15,7 +15,7 @@ function l({ children: p, ...r }) {
   return f.map(p, (t) => typeof t == "string" ? /* @__PURE__ */ e(a, { ...r, children: t }) : t.props && t.props.children ? /* @__PURE__ */ e(t.type, { ...t.props, children: /* @__PURE__ */ e(l, { ...r, children: t.props.children }) }) : t);
 }
 function a({ startChars: p = 6, endChars: r = 6, children: o, showCopyButtonInTooltip: t = !1 }) {
-  return typeof o != "string" ? /* @__PURE__ */ e(l, { startChars: p, endChars: r, showCopyButtonInTooltip: t, children: o }) : /* @__PURE__ */ e(d, { title: /* @__PURE__ */ i(
+  return typeof o != "string" ? /* @__PURE__ */ e(l, { startChars: p, endChars: r, showCopyButtonInTooltip: t, children: o }) : /* @__PURE__ */ e(C, { title: /* @__PURE__ */ i(
     s,
     {
       onClick: (m) => m.stopPropagation(),
@@ -26,7 +26,7 @@ function a({ startChars: p = 6, endChars: r = 6, children: o, showCopyButtonInTo
       },
       children: [
         /* @__PURE__ */ e(s, { children: o }),
-        t && /* @__PURE__ */ e(C, { content: o, showTooltip: !1, style: { fontSize: 16, marginLeft: 4 } })
+        t && /* @__PURE__ */ e(d, { content: o, showTooltip: !1, style: { fontSize: 16, marginLeft: 4 } })
       ]
     }
   ), placement: "top", children: /* @__PURE__ */ i("span", { children: [
@@ -38,7 +38,7 @@ function a({ startChars: p = 6, endChars: r = 6, children: o, showCopyButtonInTo
 a.propTypes = {
   startChars: n.number,
   endChars: n.number,
-  children: n.node,
+  children: n.node.isRequired,
   // 在 tooltip 中完整地址后显示复制按钮
   showCopyButtonInTooltip: n.bool
 };

package/lib/Address/did-address.js

@@ -20,7 +20,7 @@ const i = {
   }
 };
 function _({
-  ref: e,
+  ref: e = void 0,
   ...v
 }) {
   const {

package/lib/Address/index.js

@@ -1,12 +1,12 @@
-import { jsx as e } from "react/jsx-runtime";
-import o from "./did-address.js";
+import { jsx as i } from "react/jsx-runtime";
+import e from "./did-address.js";
 import s from "./responsive-did-address.js";
 function f({
-  ref: r,
-  responsive: i = !0,
+  ref: r = void 0,
+  responsive: o = !0,
   ...d
 }) {
-  return i ? /* @__PURE__ */ e(s, { ...d, ref: r }) : /* @__PURE__ */ e(o, { ...d, ref: r });
+  return o ? /* @__PURE__ */ i(s, { ...d, ref: r }) : /* @__PURE__ */ i(e, { ...d, ref: r });
 }
 export {
   f as default

package/lib/Address/responsive-did-address.js

@@ -6,16 +6,16 @@ import { styled as F } from "../Theme/index.js";
 import P from "./did-address.js";
 import { getFontSize as B } from "../Util/index.js";
 function Q({
-  ref: t,
-  style: A,
-  className: D,
+  ref: t = void 0,
+  style: A = {},
+  className: D = void 0,
   component: l = "span",
   size: d = 0,
   ...p
 }) {
   const [h, S] = r(!1), z = L(h), [f, m] = r(null), [u, w] = r(null), [a, C] = r(!0), { run: x } = $(() => C(!1), {
     wait: 50
-  }), o = b(null), n = b(null);
+  }), o = b(null), i = b(null);
   return j(
     t,
     () => new Proxy(
@@ -23,21 +23,21 @@ function Q({
       {
         get(c, s) {
           var e;
-          return (e = n.current) == null ? void 0 : e[s];
+          return (e = i.current) == null ? void 0 : e[s];
         }
       }
     )
   ), R(() => {
-    var W, g;
-    const c = ((W = n.current) == null ? void 0 : W.offsetWidth) || 0;
+    var v, W;
+    const c = ((v = i.current) == null ? void 0 : v.offsetWidth) || 0;
     let s = null, e = null;
-    return m(c), w((g = o.current) == null ? void 0 : g.offsetWidth), s = new ResizeObserver(() => {
-      var i, v;
-      !z.current && ((i = n.current) == null ? void 0 : i.offsetWidth) !== c && (m((v = n.current) == null ? void 0 : v.offsetWidth), x());
+    return m(c), w((W = o.current) == null ? void 0 : W.offsetWidth), s = new ResizeObserver(() => {
+      var n, g;
+      !z.current && ((n = i.current) == null ? void 0 : n.offsetWidth) !== c && (m((g = i.current) == null ? void 0 : g.offsetWidth), x());
     }), e = new ResizeObserver(() => {
-      var i;
-      w((i = o.current) == null ? void 0 : i.offsetWidth);
-    }), s.observe(n.current.getEl()), e.observe(o.current), x(), () => {
+      var n;
+      w((n = o.current) == null ? void 0 : n.offsetWidth);
+    }), s.observe(i.current.getEl()), e.observe(o.current), x(), () => {
       s == null || s.disconnect(), e == null || e.disconnect();
     };
   }, []), R(() => {
@@ -66,7 +66,7 @@ function Q({
             component: l,
             inline: !0,
             compact: h,
-            ref: n
+            ref: i
           }
         ),
         a && /* @__PURE__ */ y("div", { style: { width: "100%", height: `${(d || 16) * 1.5}px` } })

package/lib/Alert/index.d.ts

@@ -1,4 +1,4 @@
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: AlertProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;
 /**
  * Alert notification component

package/lib/Alert/index.js

@@ -37,7 +37,7 @@ const i = {
     variant: "solid"
   }
 };
-function a(l) {
+function a({ ...l }) {
   const r = Object.assign({}, l);
   n(r.type) && (r.type = "tip"), n(r.className) && (r.className = ""), n(r.style) && (r.style = {}), n(r.variant) && (r.variant = "border");
   const m = O(r, a, ["style"]), { type: s, children: p, style: d, className: f, variant: e, showIcon: g = !1, ...b } = m, { icon: y, color: u, backgroundColor: x, borderColor: v, variant: C } = i[s] || i.success, h = Object.assign(

package/lib/Avatar/index.d.ts

@@ -41,7 +41,7 @@ export { Avatar as AvatarProps };
  * @param {AvatarProps} props
  * @returns {JSX.Element}
  */
-declare function Avatar(rawProps: any): JSX.Element;
+declare function Avatar({ ...rawProps }: AvatarProps): JSX.Element;
 declare namespace Avatar {
     export namespace propTypes_1 {
         let did: PropTypes.Requireable<string>;

package/lib/Avatar/index.js

@@ -10,7 +10,7 @@ import { mergeProps as E, isEthereumDid as R } from "../Util/index.js";
 import M from "./did-motif.js";
 import T from "./etherscan-blockies.js";
 import { DID_PREFIX as f } from "../Util/constant.js";
-function d(s) {
+function d({ ...s }) {
   const r = Object.assign({}, s);
   n(r.did) && (r.did = ""), n(r.size) && (r.size = 36), n(r.variant) && (r.variant = "default"), n(r.animation) && (r.animation = !1), n(r.shape) && (r.shape = ""), n(r.blockiesPadding) && (r.blockiesPadding = !0), n(r.responsive) && (r.responsive = !1);
   const [c, h] = k(!1), g = E(r, d, []), { did: i = "", size: e, src: p, variant: b, animation: v, shape: x, blockiesPadding: y, responsive: w, ...o } = g, l = P(() => R(i) ? T.createIcon({

package/lib/Badge/index.js

@@ -28,7 +28,7 @@ const s = {
     backgroundColor: o.grey[900]
   }
 };
-function i(t) {
+function i({ ...t }) {
   const e = Object.assign({}, t);
   n(e.type) && (e.type = "primary"), n(e.content) && (e.content = ""), n(e.className) && (e.className = ""), n(e.style) && (e.style = {});
   const a = b(e, i, ["style"]), { type: m, content: p, children: l, style: y, className: d, forwardedRef: f, ...g } = a, h = Object.assign(s[m] || s.primary, y);

package/lib/BlockletContext/index.d.ts

@@ -8,7 +8,7 @@ declare const Consumer: import('react').Consumer<{
     masterBlocklet: Blocklet | null;
 }>;
 declare function BlockletProvider({ children, baseUrl, loading, }: {
-    children?: React.ReactNode;
+    children: React.ReactNode;
     /**
      * baseUrl 为 blocklet origin + blocklet prefix
      */

package/lib/BlockletNFT/index.js

@@ -189,7 +189,7 @@ v.propTypes = {
 };
 function J({
   title: e,
-  did: s,
+  did: s = void 0,
   description: c = null,
   cover: r = null,
   size: i = "auto",

package/lib/BlockletV2/blocklet.d.ts

@@ -36,4 +36,4 @@ export interface IBlockletStore extends CardProps {
         color?: string;
     }[];
 }
-export default function BlockletStore(props: IBlockletStore): import("react/jsx-runtime").JSX.Element;
+export default function BlockletStore({ ...props }: IBlockletStore): import("react/jsx-runtime").JSX.Element;

package/lib/BlockletV2/blocklet.js

@@ -11,7 +11,7 @@ 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) {
+function co({ ...A }) {
   const {
     title: e,
     description: n = "",

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

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

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

@@ -1,15 +1,15 @@
-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,
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
+import { Stack as n, Typography as p } from "@mui/material";
+import f from "./tooltip-icon.js";
+function u({
+  icon: e = null,
+  children: o = null,
   maxWidth: i = 100,
-  title: a,
-  sx: r
+  title: a = void 0,
+  sx: r = {}
 }) {
-  return (o === 0 || o) && /* @__PURE__ */ p(
-    f,
+  return (o === 0 || o) && /* @__PURE__ */ l(
+    n,
     {
       direction: "row",
       sx: [
@@ -22,8 +22,8 @@ function d({
       ],
       children: [
         e,
-        /* @__PURE__ */ t(s, { title: a || (typeof o == "string" ? o : ""), children: /* @__PURE__ */ t(
-          n,
+        /* @__PURE__ */ t(f, { title: a || (typeof o == "string" ? o : ""), children: /* @__PURE__ */ t(
+          p,
           {
             variant: "body2",
             sx: {
@@ -41,5 +41,5 @@ function d({
   );
 }
 export {
-  d as default
+  u as default
 };

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

@@ -1,30 +1,31 @@
-import { jsx as f } from "react/jsx-runtime";
-import { Tooltip as u, tooltipClasses as c } from "@mui/material";
-function g({
-  title: a,
-  sx: d,
+import { jsx as x } from "react/jsx-runtime";
+import { Tooltip as n, tooltipClasses as f } from "@mui/material";
+import { mergeSx as u } from "../../Util/style.js";
+function I({
+  title: t,
+  sx: c,
   children: p,
   slotProps: e,
-  fontSize: m = 12,
-  fontWeight: n = 500,
+  fontSize: a = 12,
+  fontWeight: m = 500,
   color: r = "text.contrast",
-  ...t
+  ...i
 }) {
-  var x, i;
-  return a ? /* @__PURE__ */ f(
-    u,
+  var o;
+  return t ? /* @__PURE__ */ x(
+    n,
     {
-      title: a,
+      title: t,
       placement: "top",
-      ...t,
+      ...i,
       slotProps: {
         popper: {
           ...e == null ? void 0 : e.popper,
-          sx: [
+          sx: u(
             {
-              [`& .${c.tooltip}`]: {
-                fontSize: m,
-                fontWeight: n,
+              [`& .${f.tooltip}`]: {
+                fontSize: a,
+                fontWeight: m,
                 boxShadow: 2,
                 marginBottom: "6px !important",
                 borderRadius: "8px",
@@ -34,8 +35,9 @@ function g({
                 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]
-          ]
+            // @ts-expect-error
+            (o = e == null ? void 0 : e.popper) == null ? void 0 : o.sx
+          )
         }
       },
       children: p
@@ -43,5 +45,5 @@ function g({
   ) : p;
 }
 export {
-  g as default
+  I as default
 };

package/lib/Button/wrap.js

@@ -15,7 +15,7 @@ const y = {
   }
 };
 function q(g) {
-  function d(c) {
+  function d({ ...c }) {
     const e = Object.assign({}, c);
     i(e.rounded) && (e.rounded = !1), i(e.size) && (e.size = "medium"), i(e.forwardedRef) && (e.forwardedRef = null), i(e.style) && (e.style = {});
     const s = k(e, d, ["style"]), { children: b, rounded: w, loading: f, disabled: h, style: R, forwardedRef: C, color: n, ...t } = s, z = h || f;

package/lib/Center/index.js

@@ -1,16 +1,16 @@
 import { jsx as n } from "react/jsx-runtime";
 import { styled as r } from "../Theme/index.js";
 function o({
-  children: e,
+  children: e = null,
   relative: i = "screen"
 }) {
   let t = {};
   return i === "parent" && (t = {
     width: "100%",
     height: "100%"
-  }), /* @__PURE__ */ n(s, { style: t, children: e });
+  }), /* @__PURE__ */ n(l, { style: t, children: e });
 }
-const s = r("div")`
+const l = r("div")`
   flex: 1;
   width: 100vw;
   height: 100vh;

package/lib/ClickToCopy/copy-button.js

@@ -2,15 +2,15 @@ import { jsx as o } from "react/jsx-runtime";
 import { Tooltip as u } from "@mui/material";
 import { green as y } from "@mui/material/colors";
 import { Check as a, ContentCopy as C } from "@mui/icons-material";
-import h from "./hook.js";
+import d from "./hook.js";
 function S({
   content: c = "",
   locale: m = "en",
-  render: e,
+  render: e = void 0,
   showTooltip: l = !0,
   ...r
 }) {
-  const { containerRef: s, copied: t, copy: f, texts: n } = h({ content: c, locale: m }), i = {
+  const { containerRef: s, copied: t, copy: f, texts: n } = d({ content: c, locale: m }), i = {
     fontSize: "1em"
   }, p = /* @__PURE__ */ o("span", { title: t ? "" : n.copy, ...r, style: { height: "1em", ...r.style }, children: t ? /* @__PURE__ */ o(u, { title: n.copied, placement: "bottom", arrow: !0, open: t && l, children: /* @__PURE__ */ o(a, { sx: { ...i, color: y[500] } }) }) : /* @__PURE__ */ o(C, { onClick: f, sx: { ...i, cursor: "pointer" } }) });
   return e ? e({ copyButton: p, containerRef: s }) : p;

package/lib/CloseButton/index.js

@@ -6,7 +6,7 @@ import s from "lodash/noop";
 import { mergeSx as f } from "../Util/style.js";
 function x({
   onClose: r = s,
-  sx: t,
+  sx: t = {},
   size: n = 20
 }) {
   return /* @__PURE__ */ o(

package/lib/ContactForm/index.js

@@ -1,4 +1,4 @@
-import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
 import f from "react";
 import g from "axios";
 import { Typography as m, CircularProgress as b } from "@mui/material";
@@ -6,15 +6,15 @@ import { mergeProps as y } from "../Util/index.js";
 import { warn as x } from "../Util/deprecate.js";
 import v from "../Button/index.js";
 import { styled as w } from "../Theme/index.js";
-function S({ formId: t, portalId: e }, s, a) {
-  const o = `https://api.hsforms.com/submissions/v3/integration/submit/${e}/${t}`;
-  return g.post(o, {
+function S({ formId: t, portalId: e }, s, r) {
+  const a = `https://api.hsforms.com/submissions/v3/integration/submit/${e}/${t}`;
+  return g.post(a, {
     submittedAt: Date.now(),
     fields: Object.keys(s).map((i) => ({
       name: i.replace(/\s+/, "").toLowerCase(),
       value: s[i]
     })),
-    context: a,
+    context: r,
     skipValidation: !1
   }).then((i) => i.data.inlineMessage).catch((i) => i.data ? i.data.message : "Form Submit Failed");
 }
@@ -23,9 +23,9 @@ const l = class l extends f.Component {
     super(e), this.onSubmit = async (s) => {
       s.preventDefault(), this.setState({ loading: !0 });
       try {
-        const a = await S(
+        const r = await S(
           { formId: this.props.formId, portalId: this.props.portalId },
-          this.fields.reduce((o, i) => (o[i] = this.state[i], o), {}),
+          this.fields.reduce((a, i) => (a[i] = this.state[i], a), {}),
           {
             pageUri: window.location.href,
             pageName: document.title
@@ -33,18 +33,18 @@ const l = class l extends f.Component {
         );
         this.setState({
           loading: !1,
-          successMessage: a || this.props.successMessage
+          successMessage: r || this.props.successMessage
         });
-      } catch (a) {
+      } catch (r) {
         this.setState({
           loading: !1,
-          errorMessage: a ? a.message : "Form submit failed"
+          errorMessage: r ? r.message : "Form submit failed"
         });
       }
-    }, this.getInputHandler = (s, a = {}) => (o) => {
+    }, this.getInputHandler = (s, r = {}) => (a) => {
       this.setState(
-        Object.assign(a, {
-          [s]: o.target.value
+        Object.assign(r, {
+          [s]: a.target.value
         })
       );
     }, typeof e.fields == "string" ? this.fields = e.fields.split(",").map((s) => s.trim()) : this.fields = e.fields, this.state = {
@@ -60,7 +60,7 @@ const l = class l extends f.Component {
     return typeof e.title > "u" && (e.title = "Signup for our news letter"), e.button || (e.button = "Subscribe"), e;
   }
   render() {
-    const { className: e, style: s, title: a, button: o, layout: i } = this.deriveProps(), { loading: c, errorMessage: u, successMessage: p } = this.state;
+    const { className: e, style: s, title: r, button: a, layout: i } = this.deriveProps(), { loading: c, errorMessage: u, successMessage: p } = this.state;
     return /* @__PURE__ */ d(
       I,
       {
@@ -71,9 +71,9 @@ const l = class l extends f.Component {
         fieldCount: this.fields.length,
         name: "subscribe",
         children: [
-          !!a && /* @__PURE__ */ r(m, { component: "p", className: "title", children: a }),
+          !!r && /* @__PURE__ */ o(m, { component: "p", className: "title", children: r }),
           /* @__PURE__ */ d("div", { className: "form-controls", children: [
-            this.fields.map((n) => /* @__PURE__ */ r(
+            this.fields.map((n) => /* @__PURE__ */ o(
               "input",
               {
                 required: !0,
@@ -85,7 +85,7 @@ const l = class l extends f.Component {
               },
               n
             )),
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ o(
               v,
               {
                 variant: "outlined",
@@ -94,11 +94,11 @@ const l = class l extends f.Component {
                 size: "large",
                 disabled: c,
                 className: "subscribe-btn-empty",
-                children: c ? /* @__PURE__ */ r(b, { size: 28 }) : o
+                children: c ? /* @__PURE__ */ o(b, { size: 28 }) : a
               }
             )
           ] }),
-          !!u && /* @__PURE__ */ r(
+          !!u && /* @__PURE__ */ o(
             m,
             {
               component: "p",
@@ -108,7 +108,7 @@ const l = class l extends f.Component {
               dangerouslySetInnerHTML: { __html: u }
             }
           ),
-          !!p && /* @__PURE__ */ r(
+          !!p && /* @__PURE__ */ o(
             m,
             {
               component: "p",
@@ -163,7 +163,8 @@ const M = (t) => t.layout === "vertical" ? "100%" : `${Math.max(95 / (t.fieldCou
       width: ${(t) => M(t)};
       height: 50px;
       border: none;
-      border-bottom: 1px solid ${(t) => t.theme.typography.color.main};
+      border-bottom: 1px solid
+        ${(t) => t.theme.typography.color.main};
       font-size: 16px;
       letter-spacing: 1.8px;
       outline: none;