@arcblock/ux 2.13.70 → 3.0.1

package/lib/Earth/util.js

@@ -1,52 +1,43 @@
-/* eslint-disable */
-// Code from: https://observablehq.com/@d3/world-tour
-
-export default class Util {
-  static fromAngles([l, p, g]) {
-    l *= Math.PI / 360;
-    p *= Math.PI / 360;
-    g *= Math.PI / 360;
-    const sl = Math.sin(l);
-    const cl = Math.cos(l);
-    const sp = Math.sin(p);
-    const cp = Math.cos(p);
-    const sg = Math.sin(g);
-    const cg = Math.cos(g);
-    return [cl * cp * cg + sl * sp * sg, sl * cp * cg - cl * sp * sg, cl * sp * cg + sl * cp * sg, cl * cp * sg - sl * sp * cg];
+class l {
+  static fromAngles([o, a, n]) {
+    o *= Math.PI / 360, a *= Math.PI / 360, n *= Math.PI / 360;
+    const s = Math.sin(o), e = Math.cos(o), r = Math.sin(a), h = Math.cos(a), M = Math.sin(n), t = Math.cos(n);
+    return [
+      e * h * t + s * r * M,
+      s * h * t - e * r * M,
+      e * r * t + s * h * M,
+      e * h * M - s * r * t
+    ];
   }
-  static toAngles([a, b, c, d]) {
-    return [Math.atan2(2 * (a * b + c * d), 1 - 2 * (b * b + c * c)) * 180 / Math.PI, Math.asin(Math.max(-1, Math.min(1, 2 * (a * c - d * b)))) * 180 / Math.PI, Math.atan2(2 * (a * d + b * c), 1 - 2 * (c * c + d * d)) * 180 / Math.PI];
+  static toAngles([o, a, n, s]) {
+    return [
+      Math.atan2(2 * (o * a + n * s), 1 - 2 * (a * a + n * n)) * 180 / Math.PI,
+      Math.asin(Math.max(-1, Math.min(1, 2 * (o * n - s * a)))) * 180 / Math.PI,
+      Math.atan2(2 * (o * s + a * n), 1 - 2 * (n * n + s * s)) * 180 / Math.PI
+    ];
   }
-  static interpolateAngles(a, b) {
-    const i = Util.interpolate(Util.fromAngles(a), Util.fromAngles(b));
-    return t => Util.toAngles(i(t));
+  static interpolateAngles(o, a) {
+    const n = l.interpolate(l.fromAngles(o), l.fromAngles(a));
+    return (s) => l.toAngles(n(s));
   }
-  static interpolateLinear([a1, b1, c1, d1], [a2, b2, c2, d2]) {
-    a2 -= a1, b2 -= b1, c2 -= c1, d2 -= d1;
-    const x = new Array(4);
-    return t => {
-      const l = Math.hypot(x[0] = a1 + a2 * t, x[1] = b1 + b2 * t, x[2] = c1 + c2 * t, x[3] = d1 + d2 * t);
-      x[0] /= l, x[1] /= l, x[2] /= l, x[3] /= l;
-      return x;
+  static interpolateLinear([o, a, n, s], [e, r, h, M]) {
+    e -= o, r -= a, h -= n, M -= s;
+    const t = new Array(4);
+    return (c) => {
+      const i = Math.hypot(t[0] = o + e * c, t[1] = a + r * c, t[2] = n + h * c, t[3] = s + M * c);
+      return t[0] /= i, t[1] /= i, t[2] /= i, t[3] /= i, t;
     };
   }
-  static interpolate([a1, b1, c1, d1], [a2, b2, c2, d2]) {
-    let dot = a1 * a2 + b1 * b2 + c1 * c2 + d1 * d2;
-    if (dot < 0) a2 = -a2, b2 = -b2, c2 = -c2, d2 = -d2, dot = -dot;
-    if (dot > 0.9995) return Util.interpolateLinear([a1, b1, c1, d1], [a2, b2, c2, d2]);
-    const theta0 = Math.acos(Math.max(-1, Math.min(1, dot)));
-    const x = new Array(4);
-    const l = Math.hypot(a2 -= a1 * dot, b2 -= b1 * dot, c2 -= c1 * dot, d2 -= d1 * dot);
-    a2 /= l, b2 /= l, c2 /= l, d2 /= l;
-    return t => {
-      const theta = theta0 * t;
-      const s = Math.sin(theta);
-      const c = Math.cos(theta);
-      x[0] = a1 * c + a2 * s;
-      x[1] = b1 * c + b2 * s;
-      x[2] = c1 * c + c2 * s;
-      x[3] = d1 * c + d2 * s;
-      return x;
+  static interpolate([o, a, n, s], [e, r, h, M]) {
+    let t = o * e + a * r + n * h + s * M;
+    if (t < 0 && (e = -e, r = -r, h = -h, M = -M, t = -t), t > 0.9995) return l.interpolateLinear([o, a, n, s], [e, r, h, M]);
+    const c = Math.acos(Math.max(-1, Math.min(1, t))), i = new Array(4), u = Math.hypot(e -= o * t, r -= a * t, h -= n * t, M -= s * t);
+    return e /= u, r /= u, h /= u, M /= u, (f) => {
+      const m = c * f, p = Math.sin(m), A = Math.cos(m);
+      return i[0] = o * A + e * p, i[1] = a * A + r * p, i[2] = n * A + h * p, i[3] = s * A + M * p, i;
     };
   }
-}
+}
+export {
+  l as default
+};

package/lib/Empty/Empty.stories.d.ts

@@ -0,0 +1,17 @@
+import { default as Empty } from './index';
+import { default as Basic } from './demo/basic';
+import { default as CustomMessage } from './demo/custom-message';
+import { default as ComplexMessage } from './demo/complex-message';
+declare namespace _default {
+    export let title: string;
+    export { Empty as component };
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+}
+export default _default;
+export { Basic, CustomMessage, ComplexMessage };

package/lib/Empty/index.d.ts

@@ -1,3 +1,4 @@
+import { default as PropTypes } from 'prop-types';
 export default Empty;
 /**
  * Empty component to display empty state
@@ -5,8 +6,8 @@ export default Empty;
 export type EmptyProps = {
     color?: string;
     size?: number;
-    children?: import("react").ReactNode;
-} & import("react").ComponentPropsWithoutRef<"div">;
+    children?: import('react').ReactNode;
+} & import('react').ComponentPropsWithoutRef<"div">;
 /**
  * Empty component to display empty state
  * @typedef {{
@@ -27,13 +28,4 @@ declare namespace Empty {
         let size: PropTypes.Requireable<number>;
         let children: PropTypes.Requireable<any>;
     }
-    namespace defaultProps {
-        let color_1: string;
-        export { color_1 as color };
-        let size_1: number;
-        export { size_1 as size };
-        let children_1: null;
-        export { children_1 as children };
-    }
 }
-import PropTypes from 'prop-types';

package/lib/Empty/index.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import { Box } from '@mui/material';
-import EmptyIcon from '@arcblock/icons/lib/EmptyIcon';
-import { styled } from '../Theme';
-const Wrapper = styled(Box)`
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import t from "prop-types";
+import { Box as o } from "@mui/material";
+import c from "@arcblock/icons/lib/EmptyIcon";
+import { styled as s } from "../Theme/index.js";
+const l = s(o)`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -15,50 +15,17 @@ const Wrapper = styled(Box)`
     margin: 10px 0;
   }
 `;
-
-/**
- * Empty component to display empty state
- * @typedef {{
- *   color?: string;
- *   size?: number;
- *   children?: import('react').ReactNode;
- * } & import('react').ComponentPropsWithoutRef<"div"> } EmptyProps
- */
-
-/**
- * Empty state component
- * @param {EmptyProps} props
- * @returns {JSX.Element}
- */
-function Empty({
-  color,
-  size,
-  children,
-  ...rest
-}) {
-  return /*#__PURE__*/_jsxs(Wrapper, {
-    ...rest,
-    children: [/*#__PURE__*/_jsx(EmptyIcon, {
-      style: {
-        width: size,
-        height: size,
-        color
-      },
-      className: "empty-icon"
-    }), /*#__PURE__*/_jsx(Box, {
-      className: "empty-content",
-      children: children
-    })]
-  });
+function y({ color: i = "inherit", size: e = 36, children: n = null, ...m }) {
+  return /* @__PURE__ */ p(l, { ...m, children: [
+    /* @__PURE__ */ r(c, { style: { width: e, height: e, color: i }, className: "empty-icon" }),
+    /* @__PURE__ */ r(o, { className: "empty-content", children: n })
+  ] });
 }
-Empty.propTypes = {
-  color: PropTypes.string,
-  size: PropTypes.number,
-  children: PropTypes.any
+y.propTypes = {
+  color: t.string,
+  size: t.number,
+  children: t.any
 };
-Empty.defaultProps = {
-  color: 'inherit',
-  size: 36,
-  children: null
+export {
+  y as default
 };
-export default Empty;

package/lib/ErrorBoundary/ErrorBoundary.stories.d.ts

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

package/lib/ErrorBoundary/fallback.js

@@ -1,77 +1,60 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Alert, AlertTitle, Box, Typography } from '@mui/material';
-import { useRouteError } from 'react-router-dom';
-import Button from '../Button';
-function InternalErrorFallback({
-  title = 'Something went wrong...',
-  desc,
-  extraContent = null,
-  severity = 'error'
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { Alert as c, AlertTitle as s, Typography as u, Box as m } from "@mui/material";
+import { useRouteError as d } from "react-router-dom";
+import t from "../Button/index.js";
+function l({
+  title: r = "Something went wrong...",
+  desc: e,
+  extraContent: i = null,
+  severity: n = "error"
 }) {
-  const gotoHome = () => window.location.replace('/');
-  const refresh = () => window.location.reload();
-  return /*#__PURE__*/_jsxs(Alert, {
-    severity: severity,
-    variant: "outlined",
-    icon: false,
-    sx: {
-      justifyContent: 'center'
-    },
-    children: [title ? /*#__PURE__*/_jsx(AlertTitle, {
-      children: title
-    }) : null, desc ? /*#__PURE__*/_jsx(Typography, {
-      variant: "body2",
-      mb: 1,
-      children: desc
-    }) : null, extraContent ?? /*#__PURE__*/_jsxs(Box, {
+  return /* @__PURE__ */ a(
+    c,
+    {
+      severity: n,
+      variant: "outlined",
+      icon: !1,
       sx: {
-        display: 'flex',
-        gap: 1,
-        justifyContent: 'center',
-        alignItems: 'center'
+        justifyContent: "center"
       },
-      children: [/*#__PURE__*/_jsx(Button, {
-        variant: "outlined",
-        color: severity,
-        size: "small",
-        onClick: gotoHome,
-        children: "Home"
-      }), /*#__PURE__*/_jsx(Button, {
-        variant: "contained",
-        color: severity,
-        size: "small",
-        onClick: refresh,
-        children: "Refresh"
-      })]
-    })]
-  });
+      children: [
+        r ? /* @__PURE__ */ o(s, { children: r }) : null,
+        e ? /* @__PURE__ */ o(
+          u,
+          {
+            variant: "body2",
+            sx: {
+              mb: 1
+            },
+            children: e
+          }
+        ) : null,
+        i ?? /* @__PURE__ */ a(m, { sx: { display: "flex", gap: 1, justifyContent: "center", alignItems: "center" }, children: [
+          /* @__PURE__ */ o(t, { variant: "outlined", color: n, size: "small", onClick: () => window.location.replace("/"), children: "Home" }),
+          /* @__PURE__ */ o(t, { variant: "contained", color: n, size: "small", onClick: () => window.location.reload(), children: "Refresh" })
+        ] })
+      ]
+    }
+  );
 }
-export function ErrorFallback({
-  error
-}) {
-  return /*#__PURE__*/_jsx(InternalErrorFallback, {
-    desc: error.message
-  });
+function k({ error: r }) {
+  return /* @__PURE__ */ o(l, { desc: r.message });
 }
-export function ErrorFallbackRetry({
-  error,
-  resetErrorBoundary
-}) {
-  return /*#__PURE__*/_jsx(InternalErrorFallback, {
-    desc: error.message,
-    extraContent: /*#__PURE__*/_jsx(Button, {
-      variant: "contained",
-      color: "error",
-      size: "small",
-      onClick: resetErrorBoundary,
-      children: "Try again"
-    })
-  });
+function b({ error: r, resetErrorBoundary: e }) {
+  return /* @__PURE__ */ o(
+    l,
+    {
+      desc: r.message,
+      extraContent: /* @__PURE__ */ o(t, { variant: "contained", color: "error", size: "small", onClick: e, children: "Try again" })
+    }
+  );
+}
+function w() {
+  const r = d();
+  return /* @__PURE__ */ o(l, { title: "Current route occurred an error", desc: r.message });
 }
-export function ReactRouterErrorFallback() {
-  const error = useRouteError();
-  return /*#__PURE__*/_jsx(InternalErrorFallback, {
-    title: "Current route occurred an error",
-    desc: error.message
-  });
-}
+export {
+  k as ErrorFallback,
+  b as ErrorFallbackRetry,
+  w as ReactRouterErrorFallback
+};

package/lib/ErrorBoundary/index.js

@@ -1 +1,6 @@
-export * from './fallback';
+import { ErrorFallback as l, ErrorFallbackRetry as o, ReactRouterErrorFallback as c } from "./fallback.js";
+export {
+  l as ErrorFallback,
+  o as ErrorFallbackRetry,
+  c as ReactRouterErrorFallback
+};

package/lib/Footer/Footer.stories.d.ts

@@ -0,0 +1,12 @@
+export { default as Basic } from './demo/basic';
+export { default as DarkMode } from './demo/dark-mode';
+export { default as CustomCopyStart } from './demo/custom-copy-start';
+export { default as CustomBrand } from './demo/custom-brand';
+export { default as Addon } from './demo/addon';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        let layout: string;
+    }
+}
+export default _default;

package/lib/Footer/index.d.ts

@@ -6,15 +6,4 @@ export interface FooterProps {
     style?: React.CSSProperties;
     addon?: React.ReactNode;
 }
-declare function Footer(props: FooterProps): import("react/jsx-runtime").JSX.Element;
-declare namespace Footer {
-    var defaultProps: {
-        dark: boolean;
-        className: string;
-        copyStart: string;
-        brand: string;
-        style: {};
-        addon: null;
-    };
-}
-export default Footer;
+export default function Footer(props: FooterProps): import("react/jsx-runtime").JSX.Element;

package/lib/Footer/index.js

@@ -1,108 +1,58 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable react/no-unused-prop-types */
-import Typography from '@mui/material/Typography';
-import MuiContainer from '@mui/material/Container';
-import Box from '@mui/material/Box';
-import { mergeProps } from '../Util';
-import Logo from '../Logo';
-import { styled } from '../Theme';
-export default function Footer(props) {
-  const newProps = mergeProps(props, Footer, ['dark', 'style']);
-  const {
-    className,
-    copyStart,
-    style,
-    brand,
-    dark,
-    addon
-  } = newProps;
-  const endYearString = `${new Date().getFullYear()}`;
-  const copyStartString = `${copyStart}`;
-  const copyYear = endYearString === copyStartString ? endYearString : `${copyStartString}-${endYearString}`;
-  return /*#__PURE__*/_jsxs(Container, {
-    className: className,
-    style: style,
-    dark: dark,
-    children: [/*#__PURE__*/_jsx(MuiContainer, {
-      maxWidth: false,
-      children: /*#__PURE__*/_jsxs(Typography, {
-        component: "div",
-        className: "footer",
-        children: [/*#__PURE__*/_jsxs(Typography, {
-          component: "p",
-          className: "footer-item",
-          children: [/*#__PURE__*/_jsxs("span", {
-            className: "footer-copy",
-            children: ["Copyright \xA9 ", copyYear, " "]
-          }), /*#__PURE__*/_jsx("span", {
-            className: "footer-brand",
-            children: brand
-          })]
-        }), addon && /*#__PURE__*/_jsx(Typography, {
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { Container as h, Typography as r, Box as g } from "@mui/material";
+import { mergeProps as w } from "../Util/index.js";
+import y from "../Logo/index.js";
+import { styled as b } from "../Theme/index.js";
+function u(e) {
+  var s;
+  const p = w(e, u, ["dark", "style"]), { className: d = "", copyStart: m = "2017", style: c = {}, brand: x = "ArcBlock", dark: n = !1, addon: a = null } = p, i = `${(/* @__PURE__ */ new Date()).getFullYear()}`, l = `${m}`, f = i === l ? i : `${l}-${i}`;
+  return /* @__PURE__ */ o(k, { className: d, style: c, dark: n, children: [
+    /* @__PURE__ */ t(h, { maxWidth: !1, children: /* @__PURE__ */ o(r, { component: "div", className: "footer", children: [
+      /* @__PURE__ */ o(r, { component: "p", className: "footer-item", children: [
+        /* @__PURE__ */ o("span", { className: "footer-copy", children: [
+          "Copyright © ",
+          f,
+          " "
+        ] }),
+        /* @__PURE__ */ t("span", { className: "footer-brand", children: x })
+      ] }),
+      a && /* @__PURE__ */ t(
+        r,
+        {
           component: "div",
           className: "footer-item",
-          sx: {
-            order: {
-              xs: '-1',
-              md: 'initial'
-            },
-            ml: {
-              xs: 0,
-              md: 'auto'
-            },
-            width: {
-              xs: '100%',
-              md: 'auto'
-            }
-          },
-          children: addon
-        }), /*#__PURE__*/_jsxs(Typography, {
-          component: "p",
-          className: "footer-item",
-          style: {
-            justifyContent: 'flex-end',
-            flexShrink: 0
-          },
-          children: ["Powered by", /*#__PURE__*/_jsx(Logo, {
-            mode: dark ? 'light' : 'dark',
-            layout: "horizontal",
-            className: "logo-container"
-          })]
-        })]
-      })
-    }), /*#__PURE__*/_jsx(Box, {
-      position: "absolute",
-      right: 16,
-      bottom: 0,
-      fontSize: 12,
-      sx: {
-        color: 'transparent',
-        '::selection': {
-          background: '#000',
-          color: '#fff'
+          sx: { order: { xs: "-1", md: "initial" }, ml: { xs: 0, md: "auto" }, width: { xs: "100%", md: "auto" } },
+          children: a
         }
-      },
-      children: window?.blocklet?.version
-    })]
-  });
+      ),
+      /* @__PURE__ */ o(r, { component: "p", className: "footer-item", style: { justifyContent: "flex-end", flexShrink: 0 }, children: [
+        "Powered by",
+        /* @__PURE__ */ t(y, { mode: n ? "light" : "dark", layout: "horizontal", className: "logo-container" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ t(
+      g,
+      {
+        sx: {
+          position: "absolute",
+          right: 16,
+          bottom: 0,
+          fontSize: 12,
+          color: "transparent",
+          "::selection": { background: "#000", color: "#fff" }
+        },
+        children: (s = window == null ? void 0 : window.blocklet) == null ? void 0 : s.version
+      }
+    )
+  ] });
 }
-Footer.defaultProps = {
-  dark: false,
-  className: '',
-  copyStart: '2017',
-  brand: 'ArcBlock',
-  style: {},
-  addon: null
-};
-const Container = styled('div', {
-  shouldForwardProp: prop => prop !== 'dark'
+const k = b("div", {
+  shouldForwardProp: (e) => e !== "dark"
 })`
   position: relative;
-  margin-top: ${({
-  theme
-}) => theme.spacing(2)};
+  margin-top: ${({ theme: e }) => e.spacing(2)};
   padding: 24px 0 32px;
-  border-top: 1px solid ${props => props.theme.palette.divider};
+  border-top: 1px solid ${(e) => e.theme.palette.divider};
   box-sizing: border-box;
   width: 100%;
 
@@ -117,7 +67,7 @@ const Container = styled('div', {
     flex-wrap: wrap;
 
     .footer-item {
-      color: ${props => props.theme.palette.text.hint};
+      color: ${(e) => e.theme.palette.text.hint};
       display: flex;
       align-items: center;
       flex-wrap: wrap;
@@ -158,4 +108,7 @@ const Container = styled('div', {
       }
     }
   }
-`;
+`;
+export {
+  u as default
+};

package/lib/Header/Header.stories.d.ts

@@ -0,0 +1,21 @@
+import { default as Basic } from './demo/basic';
+import { default as WithNavigation } from './demo/with-navigation';
+import { default as WithNavigationAlignRight } from './demo/with-navigation-align-right';
+import { default as ResponsiveHeader } from './demo/responsive-header';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        let layout: string;
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+        namespace design {
+            let type: string;
+            let url: string;
+        }
+    }
+}
+export default _default;
+export { Basic, WithNavigation, WithNavigationAlignRight, ResponsiveHeader };

package/lib/Header/addon-button.js

@@ -1,33 +1,26 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '@mui/material';
-// eslint-disable-next-line import/prefer-default-export
-export function AddonButton({
-  icon,
-  children,
-  sx,
-  ...rest
-}) {
-  const mergedSx = [{
-    height: 32,
-    minWidth: 32,
-    borderColor: 'divider',
-    borderRadius: '100vh',
-    fontSize: 14,
-    color: 'text.secondary',
-    ...(!children && {
-      padding: 0,
+import { jsx as e } from "react/jsx-runtime";
+import { Button as d } from "@mui/material";
+function m({ icon: o, children: t, sx: r, ...i }) {
+  const n = [
+    {
       height: 32,
-      '.MuiButton-startIcon': {
-        margin: 0
+      minWidth: 32,
+      borderColor: "divider",
+      borderRadius: "100vh",
+      fontSize: 14,
+      color: "text.secondary",
+      ...!t && {
+        padding: 0,
+        height: 32,
+        ".MuiButton-startIcon": {
+          margin: 0
+        }
       }
-    })
-  }, ...(Array.isArray(sx) ? sx : [sx])];
-  return /*#__PURE__*/_jsx(Button, {
-    startIcon: icon,
-    color: "inherit",
-    variant: "outlined",
-    sx: mergedSx,
-    ...rest,
-    children: children
-  });
-}
+    },
+    ...Array.isArray(r) ? r : [r]
+  ];
+  return /* @__PURE__ */ e(d, { startIcon: o, color: "inherit", variant: "outlined", sx: n, ...i, children: t });
+}
+export {
+  m as AddonButton
+};