@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.
Files changed (41) hide show
  1. package/lib/blocklet/access/config-access.js +3 -3
  2. package/lib/blocklet/actions.js +3 -3
  3. package/lib/blocklet/audit-logs.js +5 -2
  4. package/lib/blocklet/component/add.js +9 -7
  5. package/lib/blocklet/component/index.js +5 -5
  6. package/lib/blocklet/component/select-store.js +3 -1
  7. package/lib/blocklet/component/space-gateway-selector.js +174 -0
  8. package/lib/blocklet/component/store-blocklet-list.js +3 -3
  9. package/lib/blocklet/configuration.js +3 -1
  10. package/lib/blocklet/install-from-url.js +125 -82
  11. package/lib/blocklet/overview.js +18 -5
  12. package/lib/blocklet/preferences/app-sk.js +55 -8
  13. package/lib/blocklet/router/action/add-domain-alias.js +3 -3
  14. package/lib/blocklet/router/action/add-rule.js +3 -3
  15. package/lib/blocklet/router/action/delete-domain-alias.js +3 -3
  16. package/lib/blocklet/router/action/delete-rule.js +3 -3
  17. package/lib/blocklet/router/action/update-rule.js +3 -3
  18. package/lib/blocklet/status.js +3 -3
  19. package/lib/blocklet/storage.js +171 -129
  20. package/lib/blocklet/version.js +3 -3
  21. package/lib/confirm.js +3 -3
  22. package/lib/form/form-text-input.js +106 -11
  23. package/lib/invitation/invitation.js +2 -2
  24. package/lib/issue-passport.js +0 -1
  25. package/lib/locales/en.js +18 -5
  26. package/lib/locales/zh.js +16 -4
  27. package/lib/logs/download.js +5 -5
  28. package/lib/lost-passport.js +0 -2
  29. package/lib/store/add.js +3 -3
  30. package/lib/team/members/index.js +7 -4
  31. package/lib/team/members/invite-member.js +3 -3
  32. package/lib/team/members/issue-passport.js +3 -3
  33. package/lib/team/members/member.js +2 -2
  34. package/lib/team/members/transfer-node.js +4 -4
  35. package/lib/team/passports/color.js +3 -3
  36. package/lib/team/passports/detail.js +4 -4
  37. package/lib/team/passports/index.js +3 -3
  38. package/lib/team/passports/mutate-role.js +3 -3
  39. package/lib/team/passports/trusted-issuer.js +3 -3
  40. package/lib/util/index.js +0 -18
  41. 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 _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
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)(_Spinner.default, {
202
- size: [16, 10]
201
+ children: [loading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {
202
+ size: 16
203
203
  }), t('common.confirm')]
204
204
  })]
205
205
  }),
@@ -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 _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
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)(_Spinner.default, {
401
- size: [16, 10]
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 _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
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)(_Spinner.default, {})
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 _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
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)(_Spinner.default, {
978
- size: [16, 10]
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)(_Spinner.default, {
1042
- size: [16, 10]
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 _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
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)(_Spinner.default, {
639
- size: [16, 10]
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)(_Spinner.default, {
796
- size: [16, 10]
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 _Spinner = _interopRequireDefault(require("@arcblock/ux/lib/Spinner"));
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)(_Spinner.default, {
124
- size: [16, 10],
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; }