@arcblock/ux 2.13.70 → 3.0.1

package/lib/PageScroller/story/PageContain.js

@@ -1,58 +1,56 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable jsx-a11y/control-has-associated-label */
-import { useState } from 'react';
-import Button from '../../Button';
-import PageScroller from '..';
-import FirstComponent from './FirstComponent';
-import SecondComponent from './SecondComponent';
-import ThirdComponent from './ThirdComponent';
-import FourthComponent from './FourthComponent';
-import FifthComponent from './FifthComponent';
-import './index.css';
-export default function FullPage() {
-  const [current, setCurrent] = useState(0);
-  const pageNumbers = [];
-  for (let i = 0; i < 5; i++) {
-    pageNumbers.push(/*#__PURE__*/_jsx(Button, {
-      variant: i === current ? 'contained' : 'outlined',
-      size: "small",
-      onClick: () => setCurrent(i),
-      color: i === current ? 'primary' : 'secondary',
-      children: i + 1
-    }, i));
-  }
-  const progress = current / (5 - 1) * 100;
-  return /*#__PURE__*/_jsxs("div", {
-    className: "demo-page-contain",
-    children: [/*#__PURE__*/_jsx("h3", {
-      className: "demo-page-contain__hint",
-      children: "You need to focus or hover page scroller to make scroll, keys or touch work"
-    }), /*#__PURE__*/_jsxs("div", {
-      style: {
-        width: 360,
-        height: 640,
-        position: 'relative'
-      },
-      children: [/*#__PURE__*/_jsxs(PageScroller, {
-        onChange: i => setCurrent(i),
-        width: 360,
-        height: 640,
-        customPageNumber: current,
-        children: [/*#__PURE__*/_jsx(FirstComponent, {}), /*#__PURE__*/_jsx(SecondComponent, {}), /*#__PURE__*/_jsx(ThirdComponent, {}), /*#__PURE__*/_jsx(FourthComponent, {}), /*#__PURE__*/_jsx(FifthComponent, {})]
-      }), /*#__PURE__*/_jsx("div", {
-        className: "progress",
-        role: "progressbar",
-        "aria-valuemin": "0",
-        "aria-valuemax": "100",
-        "aria-valuenow": progress,
-        "aria-valuetext": `Page Scroller Progress: ${progress}`,
-        style: {
-          width: `${progress}%`
+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          */
+function F() {
+  const [e, a] = s(0), n = [];
+  for (let o = 0; o < 5; o++)
+    n.push(
+      /* @__PURE__ */ r(
+        m,
+        {
+          variant: o === e ? "contained" : "outlined",
+          size: "small",
+          onClick: () => a(o),
+          color: o === e ? "primary" : "secondary",
+          children: o + 1
+        },
+        o
+      )
+    );
+  const t = e / 4 * 100;
+  return /* @__PURE__ */ i("div", { className: "demo-page-contain", children: [
+    /* @__PURE__ */ r("h3", { className: "demo-page-contain__hint", children: "You need to focus or hover page scroller to make scroll, keys or touch work" }),
+    /* @__PURE__ */ i("div", { style: { width: 360, height: 640, position: "relative" }, children: [
+      /* @__PURE__ */ i(l, { onChange: (o) => a(o), width: 360, height: 640, customPageNumber: e, children: [
+        /* @__PURE__ */ r(c, {}),
+        /* @__PURE__ */ r(p, {}),
+        /* @__PURE__ */ r(d, {}),
+        /* @__PURE__ */ r(h, {}),
+        /* @__PURE__ */ r(u, {})
+      ] }),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: "progress",
+          role: "progressbar",
+          "aria-valuemin": "0",
+          "aria-valuemax": "100",
+          "aria-valuenow": t,
+          "aria-valuetext": `Page Scroller Progress: ${t}`,
+          style: { width: `${t}%` }
         }
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      className: "pagination-additional-class",
-      children: pageNumbers
-    })]
-  });
-}
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: "pagination-additional-class", children: n })
+  ] });
+}
+export {
+  F as default
+};

package/lib/PageScroller/story/PageScroller.stories.d.ts

@@ -0,0 +1,13 @@
+export function _FullPage(): import("react/jsx-runtime").JSX.Element;
+export namespace _FullPage {
+    let storyName: string;
+}
+export function _PageContain(): import("react/jsx-runtime").JSX.Element;
+export namespace _PageContain {
+    let storyName_1: string;
+    export { storyName_1 as storyName };
+}
+declare namespace _default {
+    let title: string;
+}
+export default _default;

package/lib/PageScroller/story/SecondComponent.js

@@ -1,9 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function SecondComponent() {
-  return /*#__PURE__*/_jsx("div", {
-    className: "component second-component",
-    children: /*#__PURE__*/_jsx("h2", {
-      children: "Second Component"
-    })
-  });
-}
+import { jsx as n } from "react/jsx-runtime";
+function e() {
+  return /* @__PURE__ */ n("div", { className: "component second-component", children: /* @__PURE__ */ n("h2", { children: "Second Component" }) });
+}
+export {
+  e as default
+};

package/lib/PageScroller/story/ThirdComponent.js

@@ -1,9 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export default function ThirdComponent() {
-  return /*#__PURE__*/_jsx("div", {
-    className: "component third-component",
-    children: /*#__PURE__*/_jsx("h2", {
-      children: "Third Component"
-    })
-  });
-}
+import { jsx as n } from "react/jsx-runtime";
+function e() {
+  return /* @__PURE__ */ n("div", { className: "component third-component", children: /* @__PURE__ */ n("h2", { children: "Third Component" }) });
+}
+export {
+  e as default
+};

package/lib/PageScroller/usePrevValue.js

@@ -1,8 +1,10 @@
-import { useEffect, useRef } from 'react';
-export default function usePrevious(value) {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  }, [value]);
-  return ref.current;
-}
+import { useRef as t, useEffect as u } from "react";
+function o(e) {
+  const r = t(void 0);
+  return u(() => {
+    r.current = e;
+  }, [e]), r.current;
+}
+export {
+  o as default
+};

package/lib/Passport/index.d.ts

@@ -1,2 +1,2 @@
-import PassportItem from './passport';
+import { default as PassportItem } from './passport';
 export default PassportItem;

package/lib/Passport/index.js

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

package/lib/Passport/passport.d.ts

@@ -1,4 +1,4 @@
-import { type BoxProps } from '@mui/material';
+import { BoxProps } from '@mui/material';
 import { Passport as PassportType, User } from '../type';
 export interface PassportProps extends BoxProps {
     passport: PassportType;

package/lib/Passport/passport.js

@@ -1,105 +1,128 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import upperFirst from 'lodash/upperFirst';
-import { Box } from '@mui/material';
-import RevokeIcon from '@arcblock/icons/lib/RevokeIcon';
-import NFTDisplay from '../NFTDisplay';
-import { useLocaleContext } from '../Locale/context';
-export default function Passport({
-  passport,
-  user,
-  color,
-  width = 150,
-  icon = null,
-  createPassportSvg,
+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";
+function b({
+  passport: e,
+  user: m,
+  color: n,
+  width: t = 150,
+  icon: o = null,
+  createPassportSvg: s,
   // inherit props
-  children,
-  ...rest
+  children: d,
+  ...a
 }) {
-  const {
-    t
-  } = useLocaleContext();
-  return /*#__PURE__*/_jsxs(Box, {
-    ...rest,
-    sx: {
-      display: 'flex',
-      alignItems: 'center',
-      ...rest?.sx
-    },
-    children: [!!passport.display && /*#__PURE__*/_jsx(Box, {
-      className: "passport-item__display",
+  const { t: c } = y();
+  return /* @__PURE__ */ r(
+    i,
+    {
+      ...a,
       sx: {
-        width
+        display: "flex",
+        alignItems: "center",
+        ...a == null ? void 0 : a.sx
       },
-      children: /*#__PURE__*/_jsx(NFTDisplay, {
-        address: passport.id,
-        data: passport.display,
-        imageFilter: typeof width === 'number' ? {
-          imageFilter: 'resize',
-          w: width
-        } : null
-      })
-    }), !passport.display && /*#__PURE__*/_jsx(Box, {
-      className: "passport-item__display"
-      // eslint-disable-next-line react/no-danger
-      ,
-      dangerouslySetInnerHTML: {
-        __html: createPassportSvg({
-          title: passport.scope === 'kyc' ? passport.name : passport.title,
-          issuer: passport.issuer && passport.issuer.name,
-          issuerDid: passport.issuer && passport.issuer.id,
-          ownerName: user.fullName,
-          ownerDid: user.did,
-          ownerAvatarUrl: user.avatar,
-          revoked: passport.revoked,
-          scope: passport.scope,
-          role: passport.role,
-          display: passport.display,
-          preferredColor: color,
-          width
-        })
-      }
-    }), /*#__PURE__*/_jsxs(Box, {
-      className: "passport-item__body",
-      sx: {
-        p: 0,
-        ml: 3,
-        mt: 0
-      },
-      children: [/*#__PURE__*/_jsxs(Box, {
-        className: "passport-item__title",
-        sx: {
-          display: 'flex',
-          alignItems: 'center',
-          fontWeight: 400,
-          fontSize: '16px',
-          lineHeight: 1.1875,
-          color: '#222222'
-        },
-        children: [upperFirst(passport.title), /*#__PURE__*/_jsxs(Box, {
-          className: "passport-item__status-icon",
-          sx: {
-            svg: {
-              fill: '#bfbfbf',
-              height: '1.2em',
-              marginLeft: '0.4em'
+      children: [
+        !!e.display && /* @__PURE__ */ l(i, { className: "passport-item__display", sx: { width: t }, children: /* @__PURE__ */ l(
+          u,
+          {
+            address: e.id,
+            data: e.display,
+            imageFilter: typeof t == "number" ? { imageFilter: "resize", w: t } : null
+          }
+        ) }),
+        !e.display && /* @__PURE__ */ l(
+          i,
+          {
+            className: "passport-item__display",
+            dangerouslySetInnerHTML: {
+              __html: s({
+                title: e.scope === "kyc" ? e.name : e.title,
+                issuer: e.issuer && e.issuer.name,
+                issuerDid: e.issuer && e.issuer.id,
+                ownerName: m.fullName,
+                ownerDid: m.did,
+                ownerAvatarUrl: m.avatar,
+                revoked: e.revoked,
+                scope: e.scope,
+                role: e.role,
+                display: e.display,
+                preferredColor: n,
+                width: t
+              })
             }
-          },
-          children: [icon, passport.revoked && /*#__PURE__*/_jsx(RevokeIcon, {})]
-        })]
-      }), passport.expirationDate && /*#__PURE__*/_jsx(Box, {
-        className: "passport-item__title",
-        sx: {
-          display: 'flex',
-          alignItems: 'center',
-          fontWeight: 400,
-          fontSize: '16px',
-          lineHeight: 1.1875,
-          color: '#222222'
-        },
-        children: t('team.passport.validUntil', {
-          date: passport.expirationDate
-        })
-      }), children]
-    })]
-  });
-}
+          }
+        ),
+        /* @__PURE__ */ r(
+          i,
+          {
+            className: "passport-item__body",
+            sx: {
+              p: 0,
+              ml: 3,
+              mt: 0
+            },
+            children: [
+              /* @__PURE__ */ r(
+                i,
+                {
+                  className: "passport-item__title",
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    fontWeight: 400,
+                    fontSize: "16px",
+                    lineHeight: 1.1875,
+                    color: "#222222"
+                  },
+                  children: [
+                    f(e.title),
+                    /* @__PURE__ */ r(
+                      i,
+                      {
+                        className: "passport-item__status-icon",
+                        sx: {
+                          svg: {
+                            fill: "#bfbfbf",
+                            height: "1.2em",
+                            marginLeft: "0.4em"
+                          }
+                        },
+                        children: [
+                          o,
+                          e.revoked && /* @__PURE__ */ l(x, {})
+                        ]
+                      }
+                    )
+                  ]
+                }
+              ),
+              e.expirationDate && /* @__PURE__ */ l(
+                i,
+                {
+                  className: "passport-item__title",
+                  sx: {
+                    display: "flex",
+                    alignItems: "center",
+                    fontWeight: 400,
+                    fontSize: "16px",
+                    lineHeight: 1.1875,
+                    color: "#222222"
+                  },
+                  children: c("team.passport.validUntil", { date: e.expirationDate })
+                }
+              ),
+              d
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  b as default
+};

package/lib/PhoneInput/PhoneInput.stories.d.ts

@@ -0,0 +1,12 @@
+export { default as Basic } from './demo/basic';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;

package/lib/PhoneInput/country-select.d.ts

@@ -1,5 +1,5 @@
 import { SelectProps } from '@mui/material';
-import type { CountryIso2 } from 'react-international-phone';
+import { CountryIso2 } from 'react-international-phone';
 import { ParsedCountry } from 'react-international-phone/build/types';
 export interface CountryDisplayOptions {
     hideFlag?: boolean;
@@ -14,6 +14,6 @@ export interface CountrySelectProps<T extends keyof ParsedCountry = 'iso2'> exte
 }
 type CountrySelectComponent = <T extends keyof ParsedCountry = 'iso2'>(props: CountrySelectProps<T> & {
     ref?: React.ForwardedRef<HTMLDivElement>;
-}) => React.ReactElement;
+}) => React.ReactElement<any>;
 declare const CountrySelect: CountrySelectComponent;
 export default CountrySelect;