@arcblock/ux 2.13.70 → 3.0.0

package/lib/Config/config-provider.js

@@ -1,50 +1,56 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { LocaleProvider, useLocaleContext } from '../Locale/context';
-import ThemeProvider, { useColorScheme } from '../Theme/theme-provider';
-import { useTheme } from '../Theme';
-/**
- * 集中化配置
- */
-export function ConfigProvider({
-  children,
+import { jsx as t } from "react/jsx-runtime";
+import { LocaleProvider as p, useLocaleContext as C } from "../Locale/context.js";
+import x, { useColorScheme as a } from "../Theme/theme-provider.js";
+import { useTheme as d } from "@mui/material";
+import "../Theme/theme.js";
+function T({
+  children: o,
   // theme provider
-  theme,
-  injectFirst,
-  darkSchemeClass,
-  prefer,
-  disableBlockletTheme = false,
-  enableColorScheme,
+  theme: e,
+  injectFirst: r,
+  darkSchemeClass: m,
+  prefer: i,
+  disableBlockletTheme: n = !1,
+  enableColorScheme: c,
   // locale provider
-  locale,
-  fallbackLocale,
-  translations = {},
-  languages,
-  onLoadingTranslation
+  locale: f,
+  fallbackLocale: s,
+  translations: l = {},
+  languages: u,
+  onLoadingTranslation: h
 }) {
-  return /*#__PURE__*/_jsx(ThemeProvider, {
-    theme: theme,
-    injectFirst: injectFirst,
-    darkSchemeClass: darkSchemeClass,
-    prefer: prefer,
-    disableBlockletTheme: disableBlockletTheme,
-    enableColorScheme: enableColorScheme,
-    children: /*#__PURE__*/_jsx(LocaleProvider, {
-      locale: locale,
-      fallbackLocale: fallbackLocale,
-      translations: translations,
-      onLoadingTranslation: onLoadingTranslation,
-      languages: languages,
-      children: children
-    })
-  });
+  return /* @__PURE__ */ t(
+    x,
+    {
+      theme: e,
+      injectFirst: r,
+      darkSchemeClass: m,
+      prefer: i,
+      disableBlockletTheme: n,
+      enableColorScheme: c,
+      children: /* @__PURE__ */ t(
+        p,
+        {
+          locale: f,
+          fallbackLocale: s,
+          translations: l,
+          onLoadingTranslation: h,
+          languages: u,
+          children: o
+        }
+      )
+    }
+  );
 }
-export function useConfig() {
-  const theme = useTheme();
-  const localeCtx = useLocaleContext();
-  const colorSchemeCtx = useColorScheme();
+function j() {
+  const o = d(), e = C(), r = a();
   return {
-    theme,
-    ...localeCtx,
-    ...colorSchemeCtx
+    theme: o,
+    ...e,
+    ...r
   };
-}
+}
+export {
+  T as ConfigProvider,
+  j as useConfig
+};

package/lib/Config/index.js

@@ -1,2 +1,7 @@
-export * from './config-provider';
-export { default as ThemeModeToggle } from './theme-mode-toggle';
+import { ConfigProvider as r, useConfig as f } from "./config-provider.js";
+import { default as d } from "./theme-mode-toggle.js";
+export {
+  r as ConfigProvider,
+  d as ThemeModeToggle,
+  f as useConfig
+};

package/lib/Config/theme-mode-toggle.js

@@ -1,27 +1,12 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconButton } from '@mui/material';
-import LightModeOutlinedIcon from '@mui/icons-material/LightModeOutlined';
-import Brightness2OutlinedIcon from '@mui/icons-material/Brightness2Outlined';
-import { useColorScheme } from '../Theme/theme-provider';
-export default function ThemeModeToggle() {
-  const {
-    mode,
-    toggleMode,
-    prefer
-  } = useColorScheme();
-  if (!toggleMode) {
-    if (process.env.NODE_ENV !== 'production') {
-      console.warn('Please ensure the component is wrapped with ConfigProvider context');
-    }
-    return null;
-  }
-
-  // 跟随系统才显示切换
-  if (prefer === 'system' || window.blocklet?.theme?.prefer === 'system') {
-    return /*#__PURE__*/_jsx(IconButton, {
-      onClick: toggleMode,
-      children: mode === 'light' ? /*#__PURE__*/_jsx(Brightness2OutlinedIcon, {}) : /*#__PURE__*/_jsx(LightModeOutlinedIcon, {})
-    });
-  }
-  return null;
-}
+import { jsx as e } from "react/jsx-runtime";
+import { IconButton as l } from "@mui/material";
+import { Brightness2Outlined as s, LightModeOutlined as m } from "@mui/icons-material";
+import { useColorScheme as u } from "../Theme/theme-provider.js";
+function h() {
+  var r, t;
+  const { mode: n, toggleMode: o, prefer: i } = u();
+  return o ? i === "system" || ((t = (r = window.blocklet) == null ? void 0 : r.theme) == null ? void 0 : t.prefer) === "system" ? /* @__PURE__ */ e(l, { onClick: o, children: n === "light" ? /* @__PURE__ */ e(s, {}) : /* @__PURE__ */ e(m, {}) }) : null : (process.env.NODE_ENV !== "production" && console.warn("Please ensure the component is wrapped with ConfigProvider context"), null);
+}
+export {
+  h as default
+};

package/lib/ContactForm/ContactForm.stories.d.ts

@@ -0,0 +1,23 @@
+export function VerticalLayout(): import("react/jsx-runtime").JSX.Element;
+export namespace VerticalLayout {
+    let storyName: string;
+}
+export function HorizontalLayout(): import("react/jsx-runtime").JSX.Element;
+export namespace HorizontalLayout {
+    let storyName_1: string;
+    export { storyName_1 as storyName };
+}
+export function WithoutTitle(): import("react/jsx-runtime").JSX.Element;
+export namespace WithoutTitle {
+    let storyName_2: string;
+    export { storyName_2 as storyName };
+}
+export function CustomizeFields(): import("react/jsx-runtime").JSX.Element;
+export namespace CustomizeFields {
+    let storyName_3: string;
+    export { storyName_3 as storyName };
+}
+declare namespace _default {
+    let title: string;
+}
+export default _default;

package/lib/ContactForm/index.d.ts

@@ -1,9 +1,10 @@
-import React from 'react';
+import { default as React } from 'react';
 export declare function submitContactForm({ formId, portalId }: {
     formId: string;
     portalId: string;
 }, fields: Record<string, string>, context: Record<string, string>): Promise<any>;
 export interface ContactFormProps extends React.HTMLAttributes<HTMLFormElement> {
+    className?: string;
     portalId?: string;
     formId?: string;
     title?: string;

package/lib/ContactForm/index.js

@@ -1,178 +1,147 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/* eslint-disable react/no-unused-prop-types */
-/* eslint-disable react/static-property-placement */
-import React from 'react';
-import axios from 'axios';
-import Typography from '@mui/material/Typography';
-import CircularProgress from '@mui/material/CircularProgress';
-import { mergeProps } from '../Util';
-import { warn as deprecatedWarn } from '../Util/deprecate';
-import Button from '../Button';
-import { styled } from '../Theme';
-export function submitContactForm({
-  formId,
-  portalId
-}, fields, context) {
-  const url = `https://api.hsforms.com/submissions/v3/integration/submit/${portalId}/${formId}`;
-  return axios.post(url, {
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import f from "react";
+import g from "axios";
+import { Typography as m, CircularProgress as b } from "@mui/material";
+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, {
     submittedAt: Date.now(),
-    fields: Object.keys(fields).map(x => ({
-      name: x.replace(/\s+/, '').toLowerCase(),
-      value: fields[x]
+    fields: Object.keys(s).map((i) => ({
+      name: i.replace(/\s+/, "").toLowerCase(),
+      value: s[i]
     })),
-    context,
-    skipValidation: false
-  }).then(res => res.data.inlineMessage).catch(res => res.data ? res.data.message : 'Form Submit Failed');
+    context: a,
+    skipValidation: !1
+  }).then((i) => i.data.inlineMessage).catch((i) => i.data ? i.data.message : "Form Submit Failed");
 }
-export default class ContactForm extends React.Component {
-  constructor(props) {
-    super(props);
-    _defineProperty(this, "fields", void 0);
-    _defineProperty(this, "onSubmit", async e => {
-      e.preventDefault();
-      this.setState({
-        loading: true
-      });
+const l = class l extends f.Component {
+  constructor(e) {
+    super(e), this.onSubmit = async (s) => {
+      s.preventDefault(), this.setState({ loading: !0 });
       try {
-        const message = await submitContactForm({
-          formId: this.props.formId,
-          portalId: this.props.portalId
-        }, this.fields.reduce((obj, x) => {
-          obj[x] = this.state[x];
-          return obj;
-        }, {}), {
-          pageUri: window.location.href,
-          pageName: document.title
-        });
+        const a = await S(
+          { formId: this.props.formId, portalId: this.props.portalId },
+          this.fields.reduce((o, i) => (o[i] = this.state[i], o), {}),
+          {
+            pageUri: window.location.href,
+            pageName: document.title
+          }
+        );
         this.setState({
-          loading: false,
-          successMessage: message || this.props.successMessage
+          loading: !1,
+          successMessage: a || this.props.successMessage
         });
-      } catch (err) {
+      } catch (a) {
         this.setState({
-          loading: false,
-          errorMessage: err ? err.message : 'Form submit failed'
+          loading: !1,
+          errorMessage: a ? a.message : "Form submit failed"
         });
       }
-    });
-    _defineProperty(this, "getInputHandler", (name, state = {}) => e => {
-      this.setState(Object.assign(state, {
-        [name]: e.target.value
-      }));
-    });
-    if (typeof props.fields === 'string') {
-      this.fields = props.fields.split(',').map(x => x.trim());
-    } else {
-      this.fields = props.fields;
-    }
-    this.state = {
-      loading: false,
-      errorMessage: '',
-      successMessage: ''
-    };
-    this.fields.forEach(x => {
-      // @ts-ignore
-      this.state[x] = '';
-    });
-    deprecatedWarn('ContactForm');
+    }, this.getInputHandler = (s, a = {}) => (o) => {
+      this.setState(
+        Object.assign(a, {
+          [s]: o.target.value
+        })
+      );
+    }, typeof e.fields == "string" ? this.fields = e.fields.split(",").map((s) => s.trim()) : this.fields = e.fields, this.state = {
+      loading: !1,
+      errorMessage: "",
+      successMessage: ""
+    }, this.fields.forEach((s) => {
+      this.state[s] = "";
+    }), x("ContactForm");
   }
   deriveProps() {
-    const newProps = mergeProps(this.props, ContactForm);
-    if (typeof newProps.title === 'undefined') {
-      newProps.title = 'Signup for our news letter';
-    }
-    if (!newProps.button) {
-      newProps.button = 'Subscribe';
-    }
-    return newProps;
+    const e = y(this.props, l);
+    return typeof e.title > "u" && (e.title = "Signup for our news letter"), e.button || (e.button = "Subscribe"), e;
   }
   render() {
-    const {
-      className,
-      style,
-      title,
-      button,
-      layout
-    } = this.deriveProps();
-    const {
-      loading,
-      errorMessage,
-      successMessage
-    } = this.state;
-    return /*#__PURE__*/_jsxs(Form, {
-      onSubmit: this.onSubmit,
-      className: className,
-      style: style,
-      layout: layout,
-      fieldCount: this.fields.length,
-      name: "subscribe",
-      children: [!!title && /*#__PURE__*/_jsx(Typography, {
-        component: "p",
-        className: "title",
-        children: title
-      }), /*#__PURE__*/_jsxs("div", {
-        className: "form-controls",
-        children: [this.fields.map(x => /*#__PURE__*/_jsx("input", {
-          required: true,
-          type: "text",
-          value: this.state[x],
-          onChange: this.getInputHandler(x),
-          className: "input",
-          placeholder: x
-        }, x)), /*#__PURE__*/_jsx(Button, {
-          variant: "outlined",
-          type: "submit",
-          color: "inherit",
-          size: "large",
-          disabled: loading,
-          className: "subscribe-btn-empty",
-          children: loading ? /*#__PURE__*/_jsx(CircularProgress, {
-            size: 28
-          }) : button
-        })]
-      }), !!errorMessage && /*#__PURE__*/_jsx(Typography, {
-        component: "p",
-        variant: "body1",
-        className: "error",
-        color: "secondary",
-        dangerouslySetInnerHTML: {
-          __html: errorMessage
-        }
-      }), !!successMessage && /*#__PURE__*/_jsx(Typography, {
-        component: "p",
-        variant: "body1",
-        className: "success",
-        color: "primary",
-        dangerouslySetInnerHTML: {
-          __html: successMessage
-        }
-      })]
-    });
+    const { className: e, style: s, title: a, button: o, layout: i } = this.deriveProps(), { loading: c, errorMessage: u, successMessage: p } = this.state;
+    return /* @__PURE__ */ d(
+      I,
+      {
+        onSubmit: this.onSubmit,
+        className: e,
+        style: s,
+        layout: i,
+        fieldCount: this.fields.length,
+        name: "subscribe",
+        children: [
+          !!a && /* @__PURE__ */ r(m, { component: "p", className: "title", children: a }),
+          /* @__PURE__ */ d("div", { className: "form-controls", children: [
+            this.fields.map((n) => /* @__PURE__ */ r(
+              "input",
+              {
+                required: !0,
+                type: "text",
+                value: this.state[n],
+                onChange: this.getInputHandler(n),
+                className: "input",
+                placeholder: n
+              },
+              n
+            )),
+            /* @__PURE__ */ r(
+              v,
+              {
+                variant: "outlined",
+                type: "submit",
+                color: "inherit",
+                size: "large",
+                disabled: c,
+                className: "subscribe-btn-empty",
+                children: c ? /* @__PURE__ */ r(b, { size: 28 }) : o
+              }
+            )
+          ] }),
+          !!u && /* @__PURE__ */ r(
+            m,
+            {
+              component: "p",
+              variant: "body1",
+              className: "error",
+              color: "secondary",
+              dangerouslySetInnerHTML: { __html: u }
+            }
+          ),
+          !!p && /* @__PURE__ */ r(
+            m,
+            {
+              component: "p",
+              variant: "body1",
+              className: "success",
+              color: "primary",
+              dangerouslySetInnerHTML: { __html: p }
+            }
+          )
+        ]
+      }
+    );
   }
-}
-_defineProperty(ContactForm, "defaultProps", {
-  className: '',
-  portalId: '4796488',
-  formId: '929a510f-34f4-4251-98b3-34175200aebd',
-  title: undefined,
-  button: '',
-  layout: 'vertical',
-  successMessage: 'Form Submit Success',
-  fields: ['Email', 'First Name', 'Last Name']
-});
-// prettier-ignore
-const getInputWidth = props => props.layout === 'vertical' ? '100%' : `${Math.max(95 / (props.fieldCount + 1), 20)}%`;
-const Form = styled('form', {
-  shouldForwardProp: prop => prop !== 'layout' && prop !== 'fieldCount'
+};
+l.defaultProps = {
+  className: "",
+  portalId: "4796488",
+  formId: "929a510f-34f4-4251-98b3-34175200aebd",
+  title: void 0,
+  button: "",
+  layout: "vertical",
+  successMessage: "Form Submit Success",
+  fields: ["Email", "First Name", "Last Name"]
+};
+let h = l;
+const M = (t) => t.layout === "vertical" ? "100%" : `${Math.max(95 / (t.fieldCount + 1), 20)}%`, I = w("form", {
+  shouldForwardProp: (t) => t !== "layout" && t !== "fieldCount"
 })`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+  @media (max-width: ${(t) => t.theme.breakpoints.values.sm}px) {
     width: 100% !important;
   }
   max-width: 800px;
@@ -181,24 +150,24 @@ const Form = styled('form', {
   .title {
     font-size: 30px;
     text-align: center;
-    color: ${props => props.theme.typography.color.main};
+    color: ${(t) => t.theme.typography.color.main};
   }
 
   .form-controls {
     width: 100%;
-    flex-direction: ${props => props.layout === 'vertical' ? 'column' : 'row'};
+    flex-direction: ${(t) => t.layout === "vertical" ? "column" : "row"};
     justify-content: space-between;
     align-items: center;
 
     .input {
-      width: ${props => getInputWidth(props)};
+      width: ${(t) => M(t)};
       height: 50px;
       border: none;
-      border-bottom: 1px solid ${props => props.theme.typography.color.main};
+      border-bottom: 1px solid ${(t) => t.theme.typography.color.main};
       font-size: 16px;
       letter-spacing: 1.8px;
       outline: none;
-      margin: ${props => props.layout === 'vertical' ? '12px 0' : '12px'};
+      margin: ${(t) => t.layout === "vertical" ? "12px 0" : "12px"};
       background: transparent;
 
       &:first-of-type {
@@ -207,8 +176,8 @@ const Form = styled('form', {
     }
 
     .subscribe-btn-empty {
-      margin-top: ${props => props.layout === 'vertical' ? '40px' : '0'};
-      width: ${props => props.layout === 'vertical' ? '100%' : 'auto'};
+      margin-top: ${(t) => t.layout === "vertical" ? "40px" : "0"};
+      width: ${(t) => t.layout === "vertical" ? "100%" : "auto"};
     }
   }
 
@@ -216,4 +185,8 @@ const Form = styled('form', {
   .success {
     margin-top: 20px;
   }
-`;
+`;
+export {
+  h as default,
+  S as submitContactForm
+};

package/lib/CookieConsent/CookieConsent.stories.d.ts

@@ -0,0 +1,18 @@
+export { default as Basic } from './demo/basic';
+export { default as CustomButtonText } from './demo/custom-button-text';
+export { default as CustomStyles } from './demo/custom-styles';
+export { default as I18N } from './demo/i18n';
+declare namespace _default {
+    let title: string;
+    namespace parameters {
+        namespace docs {
+            namespace description {
+                let component: string;
+            }
+            let inlineStories: boolean;
+            let iframeHeight: number;
+        }
+    }
+    let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+}
+export default _default;

package/lib/CookieConsent/index.d.ts

@@ -1,5 +1,5 @@
-import CookieConsent, { resetCookieConsentValue } from 'react-cookie-consent';
-import type { Locale } from '../type';
+import { default as CookieConsent, resetCookieConsentValue } from 'react-cookie-consent';
+import { Locale } from '../type';
 export { resetCookieConsentValue };
 export interface CookieConsentProps extends React.ComponentProps<typeof CookieConsent> {
     locale?: Locale;