@verdaccio/ui-components 3.0.0-next.1 → 4.0.0-next-8.0

package/.eslintrc

@@ -60,7 +60,7 @@
     "react/jsx-curly-brace-presence": ["warn", { "props": "ignore", "children": "ignore" }],
     "react/jsx-pascal-case": ["error"],
     "react/jsx-props-no-multi-spaces": ["error"],
-    "react/jsx-sort-default-props": ["error"],
+    "react/sort-default-props": ["error"],
     "react/jsx-sort-props": ["error"],
     "react/no-string-refs": ["error"],
     "react/no-danger-with-children": ["error"],

package/CHANGELOG.md

@@ -1,5 +1,113 @@
 # @verdaccio/ui-components
 
+## 4.0.0-next-8.0
+
+### Major Changes
+
+- chore: move v7 next to v8 next
+
+## 3.0.0
+
+### Major Changes
+
+- 47f61c6: feat!: bump to v7
+- e7ebccb: update major dependencies, remove old nodejs support
+
+### Minor Changes
+
+- 10dd81f: feat: complete overhaul of web user interface
+- 580319a: feat: ui improvements
+
+  Some UI improvements
+
+  - download progress indicator: https://github.com/verdaccio/verdaccio/discussions/4068
+  - fix dark mode and readme css support https://github.com/verdaccio/verdaccio/discussions/3942 https://github.com/verdaccio/verdaccio/discussions/3467
+  - fix global for yarn packages and add version to the packages on copy
+  - feat: hide deprecated versions option
+  - fix: improve deprecated package style
+  - feat: display deprecated versions
+
+- c9962fe: feat: forbidden user interface
+
+### Patch Changes
+
+- 92f1c34: - fixed login state when token is expired (@ku3mi41 in #3980)
+- 5a77414: chore: fix type for country flags
+- 02ba426: fix: display labels for engine versions
+- ba53d1e: feat: versions filter by semver range
+- 3b3cf86: chore: sync dependency defs between ui-components and ui-theme
+- 3323599: fix: render READMEs with correct font and highlighting
+- 96b2857: chore(ui): update babel dependencies
+- 5210408: fix: ui dialog break pages on open due remark error
+- 117eb1c: fix: change bundleDependencies to array
+
+## 3.0.0-next-7.9
+
+### Patch Changes
+
+- 5a77414: chore: fix type for country flags
+- 3b3cf86: chore: sync dependency defs between ui-components and ui-theme
+- 96b2857: chore(ui): update babel dependencies
+
+## 3.0.0-next-7.8
+
+### Minor Changes
+
+- 10dd81f: feat: complete overhaul of web user interface
+
+## 3.0.0-next-7.7
+
+### Patch Changes
+
+- 117eb1c: fix: change bundleDependencies to array
+
+## 3.0.0-next-7.6
+
+### Patch Changes
+
+- ba53d1e: feat: versions filter by semver range
+
+## 3.0.0-next-7.5
+
+### Minor Changes
+
+- c9962fe: feat: forbidden user interface
+
+## 3.0.0-next-7.4
+
+### Patch Changes
+
+- 5210408: fix: ui dialog break pages on open due remark error
+
+## 3.0.0-next-7.3
+
+### Patch Changes
+
+- 3323599: fix: render READMEs with correct font and highlighting
+
+## 3.0.0-next.2
+
+### Major Changes
+
+- e7ebccb61: update major dependencies, remove old nodejs support
+
+### Minor Changes
+
+- 580319a53: feat: ui improvements
+
+  Some UI improvements
+
+  - download progress indicator: https://github.com/verdaccio/verdaccio/discussions/4068
+  - fix dark mode and readme css support https://github.com/verdaccio/verdaccio/discussions/3942 https://github.com/verdaccio/verdaccio/discussions/3467
+  - fix global for yarn packages and add version to the packages on copy
+  - feat: hide deprecated versions option
+  - fix: improve deprecated package style
+  - feat: display deprecated versions
+
+### Patch Changes
+
+- 02ba426ce: fix: display labels for engine versions
+
 ## 3.0.0-next.1
 
 ### Patch Changes

package/build/AppTest/AppRoute.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _index = require("../index");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const VersionPage = (0, _index.loadable)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Version" */'./pages/Version'))));
+const Front = (0, _index.loadable)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Home" */'./pages/Front'))));
+const AppRoute = () => {
+  return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Switch, null, /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    exact: true,
+    path: _index.Route.ROOT
+  }, /*#__PURE__*/_react.default.createElement(Front, null)), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    exact: true,
+    path: _index.Route.PACKAGE
+  }, /*#__PURE__*/_react.default.createElement(_index.VersionProvider, null, /*#__PURE__*/_react.default.createElement(VersionPage, null))), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    exact: true,
+    path: _index.Route.PACKAGE_VERSION
+  }, /*#__PURE__*/_react.default.createElement(_index.VersionProvider, null, /*#__PURE__*/_react.default.createElement(VersionPage, null))), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    exact: true,
+    path: _index.Route.SCOPE_PACKAGE_VERSION
+  }, /*#__PURE__*/_react.default.createElement(_index.VersionProvider, null, /*#__PURE__*/_react.default.createElement(VersionPage, null))), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, {
+    exact: true,
+    path: _index.Route.SCOPE_PACKAGE
+  }, /*#__PURE__*/_react.default.createElement(_index.VersionProvider, null, /*#__PURE__*/_react.default.createElement(VersionPage, null))), /*#__PURE__*/_react.default.createElement(_reactRouterDom.Route, null, /*#__PURE__*/_react.default.createElement(_index.NotFound, null)));
+};
+var _default = exports.default = AppRoute;
+//# sourceMappingURL=AppRoute.js.map

package/build/AppTest/pages/Front/Home.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _index = require("../../../index");
+var _default = exports.default = _index.Home;
+//# sourceMappingURL=Home.js.map

package/build/AppTest/pages/Front/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Home.default;
+  }
+});
+var _Home = _interopRequireDefault(require("./Home"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/build/AppTest/pages/Version/Version.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRedux = require("react-redux");
+var _Forbidden = _interopRequireDefault(require("../../../components/Forbidden"));
+var _index = require("../../../index");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Version = () => {
+  const manifestStore = (0, _reactRedux.useSelector)(state => state.manifest);
+  const isLoading = (0, _reactRedux.useSelector)(state => {
+    var _state$loading;
+    return state === null || state === void 0 || (_state$loading = state.loading) === null || _state$loading === void 0 ? void 0 : _state$loading.models.manifest;
+  });
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(_index.Loading, null);
+  }
+
+  // @ts-expect-error
+  if (manifestStore.forbidden) {
+    return /*#__PURE__*/_react.default.createElement(_Forbidden.default, null);
+  }
+
+  // @ts-expect-error
+  if (manifestStore.hasNotBeenFound) {
+    return /*#__PURE__*/_react.default.createElement(_index.NotFound, null);
+  }
+  return /*#__PURE__*/_react.default.createElement(_index.VersionLayout, null);
+};
+var _default = exports.default = Version;
+//# sourceMappingURL=Version.js.map

package/build/AppTest/pages/Version/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Version.default;
+  }
+});
+var _Version = _interopRequireDefault(require("./Version"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/build/Theme/ResetStyles.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const resetStyles = (0, _styles.makeStyles)(({
   theme
 }) => ({
@@ -45,6 +45,5 @@ const ResetStyles = ({
   resetStyles();
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
-var _default = ResetStyles;
-exports.default = _default;
+var _default = exports.default = ResetStyles;
 //# sourceMappingURL=ResetStyles.js.map

package/build/Theme/StyleBaseline.js

@@ -8,8 +8,7 @@ var _CssBaseline = _interopRequireDefault(require("@mui/material/CssBaseline"));
 require("normalize.css");
 var _react = _interopRequireDefault(require("react"));
 var _ResetStyles = _interopRequireDefault(require("./ResetStyles"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyleBaseline = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CssBaseline.default, null), /*#__PURE__*/_react.default.createElement(_ResetStyles.default, null));
-var _default = StyleBaseline;
-exports.default = _default;
+var _default = exports.default = StyleBaseline;
 //# sourceMappingURL=StyleBaseline.js.map

package/build/Theme/ThemeProvider.js

@@ -9,9 +9,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _useLocalStorage = _interopRequireDefault(require("../hooks/useLocalStorage"));
 var _AppConfigurationProvider = require("../providers/AppConfigurationProvider");
 var _theme = require("./theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 function getDarkModeDefault(darkModeConfig) {
   var _window$matchMedia, _window;

package/build/Theme/colors.js

@@ -4,6 +4,5 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PRIMARY_COLOR = void 0;
-const PRIMARY_COLOR = '#4b5e40';
-exports.PRIMARY_COLOR = PRIMARY_COLOR;
+const PRIMARY_COLOR = exports.PRIMARY_COLOR = '#4b5e40';
 //# sourceMappingURL=colors.js.map

package/build/Theme/index.js

@@ -39,7 +39,7 @@ exports.colors = _colors;
 var _ThemeProvider = require("./ThemeProvider");
 var _StyleBaseline = _interopRequireDefault(require("./StyleBaseline"));
 var _theme = require("./theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 //# sourceMappingURL=index.js.map

package/build/Theme/theme.js

@@ -10,11 +10,11 @@ const colors = {
   black: '#000',
   white: '#fff',
   red: '#d32f2f',
-  orange: '#CD4000',
+  orange: '#cd4000',
   greySuperLight: '#f5f5f5',
   greyLight: '#d3d3d3',
   greyLight2: '#908ba1',
-  greyLight3: '#f3f4f240',
+  greyLight3: '#f3f4f2',
   greyDark: '#a9a9a9',
   greyDark2: '#586069',
   greyChateau: '#95989a',
@@ -29,7 +29,7 @@ const colors = {
   nobel02: '#9f9f9f',
   primary: _colors.PRIMARY_COLOR,
   secondary: '#20232a',
-  background: '#fff',
+  background: '#f4f4f4',
   dodgerBlue: '#1ba1f2',
   cyanBlue: '#253341'
 };
@@ -39,9 +39,9 @@ const themeModes = {
   },
   dark: {
     ...colors,
-    primary: '#24394e',
+    primary: '#ffffff',
     secondary: '#424242',
-    background: '#1A202C'
+    background: '#1a202c'
   }
 };
 function applyPrimaryColor(mode, primaryColor) {
@@ -65,7 +65,7 @@ const fontWeight = {
   semiBold: 500,
   bold: 700
 };
-const breakPoints = {
+const breakPoints = exports.breakPoints = {
   xsmall: 400,
   small: 576,
   medium: 768,
@@ -73,7 +73,6 @@ const breakPoints = {
   container: 1240,
   xlarge: 1275
 };
-exports.breakPoints = breakPoints;
 const customizedTheme = {
   fontSize,
   fontWeight,
@@ -101,6 +100,17 @@ const getTheme = (themeMode, primaryColor) => {
         default: palette.background
       }
     },
+    // Looks better in darkmode without background opacity
+    // https://mui.com/material-ui/migration/v5-component-changes/#change-dark-mode-background-opacity
+    components: {
+      MuiPaper: {
+        styleOverrides: {
+          root: {
+            backgroundImage: 'unset'
+          }
+        }
+      }
+    },
     ...customizedTheme
   });
 };

package/build/__mocks__/react-markdown.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = _default;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // eslint-disable
 
 // @ts-ignore

package/build/components/ActionBar/ActionBar.js

@@ -5,14 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Stack = _interopRequireDefault(require("@mui/material/Stack"));
 var _react = _interopRequireWildcard(require("react"));
 var _utils = require("../../utils");
 var _RawViewer = _interopRequireDefault(require("../RawViewer"));
 var _ActionBarAction = _interopRequireDefault(require("./ActionBarAction"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable verdaccio/jsx-spread */
 const ActionBar = ({
   showRaw,
   showDownloadTarball = true,
@@ -55,7 +56,12 @@ const ActionBar = ({
   return /*#__PURE__*/_react.default.createElement(_Box.default, {
     alignItems: "center",
     display: "flex",
-    marginBottom: "14px"
+    sx: {
+      my: 2
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Stack.default, {
+    direction: "row",
+    spacing: 1
   }, actions.map(action => /*#__PURE__*/_react.default.createElement(_ActionBarAction.default, _extends({
     key: action.type
   }, action))), isRawViewerOpen && /*#__PURE__*/_react.default.createElement(_RawViewer.default, {
@@ -64,8 +70,7 @@ const ActionBar = ({
       setIsRawViewerOpen(false);
     },
     packageMeta: packageMeta
-  }));
+  })));
 };
-var _default = ActionBar;
-exports.default = _default;
+var _default = exports.default = ActionBar;
 //# sourceMappingURL=ActionBar.js.map

package/build/components/ActionBar/ActionBarAction.js

@@ -9,16 +9,17 @@ var _BugReport = _interopRequireDefault(require("@mui/icons-material/BugReport")
 var _CloudDownload = _interopRequireDefault(require("@mui/icons-material/CloudDownload"));
 var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
 var _RawOn = _interopRequireDefault(require("@mui/icons-material/RawOn"));
+var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
 var _reactRedux = require("react-redux");
-var _Link = require("../Link");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Fab = /*#__PURE__*/(0, _base.default)(_Fab.default, process.env.NODE_ENV === "production" ? {
+var _LinkExternal = _interopRequireDefault(require("../LinkExternal"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Fab = exports.Fab = /*#__PURE__*/(0, _base.default)(_Fab.default, process.env.NODE_ENV === "production" ? {
   target: "e1yxykdq0"
 } : {
   target: "e1yxykdq0",
@@ -27,14 +28,11 @@ const Fab = /*#__PURE__*/(0, _base.default)(_Fab.default, process.env.NODE_ENV =
   theme
 }) => ({
   backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.primary.main : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue,
-  color: theme === null || theme === void 0 ? void 0 : theme.palette.white,
-  marginRight: 10,
-  ':hover': {
-    color: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.primary.main : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue,
-    background: theme === null || theme === void 0 ? void 0 : theme.palette.white
-  }
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25CYXIvQWN0aW9uQmFyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCdWdSZXBvcnRJY29uIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvQnVnUmVwb3J0JztcbmltcG9ydCBEb3dubG9hZEljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG91ZERvd25sb2FkJztcbmltcG9ydCBIb21lSWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0hvbWUnO1xuaW1wb3J0IFJhd09uSWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL1Jhd09uJztcbmltcG9ydCBGYWJNVUkgZnJvbSAnQG11aS9tYXRlcmlhbC9GYWInO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG11aS9tYXRlcmlhbC9Ub29sdGlwJztcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyB1c2VEaXNwYXRjaCB9IGZyb20gJ3JlYWN0LXJlZHV4JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBEaXNwYXRjaCB9IGZyb20gJy4uLy4uL3N0b3JlL3N0b3JlJztcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJztcblxuZXhwb3J0IGNvbnN0IEZhYiA9IHN0eWxlZChGYWJNVUkpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWU/LnBhbGV0dGUubW9kZSA9PT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbiA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIG1hcmdpblJpZ2h0OiAxMCxcbiAgJzpob3Zlcic6IHtcbiAgICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbiA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lPy5wYWxldHRlLndoaXRlLFxuICB9LFxufSkpO1xuXG50eXBlIEFjdGlvblR5cGUgPSAnVklTSVRfSE9NRVBBR0UnIHwgJ09QRU5fQU5fSVNTVUUnIHwgJ0RPV05MT0FEX1RBUkJBTEwnIHwgJ1JBV19EQVRBJztcblxuZXhwb3J0IGludGVyZmFjZSBBY3Rpb25CYXJBY3Rpb25Qcm9wcyB7XG4gIHR5cGU6IEFjdGlvblR5cGU7XG4gIGxpbms/OiBzdHJpbmc7XG4gIGFjdGlvbj86ICgpID0+IHZvaWQ7XG59XG5cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1uby1iaW5kICovXG5jb25zdCBBY3Rpb25CYXJBY3Rpb246IFJlYWN0LkZDPEFjdGlvbkJhckFjdGlvblByb3BzPiA9ICh7IHR5cGUsIGxpbmssIGFjdGlvbiB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaDxEaXNwYXRjaD4oKTtcblxuICBjb25zdCBoYW5kbGVEb3dubG9hZCA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBkaXNwYXRjaC5kb3dubG9hZC5nZXRUYXJiYWxsKHsgbGluayB9KTtcbiAgfSwgW2Rpc3BhdGNoLCBsaW5rXSk7XG5cbiAgc3dpdGNoICh0eXBlKSB7XG4gICAgY2FzZSAnVklTSVRfSE9NRVBBR0UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnZpc2l0LWhvbWUtcGFnZScpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPExpbmsgZXh0ZXJuYWw9e3RydWV9IHRvPXtsaW5rfSB2YXJpYW50PVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8RmFiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICA8SG9tZUljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgICBjYXNlICdPUEVOX0FOX0lTU1VFJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5vcGVuLWFuLWlzc3VlJykgYXMgc3RyaW5nfT5cbiAgICAgICAgICA8TGluayBleHRlcm5hbD17dHJ1ZX0gdG89e2xpbmt9IHZhcmlhbnQ9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxGYWIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxCdWdSZXBvcnRJY29uIC8+XG4gICAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnRE9XTkxPQURfVEFSQkFMTCc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VG9vbHRpcCB0aXRsZT17dCgnYWN0aW9uLWJhci1hY3Rpb24uZG93bmxvYWQtdGFyYmFsbCcpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPEZhYiBkYXRhLXRlc3RpZD1cImRvd25sb2FkLXRhcmJhbGwtYnRuXCIgb25DbGljaz17aGFuZGxlRG93bmxvYWR9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPERvd25sb2FkSWNvbiAvPlxuICAgICAgICAgIDwvRmFiPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApO1xuICAgIGNhc2UgJ1JBV19EQVRBJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5yYXcnKSBhcyBzdHJpbmd9PlxuICAgICAgICAgIDxGYWIgZGF0YS10ZXN0aWQ9XCJyYXctYnRuXCIgb25DbGljaz17YWN0aW9ufSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgIDxSYXdPbkljb24gLz5cbiAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQmFyQWN0aW9uO1xuIl19 */");
-exports.Fab = Fab;
+  '&:hover': {
+    color: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.primary.main : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue
+  },
+  color: theme === null || theme === void 0 ? void 0 : theme.palette.white
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQWN0aW9uQmFyL0FjdGlvbkJhckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQnVnUmVwb3J0SWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0J1Z1JlcG9ydCc7XG5pbXBvcnQgRG93bmxvYWRJY29uIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvQ2xvdWREb3dubG9hZCc7XG5pbXBvcnQgSG9tZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9Ib21lJztcbmltcG9ydCBSYXdPbkljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9SYXdPbic7XG5pbXBvcnQgQ2lyY3VsYXJQcm9ncmVzcyBmcm9tICdAbXVpL21hdGVyaWFsL0NpcmN1bGFyUHJvZ3Jlc3MnO1xuaW1wb3J0IEZhYk1VSSBmcm9tICdAbXVpL21hdGVyaWFsL0ZhYic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZURpc3BhdGNoLCB1c2VTZWxlY3RvciB9IGZyb20gJ3JlYWN0LXJlZHV4JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBEaXNwYXRjaCwgUm9vdFN0YXRlIH0gZnJvbSAnLi4vLi4vc3RvcmUvc3RvcmUnO1xuaW1wb3J0IExpbmtFeHRlcm5hbCBmcm9tICcuLi9MaW5rRXh0ZXJuYWwnO1xuXG5leHBvcnQgY29uc3QgRmFiID0gc3R5bGVkKEZhYk1VSSk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjpcbiAgICB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluIDogdGhlbWU/LnBhbGV0dGUuY3lhbkJsdWUsXG4gICcmOmhvdmVyJzoge1xuICAgIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluIDogdGhlbWU/LnBhbGV0dGUuY3lhbkJsdWUsXG4gIH0sXG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbn0pKTtcblxudHlwZSBBY3Rpb25UeXBlID0gJ1ZJU0lUX0hPTUVQQUdFJyB8ICdPUEVOX0FOX0lTU1VFJyB8ICdET1dOTE9BRF9UQVJCQUxMJyB8ICdSQVdfREFUQSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWN0aW9uQmFyQWN0aW9uUHJvcHMge1xuICB0eXBlOiBBY3Rpb25UeXBlO1xuICBsaW5rPzogc3RyaW5nO1xuICBhY3Rpb24/OiAoKSA9PiB2b2lkO1xufVxuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtbm8tYmluZCAqL1xuY29uc3QgQWN0aW9uQmFyQWN0aW9uOiBSZWFjdC5GQzxBY3Rpb25CYXJBY3Rpb25Qcm9wcz4gPSAoeyB0eXBlLCBsaW5rLCBhY3Rpb24gfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGRpc3BhdGNoID0gdXNlRGlzcGF0Y2g8RGlzcGF0Y2g+KCk7XG4gIGNvbnN0IGlzTG9hZGluZyA9IHVzZVNlbGVjdG9yKChzdGF0ZTogUm9vdFN0YXRlKSA9PiBzdGF0ZT8ubG9hZGluZz8ubW9kZWxzLmRvd25sb2FkKTtcblxuICBjb25zdCBoYW5kbGVEb3dubG9hZCA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBkaXNwYXRjaC5kb3dubG9hZC5nZXRUYXJiYWxsKHsgbGluayB9KTtcbiAgfSwgW2Rpc3BhdGNoLCBsaW5rXSk7XG5cbiAgc3dpdGNoICh0eXBlKSB7XG4gICAgY2FzZSAnVklTSVRfSE9NRVBBR0UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnZpc2l0LWhvbWUtcGFnZScpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPExpbmtFeHRlcm5hbCB0bz17bGlua30gdmFyaWFudD1cImJ1dHRvblwiPlxuICAgICAgICAgICAgPEZhYiBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgICAgPEhvbWVJY29uIC8+XG4gICAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgICA8L0xpbmtFeHRlcm5hbD5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgICBjYXNlICdPUEVOX0FOX0lTU1VFJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5vcGVuLWFuLWlzc3VlJykgYXMgc3RyaW5nfT5cbiAgICAgICAgICA8TGlua0V4dGVybmFsIHRvPXtsaW5rfSB2YXJpYW50PVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8RmFiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICA8QnVnUmVwb3J0SWNvbiAvPlxuICAgICAgICAgICAgPC9GYWI+XG4gICAgICAgICAgPC9MaW5rRXh0ZXJuYWw+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnRE9XTkxPQURfVEFSQkFMTCc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VG9vbHRpcCB0aXRsZT17dCgnYWN0aW9uLWJhci1hY3Rpb24uZG93bmxvYWQtdGFyYmFsbCcpIGFzIHN0cmluZ30+XG4gICAgICAgICAge2lzTG9hZGluZyA/IChcbiAgICAgICAgICAgIDxDaXJjdWxhclByb2dyZXNzIHN4PXt7IG1hcmdpblg6IDAgfX0+XG4gICAgICAgICAgICAgIDxGYWIgZGF0YS10ZXN0aWQ9XCJkb3dubG9hZC10YXJiYWxsLWJ0blwiIG9uQ2xpY2s9e2hhbmRsZURvd25sb2FkfSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgICAgICA8RG93bmxvYWRJY29uIC8+XG4gICAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgICAgPC9DaXJjdWxhclByb2dyZXNzPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8RmFiIGRhdGEtdGVzdGlkPVwiZG93bmxvYWQtdGFyYmFsbC1idG5cIiBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZH0gc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxEb3dubG9hZEljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnUkFXX0RBVEEnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnJhdycpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPEZhYiBkYXRhLXRlc3RpZD1cInJhdy1idG5cIiBvbkNsaWNrPXthY3Rpb259IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPFJhd09uSWNvbiAvPlxuICAgICAgICAgIDwvRmFiPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApO1xuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY3Rpb25CYXJBY3Rpb247XG4iXX0= */");
 /* eslint-disable react/jsx-no-bind */
 const ActionBarAction = ({
   type,
@@ -45,6 +43,10 @@ const ActionBarAction = ({
     t
   } = (0, _reactI18next.useTranslation)();
   const dispatch = (0, _reactRedux.useDispatch)();
+  const isLoading = (0, _reactRedux.useSelector)(state => {
+    var _state$loading;
+    return state === null || state === void 0 || (_state$loading = state.loading) === null || _state$loading === void 0 ? void 0 : _state$loading.models.download;
+  });
   const handleDownload = (0, _react.useCallback)(async () => {
     dispatch.download.getTarball({
       link
@@ -54,8 +56,7 @@ const ActionBarAction = ({
     case 'VISIT_HOMEPAGE':
       return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         title: t('action-bar-action.visit-home-page')
-      }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
-        external: true,
+      }, /*#__PURE__*/_react.default.createElement(_LinkExternal.default, {
         to: link,
         variant: "button"
       }, /*#__PURE__*/_react.default.createElement(Fab, {
@@ -64,8 +65,7 @@ const ActionBarAction = ({
     case 'OPEN_AN_ISSUE':
       return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         title: t('action-bar-action.open-an-issue')
-      }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
-        external: true,
+      }, /*#__PURE__*/_react.default.createElement(_LinkExternal.default, {
         to: link,
         variant: "button"
       }, /*#__PURE__*/_react.default.createElement(Fab, {
@@ -74,10 +74,18 @@ const ActionBarAction = ({
     case 'DOWNLOAD_TARBALL':
       return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
         title: t('action-bar-action.download-tarball')
+      }, isLoading ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+        sx: {
+          marginX: 0
+        }
       }, /*#__PURE__*/_react.default.createElement(Fab, {
         "data-testid": "download-tarball-btn",
         onClick: handleDownload,
         size: "small"
+      }, /*#__PURE__*/_react.default.createElement(_CloudDownload.default, null))) : /*#__PURE__*/_react.default.createElement(Fab, {
+        "data-testid": "download-tarball-btn",
+        onClick: handleDownload,
+        size: "small"
       }, /*#__PURE__*/_react.default.createElement(_CloudDownload.default, null)));
     case 'RAW_DATA':
       return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
@@ -89,6 +97,5 @@ const ActionBarAction = ({
       }, /*#__PURE__*/_react.default.createElement(_RawOn.default, null)));
   }
 };
-var _default = ActionBarAction;
-exports.default = _default;
+var _default = exports.default = ActionBarAction;
 //# sourceMappingURL=ActionBarAction.js.map

package/build/components/ActionBar/index.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _ActionBar = _interopRequireDefault(require("./ActionBar"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 //# sourceMappingURL=index.js.map

package/build/components/Author/Author.js

@@ -4,29 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-exports.getAuthorName = getAuthorName;
-var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
 var _List = _interopRequireDefault(require("@mui/material/List"));
-var _i18next = _interopRequireDefault(require("i18next"));
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
-var _utils = require("../../utils");
+var _Person = _interopRequireDefault(require("../Person"));
 var _styles = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function getAuthorName(authorName) {
-  if (!authorName) {
-    return _i18next.default.t('author-unknown');
-  }
-  if (authorName.toLowerCase() === 'anonymous') {
-    return _i18next.default.t('author-anonymous');
-  }
-  return authorName;
-}
-
-/**
- * @param param0
- * @returns
- */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Author = ({
   packageMeta
 }) => {
@@ -44,25 +27,20 @@ const Author = ({
   if (!author) {
     return null;
   }
-  const {
-    email,
-    name
-  } = author;
-  const avatarComponent = /*#__PURE__*/_react.default.createElement(_Avatar.default, {
-    alt: author.name,
-    src: author.avatar
-  });
   return /*#__PURE__*/_react.default.createElement(_List.default, {
     subheader: /*#__PURE__*/_react.default.createElement(_styles.StyledText, {
       variant: 'subtitle1'
     }, t('sidebar.author.title'))
-  }, /*#__PURE__*/_react.default.createElement(_styles.AuthorListItem, null, !email || !_utils.url.isEmail(email) ? avatarComponent : /*#__PURE__*/_react.default.createElement("a", {
-    href: `mailto:${email}?subject=${packageName}@${version}`,
-    target: '_top'
-  }, avatarComponent), name && /*#__PURE__*/_react.default.createElement(_styles.AuthorListItemText, {
-    primary: getAuthorName(name)
+  }, /*#__PURE__*/_react.default.createElement(_styles.AuthorListItem, {
+    sx: {
+      my: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Person.default, {
+    packageName: packageName,
+    person: author,
+    version: version,
+    withText: true
   })));
 };
-var _default = Author;
-exports.default = _default;
+var _default = exports.default = Author;
 //# sourceMappingURL=Author.js.map