@blocklet/launcher-layout 2.13.69 → 3.0.0

package/lib/theme-provider.js

@@ -1,41 +1,24 @@
-import { createContext, useEffect, useState, useContext } from 'react';
-import PropTypes from 'prop-types';
-import { ThemeProvider as EmotionThemeProvider } from '@emotion/react';
-import { ThemeProvider as UxThemeProvider, create } from '@arcblock/ux/lib/Theme';
-import { jsx as _jsx } from "react/jsx-runtime";
-const defaultTheme = create({});
-const ThemeContext = /*#__PURE__*/createContext({});
-export default function ThemeProvider({
-  children,
-  theme: _theme
-} = {}) {
-  const [theme, setTheme] = useState(defaultTheme);
-  useEffect(() => {
-    if (_theme && typeof _theme === 'object') setTheme(_theme);
-  }, [_theme]);
-  if (theme) {
-    return /*#__PURE__*/_jsx(ThemeContext.Provider, {
-      value: theme,
-      children: /*#__PURE__*/_jsx(ThemeContext.Consumer, {
-        children: themeValue => {
-          return /*#__PURE__*/_jsx(UxThemeProvider, {
-            theme: themeValue,
-            children: /*#__PURE__*/_jsx(EmotionThemeProvider, {
-              theme: themeValue,
-              children: children
-            })
-          });
-        }
-      })
-    });
-  }
-  return children;
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as u, useState as f, useEffect as c, use as h } from "react";
+import n from "prop-types";
+import { ThemeProvider as d } from "@emotion/react";
+import { create as p, ThemeProvider as T } from "@arcblock/ux/lib/Theme";
+const a = p({}), t = u({});
+function v({ children: o, theme: e } = {}) {
+  const [i, s] = f(a);
+  return c(() => {
+    e && typeof e == "object" && s(e);
+  }, [e]), i ? /* @__PURE__ */ r(t, { value: i, children: /* @__PURE__ */ r(t.Consumer, { children: (m) => /* @__PURE__ */ r(T, { theme: m, children: /* @__PURE__ */ r(d, { theme: m, children: o }) }) }) }) : o;
 }
-ThemeProvider.propTypes = {
-  children: PropTypes.any.isRequired,
-  theme: PropTypes.object.isRequired
+v.propTypes = {
+  children: n.any.isRequired,
+  theme: n.object.isRequired
 };
-function useThemeContext() {
-  return useContext(ThemeContext);
+function j() {
+  return h(t);
 }
-export { ThemeProvider, useThemeContext };
+export {
+  v as ThemeProvider,
+  v as default,
+  j as useThemeContext
+};

package/lib/wizard/hotkey-submit.js

@@ -1,39 +1,23 @@
-import { useEffect } from 'react';
-import PropTypes from 'prop-types';
-
-/**
- * This component should be used only once in each page,
- * otherwise all registered events will be triggered when the user presses the Meta(Ctrl)+Enter key combination,
- * which may not be consistent with the actual business logic.
- */
-export default function SubmitHotKey({
-  disabled,
-  children,
-  onConfirm
-}) {
-  useEffect(() => {
-    if (disabled) {
-      return () => {};
-    }
-    const listener = event => {
-      if (event.code === 'Enter' && (event.metaKey === true || event.ctrlKey === true)) {
-        event.preventDefault();
-        event.stopPropagation();
-        onConfirm();
-      }
+import { useEffect as u } from "react";
+import r from "prop-types";
+function s({ disabled: t = !1, children: i, onConfirm: o }) {
+  return u(() => {
+    if (t)
+      return () => {
+      };
+    const n = (e) => {
+      e.code === "Enter" && (e.metaKey === !0 || e.ctrlKey === !0) && (e.preventDefault(), e.stopPropagation(), o());
     };
-    document.addEventListener('keydown', listener);
-    return () => {
-      document.removeEventListener('keydown', listener);
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
     };
-  }, [disabled, onConfirm]);
-  return children;
+  }, [t, o]), i;
 }
-SubmitHotKey.propTypes = {
-  disabled: PropTypes.bool,
-  children: PropTypes.any.isRequired,
-  onConfirm: PropTypes.func.isRequired
+s.propTypes = {
+  disabled: r.bool,
+  children: r.any.isRequired,
+  onConfirm: r.func.isRequired
+};
+export {
+  s as default
 };
-SubmitHotKey.defaultProps = {
-  disabled: false
-};

package/lib/wizard/server-eula.js

@@ -1,91 +1,74 @@
-/* eslint-disable react/jsx-wrap-multilines */
-import { useState } from 'react';
-import styled from '@emotion/styled';
-import PropTypes from 'prop-types';
-import { CircularProgress } from '@mui/material';
-import Button from '@arcblock/ux/lib/Button';
-import Dialog from '@arcblock/ux/lib/Dialog';
-import SubmitHotKey from './hotkey-submit';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-function ServerEula({
-  onContinue,
-  nextDisabled,
-  launching,
-  texts,
-  description
+import { jsxs as o, Fragment as l, jsx as t } from "react/jsx-runtime";
+import { useState as c } from "react";
+import u from "@emotion/styled";
+import n from "prop-types";
+import { CircularProgress as h } from "@mui/material";
+import f from "@arcblock/ux/lib/Button";
+import x from "@arcblock/ux/lib/Dialog";
+import g from "./hotkey-submit.js";
+function b({
+  onContinue: e,
+  nextDisabled: r = !1,
+  launching: s = !1,
+  texts: i = {
+    listenName: "",
+    launchingText: "",
+    buttonNext: ""
+  },
+  description: m = ""
 }) {
-  const [open, setOpen] = useState(false);
-  const handleOpen = () => setOpen(x => !x);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(Div, {
-      children: /*#__PURE__*/_jsxs(SubmitHotKey, {
-        disabled: nextDisabled,
-        onConfirm: onContinue,
-        children: [/*#__PURE__*/_jsx("div", {
-          className: "eula-trigger",
-          onClick: handleOpen,
-          children: texts.listenName
-        }), /*#__PURE__*/_jsx(Button, {
-          disabled: nextDisabled,
+  const [p, a] = c(!1);
+  return /* @__PURE__ */ o(l, { children: [
+    /* @__PURE__ */ t(y, { children: /* @__PURE__ */ o(g, { disabled: r, onConfirm: e, children: [
+      /* @__PURE__ */ t("div", { className: "eula-trigger", onClick: () => a((d) => !d), children: i.listenName }),
+      /* @__PURE__ */ t(
+        f,
+        {
+          disabled: r,
           color: "primary",
           variant: "contained",
           className: "next-button",
-          onClick: onContinue,
-          children: launching ? /*#__PURE__*/_jsxs(_Fragment, {
-            children: [/*#__PURE__*/_jsx(CircularProgress, {
-              size: 14
-            }), texts.launchingText]
-          }) : texts.buttonNext
-        })]
-      })
-    }), /*#__PURE__*/_jsx(Dialog, {
-      open: open,
-      title: texts.listenName,
-      onClose: () => setOpen(false),
-      children: description
-    })]
-  });
+          onClick: e,
+          children: s ? /* @__PURE__ */ o(l, { children: [
+            /* @__PURE__ */ t(h, { size: 14 }),
+            i.launchingText
+          ] }) : i.buttonNext
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ t(x, { open: p, title: i.listenName, onClose: () => a(!1), children: m })
+  ] });
 }
-ServerEula.propTypes = {
-  onContinue: PropTypes.func.isRequired,
-  nextDisabled: PropTypes.bool,
-  launching: PropTypes.bool,
-  description: PropTypes.any,
-  texts: PropTypes.object
+b.propTypes = {
+  onContinue: n.func.isRequired,
+  nextDisabled: n.bool,
+  launching: n.bool,
+  description: n.any,
+  texts: n.object
 };
-ServerEula.defaultProps = {
-  nextDisabled: false,
-  launching: false,
-  description: '',
-  texts: {
-    listenName: '',
-    launchingText: '',
-    buttonNext: ''
-  }
-};
-const Div = styled.div`
+const y = u.div`
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
 
-  @media (max-width: ${props => props.theme.breakpoints.values.sm}px) {
+  @media (max-width: ${(e) => e.theme.breakpoints.values.sm}px) {
     flex-direction: column;
   }
 
   .eula-trigger {
     cursor: pointer;
     text-decoration: underline;
-    ${props => props.theme.breakpoints.up('md')} {
+    ${(e) => e.theme.breakpoints.up("md")} {
       padding-right: 24px;
     }
-    ${props => props.theme.breakpoints.down('md')} {
+    ${(e) => e.theme.breakpoints.down("md")} {
       padding: 16px;
     }
     font-size: 14px;
     white-space: nowrap;
     &:hover {
-      color: ${props => props.theme.palette.primary.main};
+      color: ${(e) => e.theme.palette.primary.main};
     }
   }
 
@@ -93,4 +76,6 @@ const Div = styled.div`
     min-width: 200px;
   }
 `;
-export default ServerEula;
+export {
+  b as default
+};