@arcblock/ux 2.13.70 → 3.0.1

package/lib/Alert/index.js

@@ -1,115 +1,66 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import Typography from '@mui/material/Typography';
-import { blueGrey } from '@mui/material/colors';
-import Icon from '../Icon';
-import { mergeProps } from '../Util';
-import colors from '../Colors';
-import { styled } from '../Theme';
-import { withDeprecated } from '../Util/deprecate';
-const types = {
+import { jsxs as k, jsx as c } from "react/jsx-runtime";
+import o from "prop-types";
+import { Typography as N } from "@mui/material";
+import { blueGrey as j } from "@mui/material/colors";
+import n from "lodash/isUndefined";
+import E from "../Icon/index.js";
+import { mergeProps as O } from "../Util/index.js";
+import t from "../Colors/themes/default.js";
+import { styled as w } from "../Theme/index.js";
+import { withDeprecated as $ } from "../Util/deprecate.js";
+const i = {
   error: {
-    icon: 'exclamation-circle',
-    color: colors.error.main,
-    borderColor: '#e35b54',
-    backgroundColor: 'rgba(227, 91, 84, 0.2)'
+    icon: "exclamation-circle",
+    color: t.error.main,
+    borderColor: "#e35b54",
+    backgroundColor: "rgba(227, 91, 84, 0.2)",
+    variant: "solid"
   },
   warning: {
-    icon: 'exclamation-triangle',
-    color: colors.warning.main,
-    borderColor: '#f7d040',
-    backgroundColor: 'rgba(247, 208, 64, 0.2)'
+    icon: "exclamation-triangle",
+    color: t.warning.main,
+    borderColor: "#f7d040",
+    backgroundColor: "rgba(247, 208, 64, 0.2)",
+    variant: "solid"
   },
   success: {
-    icon: 'check-circle',
-    color: colors.success.main,
-    borderColor: '#89ddd9',
-    backgroundColor: 'rgba(137, 221, 217, 0.2)'
+    icon: "check-circle",
+    color: t.success.main,
+    borderColor: "#89ddd9",
+    backgroundColor: "rgba(137, 221, 217, 0.2)"
   },
   tip: {
-    icon: 'info-circle',
-    color: colors.grey[500],
-    borderColor: '#222222',
-    backgroundColor: '#EEEEEE'
+    icon: "info-circle",
+    color: t.grey[500],
+    borderColor: "#222222",
+    backgroundColor: "#EEEEEE",
+    variant: "solid"
   }
 };
-
-/**
- * Alert notification component
- * @typedef {{
- *  type?: 'error' | 'warning' | 'success' | 'tip';
- *  children: any;
- *  className?: string;
- *  style?: object | string;
- *  variant?: 'border' | 'icon';
- * } & import('react').ComponentPropsWithoutRef<"div"> } AlertProps
- */
-
-/**
- * Alert notification component
- * @param {AlertProps} props
- * @returns {JSX.Element}
- */
-function Alert(props) {
-  /** @type {AlertProps} */
-  const newProps = mergeProps(props, Alert, ['style']);
-  const {
-    type,
-    children,
-    style,
-    className,
-    variant,
-    ...rest
-  } = newProps;
-  const {
-    icon,
-    color,
-    backgroundColor,
-    borderColor
-  } = types[type] || types.success;
-
-  /** @type {import('react').CSSProperties} */
-  const styles = Object.assign({
-    color: blueGrey[500],
-    backgroundColor: variant === 'border' ? backgroundColor : 'transparent',
-    borderLeft: variant === 'border' ? `5px solid ${borderColor}` : 'none'
-  }, style);
-  return /*#__PURE__*/_jsxs(Container, {
-    ...rest,
-    className: `alert alert--${type} alert--${variant} ${className}`.trim(),
-    style: styles,
-    children: [variant === 'icon' && /*#__PURE__*/_jsx(Icon, {
-      className: "alert-icon",
-      name: icon,
-      size: 24,
-      style: {
-        color
-      }
-    }), /*#__PURE__*/_jsx(Typography, {
-      component: "div",
-      className: "alert-content",
-      children: children
-    })]
-  });
+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(
+    {
+      color: j[500],
+      backgroundColor: e === "border" ? x : "transparent",
+      borderLeft: e === "border" ? `5px solid ${v}` : "none"
+    },
+    d
+  );
+  return /* @__PURE__ */ k(A, { ...b, className: `alert alert--${s} alert--${e} ${f}`.trim(), style: h, children: [
+    (e === "icon" || g) && /* @__PURE__ */ c(E, { className: "alert-icon", name: y, size: 24, color: u, variant: C }),
+    /* @__PURE__ */ c(N, { component: "div", className: "alert-content", children: p })
+  ] });
 }
-Alert.propTypes = {
-  type: PropTypes.oneOf(Object.keys(types)),
-  children: PropTypes.any.isRequired,
-  className: PropTypes.string,
-  style: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
-  variant: PropTypes.oneOf(['border', 'icon'])
+a.propTypes = {
+  type: o.oneOf(Object.keys(i)),
+  children: o.any.isRequired,
+  className: o.string,
+  style: o.oneOfType([o.object, o.string]),
+  variant: o.oneOf(["border", "icon"])
 };
-Alert.defaultProps = {
-  type: 'tip',
-  className: '',
-  style: '{}',
-  variant: 'border'
-};
-export default withDeprecated(Alert, {
-  name: 'Alert',
-  alternative: '@mui/material/Alert'
-});
-const Container = styled('div')`
+const V = $(a, { name: "Alert", alternative: "@mui/material/Alert" }), A = w("div")`
   display: flex;
   align-items: center;
   font-size: 16px;
@@ -130,4 +81,7 @@ const Container = styled('div')`
     display: flex;
     flex-direction: column;
   }
-`;
+`;
+export {
+  V as default
+};

package/lib/AnimationWaiter/AnimationWaiter.stories.d.ts

@@ -0,0 +1,21 @@
+import { default as AnimationWaiter } from '.';
+export { default as Basic } from './demo/basic';
+export { default as WithCustomMessages } from './demo/with-custom-messages';
+export { default as WithMoreMessages } from './demo/with-more-messages';
+export { default as Sizes } from './demo/sizes';
+export { default as WithTips } from './demo/with-tips';
+export { default as WithSpeed } from './demo/with-speed';
+export { default as WithMaybeDuration } from './demo/with-maybe-duration';
+declare namespace _default {
+    export let title: string;
+    export { AnimationWaiter as component };
+    export namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+        }
+    }
+    export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;