@blocklet/launcher-layout 2.2.54 → 2.2.56

package/es/compact-layout.js

@@ -1,8 +1,7 @@
 import { useState, useEffect, useRef } from 'react';
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function CompactLayout({
   children,
   bottom,

package/es/header.js

@@ -9,8 +9,7 @@ import { useEffect, useRef, useState } from 'react';
 import joinUrl from 'url-join';
 import defaultBlockletLogo from './assets/blocklet-default-logo.png';
 import { getLaunchingText } from './locale';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function AppHeader({
   blockletMeta,
   subTitle,

package/es/index.js

@@ -15,9 +15,7 @@ import { useStepContext } from './context/step';
 import AppHeader from './header';
 import { getTranslations } from './locale';
 import Nav from './nav';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const HEADER_HEIGHT_MD = '72px';
 const MobileContent = styled.div`
   box-sizing: border-box;
@@ -37,10 +35,10 @@ const PcContent = styled.div`
   width: ${props => props.width || '80%'};
   height: ${props => props.height || '80%'};
 
-  @media (max-height: 900px) {
+  @media (max-height: 1200px) {
     margin-top: ${HEADER_HEIGHT_MD};
-    width: 100%;
     height: 100%;
+    max-height: 100%;
   }
 `;
 const theme = create({
@@ -135,8 +133,7 @@ function Layout({
             })]
           }), /*#__PURE__*/_jsxs(Container, {
             contentMaxWidth: contentMaxWidth,
-            width: pcWidth,
-            height: pcHeight,
+            className: "ll-container",
             children: [/*#__PURE__*/_jsx(Hidden, {
               mdDown: true,
               children: /*#__PURE__*/_jsx(Nav, {

package/es/launch-result-message.js

@@ -4,8 +4,7 @@ import Check from '@mui/icons-material/Check';
 import Close from '@mui/icons-material/Close';
 import Spinner from '@mui/material/CircularProgress';
 import PriorityHigh from '@mui/icons-material/PriorityHigh';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function LaunchResultMessage({
   variant,
   title,

package/es/nav.js

@@ -4,8 +4,7 @@ import Skeleton from '@mui/material/Skeleton';
 import PropTypes from 'prop-types';
 import { useStepContext } from './context/step';
 import AppHeader from './header';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Nav({
   blockletMeta,
   logoUrl,

package/es/page-header.js

@@ -1,8 +1,7 @@
 import styled from '@emotion/styled';
 import PropTypes from 'prop-types';
 import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function PageHeader({
   title,
   subTitle,

package/es/wizard/server-eula.js

@@ -6,9 +6,7 @@ import Spinner from '@mui/material/CircularProgress';
 import Button from '@arcblock/ux/lib/Button';
 import Dialog from '@arcblock/ux/lib/Dialog';
 import SubmitHotKey from '@blocklet/launcher-ux/lib/hot-key/submit';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 function ServerEula({
   onContinue,
   nextDisabled,

package/es/wizard/wizard-desc.js

@@ -9,9 +9,7 @@ import TableBody from '@mui/material/TableBody';
 import TableCell from '@mui/material/TableCell';
 import TableContainer from '@mui/material/TableContainer';
 import TableRow from '@mui/material/TableRow';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const isFreeBlocklet = meta => {
   if (!meta.payment) {
     return true;

package/lib/index.js

@@ -28,14 +28,14 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 const HEADER_HEIGHT_MD = '72px';
 const MobileContent = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  box-sizing: border-box;\n  display: flex;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  padding-top: ", ";\n"])), HEADER_HEIGHT_MD);
-const PcContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 900px;\n  max-width: ", ";\n  max-height: 880px;\n  border-radius: 8px;\n  background-color: #fff;\n  width: ", ";\n  height: ", ";\n\n  @media (max-height: 900px) {\n    margin-top: ", ";\n    width: 100%;\n    height: 100%;\n  }\n"])), props => props.contentMaxWidth, props => props.width || '80%', props => props.height || '80%', HEADER_HEIGHT_MD);
+const PcContent = _styled.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  min-width: 900px;\n  max-width: ", ";\n  max-height: 880px;\n  border-radius: 8px;\n  background-color: #fff;\n  width: ", ";\n  height: ", ";\n\n  @media (max-height: 1200px) {\n    margin-top: ", ";\n    height: 100%;\n    max-height: 100%;\n  }\n"])), props => props.contentMaxWidth, props => props.width || '80%', props => props.height || '80%', HEADER_HEIGHT_MD);
 const theme = (0, _Theme.create)({
   typography: {
     fontSize: 14
@@ -128,8 +128,7 @@ function Layout(_ref) {
             })]
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Container, {
             contentMaxWidth: contentMaxWidth,
-            width: pcWidth,
-            height: pcHeight,
+            className: "ll-container",
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Hidden.default, {
               mdDown: true,
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_nav.default, {

package/lib/launch-result-message.js

@@ -18,7 +18,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/lib/page-header.js

@@ -15,7 +15,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+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); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blocklet/launcher-layout",
-  "version": "2.2.54",
+  "version": "2.2.56",
   "description": "Common ux components of launcher",
   "publishConfig": {
     "access": "public"
@@ -42,16 +42,16 @@
     "react": ">=18.1.0"
   },
   "dependencies": {
-    "@arcblock/did-connect": "^2.9.29",
-    "@arcblock/icons": "^2.9.29",
-    "@arcblock/ux": "^2.9.29",
-    "@blocklet/launcher-util": "2.2.54",
-    "@blocklet/launcher-ux": "2.2.54",
-    "@blocklet/meta": "^1.16.23",
-    "@emotion/react": "^11.11.3",
+    "@arcblock/did-connect": "^2.9.57",
+    "@arcblock/icons": "^2.9.57",
+    "@arcblock/ux": "^2.9.57",
+    "@blocklet/launcher-util": "2.2.56",
+    "@blocklet/launcher-ux": "2.2.56",
+    "@blocklet/meta": "^1.16.24",
+    "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
-    "@mui/icons-material": "^5.15.8",
-    "@mui/material": "^5.15.7",
+    "@mui/icons-material": "^5.15.14",
+    "@mui/material": "^5.15.14",
     "is-empty": "^1.2.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
@@ -59,10 +59,10 @@
     "url-join": "^4.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "^7.23.9",
-    "@babel/core": "^7.23.9",
-    "@babel/preset-env": "^7.23.9",
-    "@babel/preset-react": "^7.23.3",
+    "@babel/cli": "^7.24.1",
+    "@babel/core": "^7.24.3",
+    "@babel/preset-env": "^7.24.3",
+    "@babel/preset-react": "^7.24.1",
     "@storybook/react": "^6.5.16",
     "babel-plugin-inline-react-svg": "^2.0.2",
     "glob": "^10.3.10"
@@ -77,5 +77,5 @@
       "require": "./lib/"
     }
   },
-  "gitHead": "cd8c9b12e0d4c89557cd76ce1dc89c5d14ed50e1"
+  "gitHead": "0386d6a9170c437800e7e892163787277df7a682"
 }