@abtnode/ux 1.16.27-beta-725ce3a6 → 1.16.27-beta-d1555a79

package/lib/blocklet/disk-info.js

@@ -1,56 +1,38 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = BlockletDiskInfo;
-var _react = require("react");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _Link = _interopRequireDefault(require("@mui/material/Link"));
-var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _util = require("../util");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-const _excluded = ["blocklet"];
 /* eslint-disable react/jsx-one-expression-per-line */
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-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 : 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 = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-function BlockletDiskInfo(_ref) {
-  let {
-      blocklet
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
+import { useContext } from 'react';
+import styled from '@emotion/styled';
+import PropTypes from 'prop-types';
+import Typography from '@mui/material/Typography';
+import Link from '@mui/material/Link';
+import InfoRow from '@arcblock/ux/lib/InfoRow';
+import { LocaleContext } from '@arcblock/ux/lib/Locale/context';
+import { filesize } from '../util';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function BlockletDiskInfo({
+  blocklet,
+  ...rest
+}) {
   const {
     t
-  } = (0, _react.useContext)(_context.LocaleContext);
+  } = useContext(LocaleContext);
   if (!blocklet.diskInfo) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    return /*#__PURE__*/_jsx(Typography, {
       children: t('blocklet.diskInfo.empty')
     });
   }
-  const renderDiskInfo = (dir, size, handler) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Typography.default, {
+  const renderDiskInfo = (dir, size, handler) => /*#__PURE__*/_jsxs(Typography, {
     children: [handler ?
     /*#__PURE__*/
     /* eslint-disable-next-line no-script-url, jsx-a11y/anchor-is-valid */
-    (0, _jsxRuntime.jsx)(_Link.default, {
+    _jsx(Link, {
       style: {
         cursor: 'pointer'
       },
       onClick: handler,
       underline: "hover",
       children: dir
-    }) : dir, ' ', /*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
-      children: size ? (0, _util.filesize)(size) : 'empty'
+    }) : dir, ' ', /*#__PURE__*/_jsx("strong", {
+      children: size ? filesize(size) : 'empty'
     })]
   });
   const env = blocklet.environments.reduce((acc, x) => {
@@ -74,19 +56,19 @@ function BlockletDiskInfo(_ref) {
     name: t('blocklet.diskInfo.cacheDir'),
     value: renderDiskInfo(env.BLOCKLET_CACHE_DIR, blocklet.diskInfo.cache)
   }];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Div, _objectSpread(_objectSpread({
-    component: "div"
-  }, rest), {}, {
-    children: rows.map(row => /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+  return /*#__PURE__*/_jsx(Div, {
+    component: "div",
+    ...rest,
+    children: rows.map(row => /*#__PURE__*/_jsx(InfoRow, {
       valueComponent: "div",
       nameWidth: 120,
       name: row.name,
       children: row.value
     }, row.key))
-  }));
+  });
 }
 BlockletDiskInfo.propTypes = {
-  blocklet: _propTypes.default.object.isRequired
+  blocklet: PropTypes.object.isRequired
 };
 BlockletDiskInfo.defaultProps = {};
-const Div = (0, _styled.default)(_Typography.default)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+const Div = styled(Typography)``;

package/lib/blocklet/icons.js

@@ -1,29 +1,22 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
-var _PlayArrow = _interopRequireDefault(require("@mui/icons-material/PlayArrow"));
-var _Stop = _interopRequireDefault(require("@mui/icons-material/Stop"));
-var _Replay = _interopRequireDefault(require("@mui/icons-material/Replay"));
-var _Autorenew = _interopRequireDefault(require("@mui/icons-material/Autorenew"));
-var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
-var _Receipt = _interopRequireDefault(require("@mui/icons-material/Receipt"));
-var _Group = _interopRequireDefault(require("@mui/icons-material/Group"));
-var _NotInterested = _interopRequireDefault(require("@mui/icons-material/NotInterested"));
-var _Dashboard = _interopRequireDefault(require("@arcblock/icons/lib/Dashboard"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var _default = exports.default = {
-  Start: _PlayArrow.default,
-  Stop: _Stop.default,
-  Restart: _Replay.default,
-  Reload: _Autorenew.default,
-  Remove: _Delete.default,
-  Config: _Settings.default,
-  Log: _Receipt.default,
-  Group: _Group.default,
-  Cancel: _NotInterested.default,
-  Dashboard: _Dashboard.default
+import Remove from '@mui/icons-material/Delete';
+import Start from '@mui/icons-material/PlayArrow';
+import Stop from '@mui/icons-material/Stop';
+import Restart from '@mui/icons-material/Replay';
+import Reload from '@mui/icons-material/Autorenew';
+import Config from '@mui/icons-material/Settings';
+import Log from '@mui/icons-material/Receipt';
+import Group from '@mui/icons-material/Group';
+import Cancel from '@mui/icons-material/NotInterested';
+import Dashboard from '@arcblock/icons/lib/Dashboard';
+export default {
+  Start,
+  Stop,
+  Restart,
+  Reload,
+  Remove,
+  Config,
+  Log,
+  Group,
+  Cancel,
+  Dashboard
 };

package/lib/blocklet/install-from-url.js

@@ -1,65 +1,52 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = InstallFromUrl;
-var _react = require("react");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
-var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
-var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
-var _Stepper = _interopRequireDefault(require("@mui/material/Stepper"));
-var _Step = _interopRequireDefault(require("@mui/material/Step"));
-var _StepLabel = _interopRequireDefault(require("@mui/material/StepLabel"));
-var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
-var _Connect = _interopRequireDefault(require("@arcblock/did-connect/lib/Connect"));
-var _context = require("@arcblock/ux/lib/Locale/context");
-var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
-var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
-var _util = require("@blocklet/meta/lib/util");
-var _node = require("../contexts/node");
-var _session = require("../contexts/session");
-var _util2 = require("../util");
-var _util3 = require("./util");
-var _didAddress = _interopRequireDefault(require("../did-address"));
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-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 : 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 InstallFromUrl(_ref) {
-  let {
-    defaultUrl,
-    onCancel: _onCancel,
-    onSuccess,
-    onError,
-    mode,
-    handleText
-  } = _ref;
+import { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import Dialog from '@arcblock/ux/lib/Dialog';
+import Spinner from '@mui/material/CircularProgress';
+import DialogContentText from '@mui/material/DialogContentText';
+import Typography from '@mui/material/Typography';
+import TextField from '@mui/material/TextField';
+import Stepper from '@mui/material/Stepper';
+import Step from '@mui/material/Step';
+import StepLabel from '@mui/material/StepLabel';
+import InfoRow from '@arcblock/ux/lib/InfoRow';
+import DidConnect from '@arcblock/did-connect/lib/Connect';
+import { useLocaleContext } from '@arcblock/ux/lib/Locale/context';
+import Button from '@arcblock/ux/lib/Button';
+import Alert from '@arcblock/ux/lib/Alert';
+import { getDisplayName } from '@blocklet/meta/lib/util';
+import { useNodeContext } from '../contexts/node';
+import { useSessionContext } from '../contexts/session';
+import { formatError, formatPerson } from '../util';
+import { getWalletType } from './util';
+import DidAddress from '../did-address';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export default function InstallFromUrl({
+  defaultUrl,
+  onCancel,
+  onSuccess,
+  onError,
+  mode,
+  handleText
+}) {
   const {
     api
-  } = (0, _node.useNodeContext)();
+  } = useNodeContext();
   const {
     api: $api
-  } = (0, _session.useSessionContext)();
-  const [loading, setLoading] = (0, _react.useState)(false);
-  const [error, setError] = (0, _react.useState)('');
+  } = useSessionContext();
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState('');
   const {
     t
-  } = (0, _context.useLocaleContext)();
+  } = useLocaleContext();
   const initMeta = {
     dist: {}
   };
-  const [url, setUrl] = (0, _react.useState)(defaultUrl);
-  const [activeStep, setActiveStep] = (0, _react.useState)(defaultUrl ? 1 : 0);
-  const [meta, setMeta] = (0, _react.useState)(initMeta);
-  const [isConnectOpen, setConnectOpen] = (0, _react.useState)(false);
-  const [params, setParams] = (0, _react.useState)({});
+  const [url, setUrl] = useState(defaultUrl);
+  const [activeStep, setActiveStep] = useState(defaultUrl ? 1 : 0);
+  const [meta, setMeta] = useState(initMeta);
+  const [isConnectOpen, setConnectOpen] = useState(false);
+  const [params, setParams] = useState({});
   const isComponentMode = mode === 'component';
   // if mode is component , we need to always show the step, that means the user can return to the previous step
   const alwayShowSteps = isComponentMode ? true : !defaultUrl;
@@ -72,7 +59,7 @@ function InstallFromUrl(_ref) {
       // validate
       try {
         new URL(decoded); // eslint-disable-line no-new
-      } catch (_unused) {
+      } catch {
         throw new Error('Invalid URL');
       }
 
@@ -94,19 +81,20 @@ function InstallFromUrl(_ref) {
       });
     } catch (err) {
       console.error(err);
-      const errMsg = "Blocklet Install failed: ".concat((0, _util2.formatError)(err));
+      const errMsg = `Blocklet Install failed: ${formatError(err)}`;
       setError(errMsg);
       onError(err);
     } finally {
       setLoading(false);
     }
   };
-  const _onConfirm = () => {
+  const onConfirm = () => {
     if (isComponentMode) {
-      onSuccess(_objectSpread({
-        meta
-      }, params));
-      _onCancel();
+      onSuccess({
+        meta,
+        ...params
+      });
+      onCancel();
       return;
     }
     setLoading(true);
@@ -115,16 +103,17 @@ function InstallFromUrl(_ref) {
   const onEndInstall = () => {
     setLoading(false);
     setConnectOpen(false);
-    onSuccess(_objectSpread({
-      meta
-    }, params));
-    _onCancel();
+    onSuccess({
+      meta,
+      ...params
+    });
+    onCancel();
   };
   const onCancelInstall = () => {
     setLoading(false);
     setConnectOpen(false);
   };
-  (0, _react.useEffect)(() => {
+  useEffect(() => {
     if (defaultUrl) {
       onGetMeta();
     }
@@ -132,7 +121,7 @@ function InstallFromUrl(_ref) {
 
   const rows = [{
     name: t('common.name'),
-    value: (0, _util.getDisplayName)({
+    value: getDisplayName({
       meta
     }, true)
   }, {
@@ -140,19 +129,19 @@ function InstallFromUrl(_ref) {
     value: meta.version
   }, {
     name: t('common.did'),
-    value: /*#__PURE__*/(0, _jsxRuntime.jsx)(_didAddress.default, {
+    value: /*#__PURE__*/_jsx(DidAddress, {
       did: meta.did
     })
   }, {
     name: t('common.author'),
-    value: (0, _util2.formatPerson)(meta.author)
+    value: formatPerson(meta.author)
   }, {
     name: t('blocklet.dist.downloadLink'),
     value: meta.dist.tarball
   }];
   const getStep1Body = () => {
     if (loading) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/_jsx("div", {
         style: {
           height: 200,
           width: '100%',
@@ -161,17 +150,17 @@ function InstallFromUrl(_ref) {
           justifyContent: 'center',
           flexDirection: 'column'
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
+        children: /*#__PURE__*/_jsx(Spinner, {})
       });
     }
     if (meta.did) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      return /*#__PURE__*/_jsx("div", {
         style: {
           paddingLeft: '10%'
         },
         children: rows.map(row => {
           if (row.name === t('common.did')) {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+            return /*#__PURE__*/_jsx(InfoRow, {
               valueComponent: "div",
               nameWidth: 120,
               name: row.name,
@@ -179,7 +168,7 @@ function InstallFromUrl(_ref) {
               children: row.value
             }, row.name);
           }
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_InfoRow.default, {
+          return /*#__PURE__*/_jsx(InfoRow, {
             valueComponent: "div",
             nameWidth: 120,
             name: row.name,
@@ -192,9 +181,9 @@ function InstallFromUrl(_ref) {
   };
   const steps = [{
     label: t('blocklet.fromUrl.step0'),
-    body: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
+    body: /*#__PURE__*/_jsx(Typography, {
       component: "div",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextField.default, {
+      children: /*#__PURE__*/_jsx(TextField, {
         label: t('blocklet.fromUrl.label'),
         autoComplete: "off",
         variant: "outlined",
@@ -224,7 +213,7 @@ function InstallFromUrl(_ref) {
     }),
     cancel: t('common.cancel'),
     confirm: t('common.next'),
-    onCancel: _onCancel,
+    onCancel,
     onConfirm: () => {
       onGetMeta();
       setActiveStep(1);
@@ -233,30 +222,30 @@ function InstallFromUrl(_ref) {
     label: t('blocklet.fromUrl.step1'),
     body: getStep1Body(),
     cancel: alwayShowSteps ? t('common.pre') : t('common.cancel'),
-    confirm: (handleText === null || handleText === void 0 ? void 0 : handleText.confirm) || t('blocklet.fromUrl.confirm'),
+    confirm: handleText?.confirm || t('blocklet.fromUrl.confirm'),
     onCancel: () => {
       if (alwayShowSteps) {
         setActiveStep(s => s - 1);
       } else {
-        _onCancel();
+        onCancel();
       }
     },
     onConfirm: () => {
-      _onConfirm();
+      onConfirm();
     }
   }];
   const step = steps[activeStep];
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Dialog.default, {
-      title: (handleText === null || handleText === void 0 ? void 0 : handleText.title) || t('blocklet.fromUrl.title'),
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(Dialog, {
+      title: handleText?.title || t('blocklet.fromUrl.title'),
       fullWidth: true,
       maxWidth: "md",
       onClose: () => step.onCancel(),
       showCloseButton: activeStep === 0,
       disableEscapeKeyDown: true,
       open: true,
-      actions: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-        children: [step.cancel && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
+      actions: /*#__PURE__*/_jsxs(_Fragment, {
+        children: [step.cancel && /*#__PURE__*/_jsx(Button, {
           onClick: e => {
             e.stopPropagation();
             setError(null);
@@ -264,7 +253,7 @@ function InstallFromUrl(_ref) {
           },
           color: "inherit",
           children: step.cancel || t('common.cancel')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
+        }), /*#__PURE__*/_jsxs(Button, {
           onClick: e => {
             e.stopPropagation();
             step.onConfirm();
@@ -277,31 +266,28 @@ function InstallFromUrl(_ref) {
           style: {
             marginLeft: 8
           },
-          children: [loading && activeStep === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
+          children: [loading && activeStep === 0 && /*#__PURE__*/_jsx(Spinner, {
             size: 16
           }), step.confirm]
         })]
       }),
-      children: [alwayShowSteps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Stepper.default, {
+      children: [alwayShowSteps && /*#__PURE__*/_jsx(Stepper, {
         alternativeLabel: true,
         activeStep: activeStep,
-        children: steps.map(_ref2 => {
-          let {
-            label
-          } = _ref2;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Step.default, {
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_StepLabel.default, {
-              children: label
-            })
-          }, label);
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DialogContentText.default, {
+        children: steps.map(({
+          label
+        }) => /*#__PURE__*/_jsx(Step, {
+          children: /*#__PURE__*/_jsx(StepLabel, {
+            children: label
+          })
+        }, label))
+      }), /*#__PURE__*/_jsx(DialogContentText, {
         component: "div",
         style: {
           marginTop: 24
         },
         children: step.body
-      }), !!error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Alert.default, {
+      }), !!error && /*#__PURE__*/_jsx(Alert, {
         type: "error",
         style: {
           width: '100%',
@@ -309,7 +295,7 @@ function InstallFromUrl(_ref) {
         },
         children: error
       })]
-    }), meta && isConnectOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Connect.default, {
+    }), meta && isConnectOpen && /*#__PURE__*/_jsx(DidConnect, {
       popup: true,
       open: true,
       forceConnected: false,
@@ -320,7 +306,7 @@ function InstallFromUrl(_ref) {
       onSuccess: onEndInstall,
       extraParams: {
         title: meta.title,
-        wt: (0, _util3.getWalletType)(meta),
+        wt: getWalletType(meta),
         blockletMetaUrl: decodeURIComponent(url.trim())
       },
       messages: {
@@ -334,12 +320,12 @@ function InstallFromUrl(_ref) {
   });
 }
 InstallFromUrl.propTypes = {
-  defaultUrl: _propTypes.default.string,
-  onCancel: _propTypes.default.func.isRequired,
-  onSuccess: _propTypes.default.func.isRequired,
-  onError: _propTypes.default.func,
-  mode: _propTypes.default.oneOf(['install', 'component']),
-  handleText: _propTypes.default.object
+  defaultUrl: PropTypes.string,
+  onCancel: PropTypes.func.isRequired,
+  onSuccess: PropTypes.func.isRequired,
+  onError: PropTypes.func,
+  mode: PropTypes.oneOf(['install', 'component']),
+  handleText: PropTypes.object
 };
 InstallFromUrl.defaultProps = {
   onError: () => {},