@abtnode/ux 1.8.68 → 1.8.69-beta-e0666d0d
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/blocklet/access/config-access.js +3 -3
- package/lib/blocklet/actions.js +3 -3
- package/lib/blocklet/audit-logs.js +5 -2
- package/lib/blocklet/component/add.js +9 -7
- package/lib/blocklet/component/index.js +5 -5
- package/lib/blocklet/component/select-store.js +3 -1
- package/lib/blocklet/component/space-gateway-selector.js +174 -0
- package/lib/blocklet/component/store-blocklet-list.js +3 -3
- package/lib/blocklet/configuration.js +3 -1
- package/lib/blocklet/install-from-url.js +125 -82
- package/lib/blocklet/overview.js +18 -5
- package/lib/blocklet/preferences/app-sk.js +55 -8
- package/lib/blocklet/router/action/add-domain-alias.js +3 -3
- package/lib/blocklet/router/action/add-rule.js +3 -3
- package/lib/blocklet/router/action/delete-domain-alias.js +3 -3
- package/lib/blocklet/router/action/delete-rule.js +3 -3
- package/lib/blocklet/router/action/update-rule.js +3 -3
- package/lib/blocklet/status.js +3 -3
- package/lib/blocklet/storage.js +171 -129
- package/lib/blocklet/version.js +3 -3
- package/lib/confirm.js +3 -3
- package/lib/form/form-text-input.js +106 -11
- package/lib/invitation/invitation.js +2 -2
- package/lib/issue-passport.js +0 -1
- package/lib/locales/en.js +18 -5
- package/lib/locales/zh.js +16 -4
- package/lib/logs/download.js +5 -5
- package/lib/lost-passport.js +0 -2
- package/lib/store/add.js +3 -3
- package/lib/team/members/index.js +7 -4
- package/lib/team/members/invite-member.js +3 -3
- package/lib/team/members/issue-passport.js +3 -3
- package/lib/team/members/member.js +2 -2
- package/lib/team/members/transfer-node.js +4 -4
- package/lib/team/passports/color.js +3 -3
- package/lib/team/passports/detail.js +4 -4
- package/lib/team/passports/index.js +3 -3
- package/lib/team/passports/mutate-role.js +3 -3
- package/lib/team/passports/trusted-issuer.js +3 -3
- package/lib/util/index.js +0 -18
- package/package.json +14 -14
|
@@ -25,7 +25,7 @@ var _util = require("@blocklet/meta/lib/util");
|
|
|
25
25
|
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
26
26
|
var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
|
|
27
27
|
var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
28
|
-
var
|
|
28
|
+
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
29
29
|
var _node = require("../../contexts/node");
|
|
30
30
|
var _team = require("../../contexts/team");
|
|
31
31
|
var _util2 = require("../../util");
|
|
@@ -198,8 +198,8 @@ function ConfigAccess(_ref) {
|
|
|
198
198
|
variant: "contained",
|
|
199
199
|
autoFocus: true,
|
|
200
200
|
"data-cy": "config-access-confirm",
|
|
201
|
-
children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
202
|
-
size:
|
|
201
|
+
children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
202
|
+
size: 16
|
|
203
203
|
}), t('common.confirm')]
|
|
204
204
|
})]
|
|
205
205
|
}),
|
package/lib/blocklet/actions.js
CHANGED
|
@@ -13,7 +13,7 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
|
13
13
|
var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
|
|
14
14
|
var _Divider = _interopRequireDefault(require("@mui/material/Divider"));
|
|
15
15
|
var _ButtonGroup = _interopRequireDefault(require("@mui/material/ButtonGroup"));
|
|
16
|
-
var
|
|
16
|
+
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
17
17
|
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
18
18
|
var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
|
|
19
19
|
var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
|
|
@@ -397,8 +397,8 @@ function BlockletActions(_ref) {
|
|
|
397
397
|
"data-cy": "".concat(action.action, "-blocklet"),
|
|
398
398
|
onClick: () => onAction(action),
|
|
399
399
|
disabled: Boolean(action.disabled) || loading,
|
|
400
|
-
children: [currentAction === action.action && loading && inProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
401
|
-
size:
|
|
400
|
+
children: [currentAction === action.action && loading && inProgress ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
401
|
+
size: 16
|
|
402
402
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(action.icon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
403
403
|
className: "blocklet-action-text",
|
|
404
404
|
children: action.name
|
|
@@ -8,7 +8,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
|
8
8
|
var _reactRouterDom = require("react-router-dom");
|
|
9
9
|
var _reactMarkdownPreview = _interopRequireDefault(require("@uiw/react-markdown-preview"));
|
|
10
10
|
var _Avatar = _interopRequireDefault(require("@arcblock/did-connect/lib/Avatar"));
|
|
11
|
-
var
|
|
11
|
+
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
12
12
|
var _Empty = _interopRequireDefault(require("@arcblock/ux/lib/Empty"));
|
|
13
13
|
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
14
14
|
var _Box = _interopRequireDefault(require("@mui/material/Box"));
|
|
@@ -49,6 +49,9 @@ function AuditLog(_ref2) {
|
|
|
49
49
|
inService,
|
|
50
50
|
info
|
|
51
51
|
} = (0, _node.useNodeContext)();
|
|
52
|
+
if (!log.actor.did) {
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
52
55
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Box.default, {
|
|
53
56
|
className: "log-entry",
|
|
54
57
|
"data-cy": "log-entry",
|
|
@@ -130,7 +133,7 @@ function AuditLogs() {
|
|
|
130
133
|
textAlign: 'center',
|
|
131
134
|
marginTop: '50px'
|
|
132
135
|
},
|
|
133
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
136
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
|
|
134
137
|
});
|
|
135
138
|
}
|
|
136
139
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Div, {
|
|
@@ -12,7 +12,7 @@ var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
|
|
|
12
12
|
var _isNil = _interopRequireDefault(require("lodash/isNil"));
|
|
13
13
|
var _pageHeader = _interopRequireDefault(require("@blocklet/launcher-layout/lib/page-header"));
|
|
14
14
|
var _Dialog = _interopRequireDefault(require("@arcblock/ux/lib/Dialog"));
|
|
15
|
-
var
|
|
15
|
+
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
16
16
|
var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
|
|
17
17
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
18
18
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
@@ -25,6 +25,7 @@ var _context = require("@arcblock/ux/lib/Locale/context");
|
|
|
25
25
|
var _constant = require("@blocklet/constant");
|
|
26
26
|
var _launcherLayout = _interopRequireDefault(require("@blocklet/launcher-layout"));
|
|
27
27
|
var _step = require("@blocklet/launcher-layout/lib/context/step");
|
|
28
|
+
var _constant2 = require("@abtnode/constant");
|
|
28
29
|
var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
29
30
|
var _Alert = _interopRequireDefault(require("@arcblock/ux/lib/Alert"));
|
|
30
31
|
var _Tag = _interopRequireDefault(require("@arcblock/ux/lib/Tag"));
|
|
@@ -179,6 +180,7 @@ function AddComponent(_ref2) {
|
|
|
179
180
|
const {
|
|
180
181
|
setActiveStepByIndex
|
|
181
182
|
} = stepRef.current || {};
|
|
183
|
+
const isServerlessMode = nodeInfo.mode === _constant2.NODE_MODES.SERVERLESS;
|
|
182
184
|
const updateParams = obj => setParams(x => _objectSpread(_objectSpread({}, x), obj));
|
|
183
185
|
(0, _react.useEffect)(() => {
|
|
184
186
|
if (params.pathPrefix) {
|
|
@@ -609,7 +611,7 @@ function AddComponent(_ref2) {
|
|
|
609
611
|
confirm: t('blocklet.component.choose')
|
|
610
612
|
}
|
|
611
613
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectStore.default, {
|
|
612
|
-
extra: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
|
|
614
|
+
extra: !isServerlessMode ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.default, {
|
|
613
615
|
variant: "text",
|
|
614
616
|
color: "primary",
|
|
615
617
|
"data-cy": "add-component-from-url",
|
|
@@ -627,7 +629,7 @@ function AddComponent(_ref2) {
|
|
|
627
629
|
marginRight: 4
|
|
628
630
|
}
|
|
629
631
|
}), " ", t('blocklet.component.addComponentTip.fromUrl'), ' ']
|
|
630
|
-
}),
|
|
632
|
+
}) : null,
|
|
631
633
|
loading: loading,
|
|
632
634
|
onChange: () => {
|
|
633
635
|
setParams({});
|
|
@@ -974,8 +976,8 @@ function AddComponent(_ref2) {
|
|
|
974
976
|
onClick: onMenuItemClick,
|
|
975
977
|
className: "component-action",
|
|
976
978
|
"data-cy": "action-add-component",
|
|
977
|
-
children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
978
|
-
size:
|
|
979
|
+
children: [loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
980
|
+
size: 16
|
|
979
981
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Link.default, {
|
|
980
982
|
style: {
|
|
981
983
|
fontSize: 18,
|
|
@@ -1038,8 +1040,8 @@ function AddComponent(_ref2) {
|
|
|
1038
1040
|
maxWidth: '200px',
|
|
1039
1041
|
display: 'inline-block'
|
|
1040
1042
|
},
|
|
1041
|
-
children: [(typeof step.loading === 'boolean' ? step.loading : loading) && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
1042
|
-
size:
|
|
1043
|
+
children: [(typeof step.loading === 'boolean' ? step.loading : loading) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
1044
|
+
size: 16
|
|
1043
1045
|
}), step.confirm]
|
|
1044
1046
|
})]
|
|
1045
1047
|
}),
|
|
@@ -27,7 +27,7 @@ var _ArrowForward = _interopRequireDefault(require("@mui/icons-material/ArrowFor
|
|
|
27
27
|
var _ExpandMore = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
|
|
28
28
|
var _ChevronRight = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
|
|
29
29
|
var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
|
|
30
|
-
var
|
|
30
|
+
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
31
31
|
var _InfoRow = _interopRequireDefault(require("@arcblock/ux/lib/InfoRow"));
|
|
32
32
|
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
33
33
|
var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
@@ -635,8 +635,8 @@ function BlockletComponent(_ref4) {
|
|
|
635
635
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
|
|
636
636
|
mr: 0.5,
|
|
637
637
|
display: "flex",
|
|
638
|
-
children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
639
|
-
size:
|
|
638
|
+
children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
639
|
+
size: 16
|
|
640
640
|
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Update.default, {
|
|
641
641
|
style: {
|
|
642
642
|
fontSize: '1em'
|
|
@@ -792,8 +792,8 @@ function BlockletComponent(_ref4) {
|
|
|
792
792
|
disabled: loading || updateConfirm.type === 'component' && !updateConfirm.hasChecks,
|
|
793
793
|
variant: "contained",
|
|
794
794
|
autoFocus: true,
|
|
795
|
-
children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
796
|
-
size:
|
|
795
|
+
children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
796
|
+
size: 16
|
|
797
797
|
}), t('common.update')]
|
|
798
798
|
})]
|
|
799
799
|
})]
|
|
@@ -10,6 +10,7 @@ var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
|
10
10
|
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
11
11
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
12
12
|
var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
|
|
13
|
+
var _constant = require("@abtnode/constant");
|
|
13
14
|
var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
14
15
|
var _ArrowDropDown = _interopRequireDefault(require("@mui/icons-material/ArrowDropDown"));
|
|
15
16
|
var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
|
|
@@ -54,6 +55,7 @@ function SelectStore(_ref) {
|
|
|
54
55
|
nodeInfo
|
|
55
56
|
});
|
|
56
57
|
const currentRegistry = storeUrl && storeList.find(x => storeUrl === x.url) || storeList[0];
|
|
58
|
+
const isServerlessMode = nodeInfo.mode === _constant.NODE_MODES.SERVERLESS;
|
|
57
59
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
58
60
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectStoreTitle, {
|
|
59
61
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
@@ -124,7 +126,7 @@ function SelectStore(_ref) {
|
|
|
124
126
|
}
|
|
125
127
|
})
|
|
126
128
|
}, x.url);
|
|
127
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
|
|
129
|
+
}), !isServerlessMode && /*#__PURE__*/(0, _jsxRuntime.jsx)(_add.default, {
|
|
128
130
|
disabled: loading,
|
|
129
131
|
storeList: storeList,
|
|
130
132
|
teamDid: teamDid,
|
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
10
|
+
var _urlJoin = _interopRequireDefault(require("url-join"));
|
|
11
|
+
var _isUrl = _interopRequireDefault(require("is-url"));
|
|
12
|
+
var _useLocalStorage = _interopRequireDefault(require("react-use/lib/useLocalStorage"));
|
|
13
|
+
var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
14
|
+
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
15
|
+
var _material = require("@mui/material");
|
|
16
|
+
var _Autocomplete = _interopRequireWildcard(require("@mui/material/Autocomplete"));
|
|
17
|
+
var _session = require("../../../lib/contexts/session");
|
|
18
|
+
var _toast = _interopRequireDefault(require("../../toast"));
|
|
19
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
20
|
+
var _templateObject;
|
|
21
|
+
const _excluded = ["onSelect", "endpoint", "loading"];
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
28
|
+
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; }
|
|
29
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
|
|
30
|
+
function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
31
|
+
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; }
|
|
32
|
+
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; }
|
|
33
|
+
const DEFAULT_GATEWAY_LIST = [{
|
|
34
|
+
value: 'https://www.didspaces.com/app',
|
|
35
|
+
label: 'Prod DID Spaces',
|
|
36
|
+
avatar: 'P'
|
|
37
|
+
}, {
|
|
38
|
+
value: 'https://storage.staging.abtnet.io/app',
|
|
39
|
+
label: 'Staging DID Spaces',
|
|
40
|
+
avatar: 'S'
|
|
41
|
+
}];
|
|
42
|
+
const filter = (0, _Autocomplete.createFilterOptions)();
|
|
43
|
+
function SpaceGatewaySelector(_ref) {
|
|
44
|
+
let {
|
|
45
|
+
onSelect,
|
|
46
|
+
endpoint,
|
|
47
|
+
loading
|
|
48
|
+
} = _ref,
|
|
49
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
50
|
+
const [gatewayList, setGatewayList] = (0, _useLocalStorage.default)('did-space-gateway-list', DEFAULT_GATEWAY_LIST);
|
|
51
|
+
const [gatewayUrl, setGatewayUrl] = (0, _useLocalStorage.default)('did-space-gateway-url', DEFAULT_GATEWAY_LIST[0].value);
|
|
52
|
+
const {
|
|
53
|
+
t
|
|
54
|
+
} = (0, _context.useLocaleContext)();
|
|
55
|
+
const {
|
|
56
|
+
api
|
|
57
|
+
} = (0, _session.useSessionContext)();
|
|
58
|
+
(0, _react.useEffect)(() => {
|
|
59
|
+
if (gatewayUrl && !gatewayList.find(x => x.value === gatewayUrl)) {
|
|
60
|
+
api.get((0, _urlJoin.default)(gatewayUrl, '/__blocklet__.js?type=json')).then(res => {
|
|
61
|
+
// FIXME: @wangshijun handle mountPoint
|
|
62
|
+
setGatewayList([...gatewayList, {
|
|
63
|
+
value: gatewayUrl,
|
|
64
|
+
label: res.data.appName
|
|
65
|
+
}]);
|
|
66
|
+
}).catch(err => {
|
|
67
|
+
console.error(err);
|
|
68
|
+
_toast.default.error('Can not add this gateway, please check the url and try again');
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
}, [gatewayUrl]); // eslint-disable-line
|
|
72
|
+
|
|
73
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(Container, _objectSpread(_objectSpread({}, rest), {}, {
|
|
74
|
+
freeSolo: true,
|
|
75
|
+
selectOnFocus: true,
|
|
76
|
+
clearOnBlur: true,
|
|
77
|
+
handleHomeEndKeys: true,
|
|
78
|
+
value: gatewayUrl,
|
|
79
|
+
options: gatewayList,
|
|
80
|
+
onChange: (e, v) => {
|
|
81
|
+
if (!v) {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
if (typeof v === 'string') {
|
|
85
|
+
const x = gatewayList.find(o => o.label === v);
|
|
86
|
+
if (x) {
|
|
87
|
+
setGatewayUrl(x.value);
|
|
88
|
+
}
|
|
89
|
+
} else if (v.inputValue) {
|
|
90
|
+
// Create a new value from the user input
|
|
91
|
+
setGatewayUrl(v.inputValue);
|
|
92
|
+
} else if (v.value) {
|
|
93
|
+
setGatewayUrl(v.value);
|
|
94
|
+
}
|
|
95
|
+
},
|
|
96
|
+
getOptionLabel: x => {
|
|
97
|
+
// Value selected with enter, right from the input
|
|
98
|
+
if (typeof x === 'string') {
|
|
99
|
+
return x;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
// Add "xxx" x created dynamically
|
|
103
|
+
if (x.inputValue) {
|
|
104
|
+
return x.inputValue;
|
|
105
|
+
}
|
|
106
|
+
return x.label;
|
|
107
|
+
},
|
|
108
|
+
renderOption: (props, x) => {
|
|
109
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ListItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
110
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemAvatar, {
|
|
111
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Avatar, {
|
|
112
|
+
children: x.avatar
|
|
113
|
+
})
|
|
114
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.ListItemText, {
|
|
115
|
+
primary: x.label,
|
|
116
|
+
secondary: x.value
|
|
117
|
+
})]
|
|
118
|
+
}), x.value);
|
|
119
|
+
},
|
|
120
|
+
filterOptions: (options, params) => {
|
|
121
|
+
const filtered = filter(options, params);
|
|
122
|
+
|
|
123
|
+
// Suggest the creation of a new value if its a valid url
|
|
124
|
+
if (params.inputValue && (0, _isUrl.default)(params.inputValue)) {
|
|
125
|
+
const isExisting = options.some(x => params.inputValue === x.value);
|
|
126
|
+
if (!isExisting) {
|
|
127
|
+
filtered.push({
|
|
128
|
+
value: params.inputValue,
|
|
129
|
+
label: 'Add new gateway'
|
|
130
|
+
});
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
return filtered;
|
|
134
|
+
},
|
|
135
|
+
renderInput: params => {
|
|
136
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.TextField, _objectSpread(_objectSpread({}, params), {}, {
|
|
137
|
+
label: t('storage.spaces.label'),
|
|
138
|
+
size: "small",
|
|
139
|
+
InputProps: _objectSpread(_objectSpread({}, params.InputProps), {}, {
|
|
140
|
+
type: 'search',
|
|
141
|
+
endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
142
|
+
variant: "contained",
|
|
143
|
+
onClick: () => onSelect(gatewayUrl),
|
|
144
|
+
size: "small",
|
|
145
|
+
loading: loading,
|
|
146
|
+
disable: loading,
|
|
147
|
+
sx: {
|
|
148
|
+
position: 'absolute',
|
|
149
|
+
right: 0,
|
|
150
|
+
display: 'flex',
|
|
151
|
+
justifyContent: 'center',
|
|
152
|
+
alignItems: 'center',
|
|
153
|
+
width: '100px',
|
|
154
|
+
height: '100%'
|
|
155
|
+
},
|
|
156
|
+
children: endpoint ? t('storage.spaces.reconnect') : t('storage.spaces.connect')
|
|
157
|
+
})
|
|
158
|
+
})
|
|
159
|
+
}));
|
|
160
|
+
}
|
|
161
|
+
}));
|
|
162
|
+
}
|
|
163
|
+
const Container = (0, _styled.default)(_Autocomplete.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: 40px;\n width: 100%;\n max-width: 720px;\n ", " {\n width: 75%;\n }\n input.MuiInputBase-input {\n max-width: calc(100% - 80px);\n }\n"])), props => props.theme.breakpoints.down('md'));
|
|
164
|
+
SpaceGatewaySelector.propTypes = {
|
|
165
|
+
onSelect: _propTypes.default.func.isRequired,
|
|
166
|
+
endpoint: _propTypes.default.string,
|
|
167
|
+
loading: _propTypes.default.bool
|
|
168
|
+
};
|
|
169
|
+
SpaceGatewaySelector.defaultProps = {
|
|
170
|
+
endpoint: undefined,
|
|
171
|
+
loading: false
|
|
172
|
+
};
|
|
173
|
+
var _default = SpaceGatewaySelector;
|
|
174
|
+
exports.default = _default;
|
|
@@ -14,7 +14,7 @@ var _reactErrorBoundary = require("react-error-boundary");
|
|
|
14
14
|
var _list = _interopRequireDefault(require("@blocklet/list"));
|
|
15
15
|
var _context = require("@arcblock/ux/lib/Locale/context");
|
|
16
16
|
var _Blocklet = _interopRequireWildcard(require("@arcblock/ux/lib/Blocklet"));
|
|
17
|
-
var
|
|
17
|
+
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
|
|
18
18
|
var _Button = _interopRequireDefault(require("@arcblock/ux/lib/Button"));
|
|
19
19
|
var _util = require("@blocklet/meta/lib/util");
|
|
20
20
|
var _toast = _interopRequireDefault(require("../../toast"));
|
|
@@ -120,8 +120,8 @@ function BlockletItem(_ref2) {
|
|
|
120
120
|
color: "primary",
|
|
121
121
|
"data-cy": "install-blocklet",
|
|
122
122
|
children: loading ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
123
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
124
|
-
size:
|
|
123
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
|
|
124
|
+
size: 16,
|
|
125
125
|
style: {
|
|
126
126
|
marginRight: 3
|
|
127
127
|
}
|
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = BlockletEnvironmentWithPermission;
|
|
7
|
-
var _react = require("react");
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
9
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
10
|
var _get = _interopRequireDefault(require("lodash/get"));
|
|
@@ -41,6 +41,8 @@ var _templateObject;
|
|
|
41
41
|
const _excluded = ["blocklet", "onUpdate", "hasPermission"],
|
|
42
42
|
_excluded2 = ["value"];
|
|
43
43
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
44
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
45
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
44
46
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
45
47
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
46
48
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|