@arcblock/ux 3.0.5 → 3.0.7

package/lib/PageScroller/index.js

@@ -1,46 +1,46 @@
 import { jsx as W } from "react/jsx-runtime";
-import { useState as U, useRef as Q, Children as K, useCallback as i, cloneElement as Z, useEffect as p } from "react";
+import { useState as K, useRef as Q, Children as S, useCallback as l, cloneElement as Z, useEffect as p } from "react";
 import A from "lodash/isEqual";
 import r from "lodash/isNil";
 import g from "lodash/isNull";
-import P from "./usePrevValue.js";
-import { withDeprecated as b } from "../Util/deprecate.js";
+import P from "./usePrevValue";
+import { withDeprecated as b } from "../Util/deprecate";
 const I = {
   TOUCHMOVE: "touchmove",
   KEYDOWN: "keydown"
 }, ee = 500, te = "ease-in-out", ne = "100vh", se = "100vw", k = 0, B = 0, D = 100, oe = 38, re = 40, y = "rps-scroll--disabled";
-let M = null, f = !1, a = !1, w = !0, Y = !1;
+let M = null, d = !1, w = !1, R = !0, Y = !1;
 const T = [];
-function le({
-  animationTimer: d = ee,
+function ie({
+  animationTimer: f = ee,
   blockScrollDown: F = !1,
   blockScrollUp: H = !1,
-  children: V,
+  children: V = void 0,
   height: G = ne,
   width: j = se,
-  customPageNumber: s,
-  onScrollUnavailable: E,
-  onChange: R,
-  renderAllPagesOnFirstRender: $ = !1,
+  customPageNumber: s = void 0,
+  onScrollUnavailable: E = void 0,
+  onChange: a = void 0,
+  renderAllPagesOnFirstRender: U = !1,
   transitionTimingFunction: q = te
 }) {
-  const [n, C] = U(k), [c, L] = U(B), m = P(n), l = Q(null), o = K.toArray(V), O = i(
+  const [n, v] = K(k), [c, C] = K(B), m = P(n), i = Q(null), o = S.toArray(V), L = l(
     (e) => {
       let t = 0;
-      r(e) || (t = e), t = Math.max(t, c), t <= n + 1 && (r(o[n + 1]) || t++), L(t);
+      r(e) || (t = e), t = Math.max(t, c), t <= n + 1 && (r(o[n + 1]) || t++), C(t);
     },
     [o, n, c]
-  ), X = i(() => {
-    $ ? L(K.count(o)) : r(o[k + 1]) || O(B + 1);
-  }, [O, o, $]), _ = i(() => {
-    w && (w = !1, window.scrollTo({
+  ), X = l(() => {
+    U ? C(S.count(o)) : r(o[k + 1]) || L(B + 1);
+  }, [L, o, U]), O = l(() => {
+    R && (R = !1, window.scrollTo({
       left: 0,
       top: 0,
       behavior: "smooth"
     }), document.body.classList.add(y), document.documentElement.classList.add(y));
-  }, []), v = i(() => {
-    w || (w = !0, document.body.classList.remove(y), document.documentElement.classList.remove(y));
-  }, []), z = i(() => {
+  }, []), _ = l(() => {
+    R || (R = !0, document.body.classList.remove(y), document.documentElement.classList.remove(y));
+  }, []), z = l(() => {
     const e = [];
     let t = 0;
     for (; t < c && !r(o[t]); )
@@ -48,25 +48,25 @@ function le({
         /* @__PURE__ */ W("div", { style: { height: "100%", width: "100%" }, children: Z(o[t], { ...o[t].props }) }, t)
       ), t++;
     return e;
-  }, [o, c]), h = i(() => {
-    !f && !F && (r(T[n + 1]) ? (v(), E && E()) : (_(), f = !0, l.current.style.transform = `translate3d(0, ${(n + 1) * -100}%, 0)`, setTimeout(() => {
-      a && C((e) => e + 1);
-    }, d + D)));
-  }, [d, F, n, _, v, E]), u = i(() => {
-    !f && !H && (r(T[n - 1]) ? (v(), E && E()) : (_(), f = !0, l.current.style.transform = `translate3d(0, ${(n - 1) * -100}%, 0)`, setTimeout(() => {
-      a && C((e) => e - 1);
-    }, d + D)));
-  }, [d, H, n, _, v, E]), N = i(
+  }, [o, c]), h = l(() => {
+    !d && !F && (r(T[n + 1]) ? (_(), E && E()) : (O(), d = !0, i.current.style.transform = `translate3d(0, ${(n + 1) * -100}%, 0)`, setTimeout(() => {
+      w && v((e) => e + 1);
+    }, f + D)));
+  }, [f, F, n, O, _, E]), u = l(() => {
+    !d && !H && (r(T[n - 1]) ? (_(), E && E()) : (O(), d = !0, i.current.style.transform = `translate3d(0, ${(n - 1) * -100}%, 0)`, setTimeout(() => {
+      w && v((e) => e - 1);
+    }, f + D)));
+  }, [f, H, n, O, _, E]), N = l(
     (e) => {
       g(M) ? M = e.touches[0].clientY : e.touches[0].clientY > M ? u() : h();
     },
     [h, u]
-  ), J = i(
+  ), J = l(
     (e) => {
       e.deltaY < 0 ? u() : h();
     },
     [h, u]
-  ), x = i(
+  ), x = l(
     (e) => {
       A(e.keyCode, oe) && u(), A(e.keyCode, re) && h();
     },
@@ -74,44 +74,44 @@ function le({
   );
   return p(() => {
     var e, t;
-    return (e = l.current) == null || e.addEventListener(I.TOUCHMOVE, N), (t = l.current) == null || t.addEventListener(I.KEYDOWN, x), () => {
-      var S;
-      (S = l.current) != null && S.removeEventListener && (l.current.removeEventListener(I.TOUCHMOVE, N), l.current.removeEventListener(I.KEYDOWN, x));
+    return (e = i.current) == null || e.addEventListener(I.TOUCHMOVE, N), (t = i.current) == null || t.addEventListener(I.KEYDOWN, x), () => {
+      var $;
+      ($ = i.current) != null && $.removeEventListener && (i.current.removeEventListener(I.TOUCHMOVE, N), i.current.removeEventListener(I.KEYDOWN, x));
     };
-  }, [N, x]), p(() => (a = !0, X(), () => {
-    a = !1;
+  }, [N, x]), p(() => (w = !0, X(), () => {
+    w = !1;
   }), []), p(() => {
-    f = !1, M = null, m !== void 0 && n > m && O();
-  }, [O, n, m]), p(() => {
-    R && R(n);
-  }, [R, n]), p(() => {
+    d = !1, M = null, m !== void 0 && n > m && L();
+  }, [L, n, m]), p(() => {
+    a && a(n);
+  }, [a, n]), p(() => {
     if (!r(s) && !A(s, n)) {
       let e = c;
       if (!A(n, s)) {
-        if (!r(T[s]) && !f)
-          f = !0, l.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, r(T[s]) && !r(o[s]) && e++, setTimeout(() => {
-            C(s), L(e);
-          }, d + D);
-        else if (!f && !r(o[s])) {
+        if (!r(T[s]) && !d)
+          d = !0, i.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, r(T[s]) && !r(o[s]) && e++, setTimeout(() => {
+            v(s), C(e);
+          }, f + D);
+        else if (!d && !r(o[s])) {
           for (let t = c; t <= s; t++)
             e++;
-          r(o[s]) || e++, f = !0, Y = !0, L(e);
+          r(o[s]) || e++, d = !0, Y = !0, C(e);
         }
       }
     }
   }, [s]), p(() => {
-    Y && (Y = !1, l.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, setTimeout(() => {
-      C(s);
-    }, d + D));
-  }, [d, c, s]), /* @__PURE__ */ W("div", { style: { height: G, width: j, overflow: "hidden" }, children: /* @__PURE__ */ W(
+    Y && (Y = !1, i.current.style.transform = `translate3d(0, ${s * -100}%, 0)`, setTimeout(() => {
+      v(s);
+    }, f + D));
+  }, [f, c, s]), /* @__PURE__ */ W("div", { style: { height: G, width: j, overflow: "hidden" }, children: /* @__PURE__ */ W(
     "div",
     {
-      ref: l,
+      ref: i,
       onWheel: J,
       style: {
         height: "100%",
         width: "100%",
-        transition: `transform ${d}ms ${q}`,
+        transition: `transform ${f}ms ${q}`,
         outline: "none"
       },
       tabIndex: 0,
@@ -119,7 +119,7 @@ function le({
     }
   ) });
 }
-const pe = b(le, { name: "PageScroller" });
+const pe = b(ie, { name: "PageScroller" });
 export {
   pe as default
 };

package/lib/PageScroller/story/FullPage.js

@@ -1,39 +1,39 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { useState as m } from "react";
-import s from "../../Button/index.js";
-import l from "../index.js";
-import p from "./FirstComponent.js";
-import c from "./SecondComponent.js";
-import u from "./ThirdComponent.js";
-import d from "./FourthComponent.js";
-import f from "./FifthComponent.js";
-/* empty css          */
+import s from "../../Button";
+import l from "..";
+import p from "./FirstComponent";
+import c from "./SecondComponent";
+import u from "./ThirdComponent";
+import d from "./FourthComponent";
+import f from "./FifthComponent";
+import "./index.css";
 function y() {
-  const [e, a] = m(0), n = [];
-  for (let o = 0; o < 5; o++)
-    n.push(
-      /* @__PURE__ */ r(
+  const [e, a] = m(0), i = [];
+  for (let r = 0; r < 5; r++)
+    i.push(
+      /* @__PURE__ */ o(
         s,
         {
-          variant: o === e ? "contained" : "outlined",
+          variant: r === e ? "contained" : "outlined",
           size: "small",
-          onClick: () => a(o),
-          color: o === e ? "primary" : "secondary",
-          children: o + 1
+          onClick: () => a(r),
+          color: r === e ? "primary" : "secondary",
+          children: r + 1
         },
-        o
+        r
       )
     );
   const t = e / 4 * 100;
-  return /* @__PURE__ */ i("div", { className: "demo-page-full", children: [
-    /* @__PURE__ */ i(l, { onChange: (o) => a(o), customPageNumber: e, children: [
-      /* @__PURE__ */ r(p, {}),
-      /* @__PURE__ */ r(c, {}),
-      /* @__PURE__ */ r(u, {}),
-      /* @__PURE__ */ r(d, {}),
-      /* @__PURE__ */ r(f, {})
+  return /* @__PURE__ */ n("div", { className: "demo-page-full", children: [
+    /* @__PURE__ */ n(l, { onChange: (r) => a(r), customPageNumber: e, children: [
+      /* @__PURE__ */ o(p, {}),
+      /* @__PURE__ */ o(c, {}),
+      /* @__PURE__ */ o(u, {}),
+      /* @__PURE__ */ o(d, {}),
+      /* @__PURE__ */ o(f, {})
     ] }),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ o(
       "div",
       {
         className: "progress",
@@ -45,7 +45,7 @@ function y() {
         style: { width: `${t}%` }
       }
     ),
-    /* @__PURE__ */ r("div", { className: "pagination-additional-class", children: n })
+    /* @__PURE__ */ o("div", { className: "pagination-additional-class", children: i })
   ] });
 }
 export {

package/lib/PageScroller/story/PageContain.js

@@ -1,13 +1,13 @@
 import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { useState as s } from "react";
-import m from "../../Button/index.js";
-import l from "../index.js";
-import c from "./FirstComponent.js";
-import p from "./SecondComponent.js";
-import d from "./ThirdComponent.js";
-import h from "./FourthComponent.js";
-import u from "./FifthComponent.js";
-/* empty css          */
+import m from "../../Button";
+import l from "..";
+import c from "./FirstComponent";
+import p from "./SecondComponent";
+import d from "./ThirdComponent";
+import h from "./FourthComponent";
+import u from "./FifthComponent";
+import "./index.css";
 function F() {
   const [e, a] = s(0), n = [];
   for (let o = 0; o < 5; o++)

package/lib/Passport/index.js

@@ -1,4 +1,5 @@
-import r from "./passport.js";
+import "./passport";
+import { default as e } from "./passport";
 export {
-  r as default
+  e as default
 };

package/lib/Passport/passport.js

@@ -2,8 +2,8 @@ import { jsxs as r, jsx as l } from "react/jsx-runtime";
 import f from "lodash/upperFirst";
 import { Box as i } from "@mui/material";
 import x from "@arcblock/icons/lib/RevokeIcon";
-import u from "../NFTDisplay/index.js";
-import { useLocaleContext as y } from "../Locale/context.js";
+import u from "../NFTDisplay";
+import { useLocaleContext as y } from "../Locale/context";
 function b({
   passport: e,
   user: m,

package/lib/PhoneInput/country-select.js

@@ -1,27 +1,27 @@
-import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as t } from "react/jsx-runtime";
 import { useState as O, useMemo as x } from "react";
 import { Box as C, Typography as a, Select as z, TextField as j, MenuItem as k } from "@mui/material";
 import { defaultCountries as u, parseCountry as c, FlagEmoji as y } from "react-international-phone";
 import P from "@arcblock/icons/lib/ArrowDown";
-import { mergeSx as F } from "../Util/style.js";
+import { mergeSx as F } from "../Util/style";
 function L({
-  ref: w,
+  ref: w = void 0,
   value: i,
-  onChange: s,
+  onChange: s = void 0,
   sx: I = {},
-  selectCountryProps: M,
+  selectCountryProps: M = void 0,
   preview: p = !1,
-  valueField: S = "iso2",
+  valueField: v = "iso2",
   ...m
 }) {
-  const { hideFlag: h = !0, hideDialCode: f = !1 } = M || {}, [n, b] = O(""), r = x(() => {
-    const e = u.find((t) => t[1] === i);
+  const { hideFlag: h = !0, hideDialCode: f = !1 } = M || {}, [n, S] = O(""), r = x(() => {
+    const e = u.find((o) => o[1] === i);
     return i && e ? c(e) : { name: "", iso2: "", dialCode: "" };
-  }, [i]), v = x(() => {
+  }, [i]), b = x(() => {
     if (!n) return u;
     const e = n.toLowerCase();
-    return u.filter((t) => {
-      const d = c(t);
+    return u.filter((o) => {
+      const d = c(o);
       return d.name.toLowerCase().includes(e) || d.iso2.toLowerCase().includes(e) || d.dialCode.includes(e);
     });
   }, [n]), g = /* @__PURE__ */ l(
@@ -35,8 +35,8 @@ function L({
         cursor: p ? "default" : "pointer"
       },
       children: [
-        h ? null : /* @__PURE__ */ o(y, { iso2: i, style: { display: "flex", width: 24, color: "inherit" } }),
-        /* @__PURE__ */ o(a, { component: "span", sx: { lineHeight: 1.5 }, children: f ? r == null ? void 0 : r.name : `+${r == null ? void 0 : r.dialCode}` })
+        h ? null : /* @__PURE__ */ t(y, { iso2: i, style: { display: "flex", width: 24, color: "inherit" } }),
+        /* @__PURE__ */ t(a, { component: "span", sx: { lineHeight: 1.5 }, children: f ? r == null ? void 0 : r.name : `+${r == null ? void 0 : r.dialCode}` })
       ]
     }
   );
@@ -71,40 +71,40 @@ function L({
       ),
       value: i,
       onChange: (e) => s == null ? void 0 : s(e.target.value),
-      IconComponent: (e) => /* @__PURE__ */ o(P, { ...e, width: 20, height: 20 }),
+      IconComponent: (e) => /* @__PURE__ */ t(P, { ...e, width: 20, height: 20 }),
       renderValue: () => g,
       children: [
-        /* @__PURE__ */ o(C, { sx: { p: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ o(
+        /* @__PURE__ */ t(C, { sx: { p: 1, position: "sticky", top: 0, bgcolor: "background.paper", zIndex: 1 }, children: /* @__PURE__ */ t(
           j,
           {
             size: "small",
             fullWidth: !0,
             placeholder: "Search country...",
             value: n,
-            onChange: (e) => b(e.target.value),
+            onChange: (e) => S(e.target.value),
             onClick: (e) => e.stopPropagation(),
             onKeyDown: (e) => e.stopPropagation()
           }
         ) }),
-        v.map((e) => {
-          const t = c(e);
-          return /* @__PURE__ */ l(k, { value: t[S], children: [
-            h ? null : /* @__PURE__ */ o(y, { iso2: t.iso2, style: { marginRight: 8, width: 24 } }),
-            /* @__PURE__ */ o(
+        b.map((e) => {
+          const o = c(e);
+          return /* @__PURE__ */ l(k, { value: o[v], children: [
+            h ? null : /* @__PURE__ */ t(y, { iso2: o.iso2, style: { marginRight: 8, width: 24 } }),
+            /* @__PURE__ */ t(
               a,
               {
                 sx: {
                   marginRight: 1
                 },
-                children: t.name
+                children: o.name
               }
             ),
             f ? null : /* @__PURE__ */ l(a, { color: "gray", children: [
               "(+",
-              t.dialCode,
+              o.dialCode,
               ")"
             ] })
-          ] }, t.iso2);
+          ] }, o.iso2);
         })
       ]
     }

package/lib/PhoneInput/index.js

@@ -1,17 +1,17 @@
 import { jsxs as $, jsx as m } from "react/jsx-runtime";
 import { useMemo as P, useState as F, useCallback as k } from "react";
 import { Box as I, Typography as A, TextField as L } from "@mui/material";
-import { parsePhoneNumber as w } from "awesome-phonenumber";
+import { parsePhoneNumber as v } from "awesome-phonenumber";
 import { defaultCountries as f, parseCountry as p, usePhoneInput as R } from "react-international-phone";
-import V from "./country-select.js";
-import { mergeSx as q } from "../Util/style.js";
+import V from "./country-select";
+import { mergeSx as q } from "../Util/style";
 function W(e, t, n = "") {
   var c, h;
   if (!e) return !1;
-  const r = e.replace(/[\s\-()]+/g, ""), u = n || v(t);
+  const r = e.replace(/[\s\-()]+/g, ""), u = n || B(t);
   if (g(u) === g(r))
     return !0;
-  const a = w(e, { regionCode: t }), d = (c = a.number) == null ? void 0 : c.input.replace(/[\s\-()]+/g, "");
+  const a = v(e, { regionCode: t }), d = (c = a.number) == null ? void 0 : c.input.replace(/[\s\-()]+/g, "");
   return a.valid && (a.type === "mobile" || a.type === "fixed-line-or-mobile") && d === ((h = a.number) == null ? void 0 : h.e164);
 }
 function x(e, t) {
@@ -23,22 +23,22 @@ function b(e, t) {
 function g(e) {
   return e.replace(/^\+/, "");
 }
-function B(e, t) {
+function w(e, t) {
   const n = f.find((r) => p(r).iso2 === e);
   if (n)
     return p(n)[t];
 }
-function v(e) {
-  return B(e, "dialCode") || "";
+function B(e) {
+  return w(e, "dialCode") || "";
 }
 function U(e) {
-  return B(e, "name") || "";
+  return w(e, "name") || "";
 }
 function X(e) {
   try {
     if (!e) return;
     if (e.startsWith("+")) {
-      const t = w(e);
+      const t = v(e);
       if (t.valid)
         return t.regionCode.toLowerCase();
       for (const n of f) {
@@ -59,7 +59,7 @@ function X(e) {
 }
 function Y({
   value: e = { country: "us", phone: "" },
-  onChange: t,
+  onChange: t = void 0,
   placeholder: n = "Enter phone number",
   countryDisplayOptions: r = {},
   preview: u = !1,
@@ -105,7 +105,7 @@ function Y({
     u || T(o);
   };
   if (u) {
-    const o = b(l, v(y)), i = l && W(o, y), s = a && i;
+    const o = b(l, B(y)), i = l && W(o, y), s = a && i;
     return /* @__PURE__ */ $(
       I,
       {
@@ -182,6 +182,6 @@ export {
   Y as default,
   X as detectCountryFromPhone,
   U as getCountryNameByCountry,
-  v as getDialCodeByCountry,
+  B as getDialCodeByCountry,
   W as validatePhoneNumber
 };

package/lib/PoweredByArcBlock/index.js

@@ -1,16 +1,20 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { Typography as n, Link as t } from "@mui/material";
-function a({ linkProps: e, showExtra: o, ...l }) {
+import { Typography as n, Link as o } from "@mui/material";
+function h({
+  linkProps: e = void 0,
+  showExtra: t = !1,
+  ...l
+}) {
   return /* @__PURE__ */ c(n, { ...l, children: [
     "Powered by",
     " ",
-    /* @__PURE__ */ r(t, { href: "https://www.arcblock.io", target: "_blank", ...e, children: "ArcBlock" }),
+    /* @__PURE__ */ r(o, { href: "https://www.arcblock.io", target: "_blank", ...e, children: "ArcBlock" }),
     "'s",
     " ",
-    /* @__PURE__ */ r(t, { href: "https://www.blocklet.io", target: "_blank", ...e, children: "Blocklet Technology" }),
-    o ? ", the decentralized web engine." : null
+    /* @__PURE__ */ r(o, { href: "https://www.blocklet.io", target: "_blank", ...e, children: "Blocklet Technology" }),
+    t ? ", the decentralized web engine." : null
   ] });
 }
 export {
-  a as default
+  h as default
 };

package/lib/PricingTable/PricingPlan.js

@@ -1,6 +1,6 @@
 import { jsxs as t, jsx as n } from "react/jsx-runtime";
 import { Card as a, CardContent as o, Typography as r, Button as c } from "@mui/material";
-import { styled as l } from "../Theme/index.js";
+import { styled as l } from "../Theme";
 function f({ plan: e }) {
   return /* @__PURE__ */ t(s, { $shadow: !0, children: [
     /* @__PURE__ */ n("div", { className: "card-header", children: /* @__PURE__ */ n("div", { className: "title", children: e.name }) }),

package/lib/PricingTable/index.js

@@ -1,8 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
 import { Grid as n } from "@mui/material";
-import a from "./PricingPlan.js";
-import { styled as m } from "../Theme/index.js";
-import { withDeprecated as o } from "../Util/deprecate.js";
+import a from "./PricingPlan";
+import { styled as m } from "../Theme";
+import { withDeprecated as o } from "../Util/deprecate";
 function d({ plans: i = [] }) {
   return i && i.length > 0 ? /* @__PURE__ */ e(f, { variant: "even", children: /* @__PURE__ */ e(
     n,

package/lib/QRCode/index.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { useRef as f, useMemo as m, useState as c, useEffect as p } from "react";
+import { useRef as f, useMemo as m, useState as c, useEffect as i } from "react";
 import a from "@solana/qr-code-styling";
 import { Box as l } from "@mui/material";
 const y = {
@@ -14,7 +14,7 @@ const y = {
     type: "dot"
   }
 };
-function C({ data: s, size: r, image: e, config: u = {}, ...i }) {
+function C({ data: s, size: r, image: e = void 0, config: u = {}, ...p }) {
   const o = f(null), n = m(() => ({
     ...y,
     data: s,
@@ -29,11 +29,11 @@ function C({ data: s, size: r, image: e, config: u = {}, ...i }) {
     },
     ...u
   }), [s, r, e, u]), [t] = c(new a(n));
-  return p(() => {
+  return i(() => {
     o.current && t.append(o.current);
-  }, [t, o]), p(() => {
+  }, [t, o]), i(() => {
     t && t.update(n);
-  }, [n, t]), /* @__PURE__ */ d(l, { ref: o, ...i });
+  }, [n, t]), /* @__PURE__ */ d(l, { ref: o, ...p });
 }
 export {
   C as default