@verdaccio/ui-components 3.0.0-next.2 → 4.0.0-next-8.1

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,96 @@
 # @verdaccio/ui-components
 
+## 4.0.0-next-8.1
+
+### Minor Changes
+
+- 6a8154c: feat: update logger pino to latest
+
+## 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

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,31 @@
+"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 => 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
 }) => ({
@@ -16,7 +16,7 @@ const resetStyles = (0, _styles.makeStyles)(({
       fontFamily: '"Roboto", Helvetica Neue, Arial, sans-serif'
     },
     strong: {
-      fontWeight: theme === null || theme === void 0 ? void 0 : theme.fontWeight.semiBold
+      fontWeight: theme?.fontWeight.semiBold
     },
     'html, body, #root': {
       height: '100%'
@@ -30,8 +30,8 @@ const resetStyles = (0, _styles.makeStyles)(({
       padding: 15,
       flex: 1,
       height: '100%',
-      [`@media screen and (min-width: ${theme === null || theme === void 0 ? void 0 : theme.breakPoints.container}px)`]: {
-        maxWidth: theme === null || theme === void 0 ? void 0 : theme.breakPoints.container,
+      [`@media screen and (min-width: ${theme?.breakPoints.container}px)`]: {
+        maxWidth: theme?.breakPoints.container,
         width: '100%',
         marginLeft: 'auto',
         marginRight: 'auto'
@@ -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,13 +9,12 @@ 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;
-  const prefersDarkMode = (_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(prefers-color-scheme:dark)').matches;
+  const prefersDarkMode = window.matchMedia?.('(prefers-color-scheme:dark)').matches;
   if (typeof darkModeConfig === 'boolean') {
     return darkModeConfig;
   } else {

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

@@ -10,17 +10,17 @@ 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); } /* eslint-disable verdaccio/jsx-spread */
+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,
   packageMeta
 }) => {
   const [isRawViewerOpen, setIsRawViewerOpen] = (0, _react.useState)(false);
-  if (!(packageMeta !== null && packageMeta !== void 0 && packageMeta.latest)) {
+  if (!packageMeta?.latest) {
     return null;
   }
   const {
@@ -35,13 +35,13 @@ const ActionBar = ({
       link: homepage
     });
   }
-  if (bugs !== null && bugs !== void 0 && bugs.url && _utils.url.isURL(bugs.url)) {
+  if (bugs?.url && _utils.url.isURL(bugs.url)) {
     actions.push({
       type: 'OPEN_AN_ISSUE',
       link: bugs.url
     });
   }
-  if (dist !== null && dist !== void 0 && dist.tarball && _utils.url.isURL(dist.tarball) && showDownloadTarball) {
+  if (dist?.tarball && _utils.url.isURL(dist.tarball) && showDownloadTarball) {
     actions.push({
       type: 'DOWNLOAD_TARBALL',
       link: dist.tarball
@@ -56,7 +56,9 @@ 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
@@ -70,6 +72,5 @@ const ActionBar = ({
     packageMeta: packageMeta
   })));
 };
-var _default = ActionBar;
-exports.default = _default;
+var _default = exports.default = ActionBar;
 //# sourceMappingURL=ActionBar.js.map

package/build/components/ActionBar/ActionBarAction.js

@@ -15,11 +15,11 @@ 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,10 +27,12 @@ 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
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQWN0aW9uQmFyL0FjdGlvbkJhckFjdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQnVnUmVwb3J0SWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0J1Z1JlcG9ydCc7XG5pbXBvcnQgRG93bmxvYWRJY29uIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvQ2xvdWREb3dubG9hZCc7XG5pbXBvcnQgSG9tZUljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9Ib21lJztcbmltcG9ydCBSYXdPbkljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9SYXdPbic7XG5pbXBvcnQgQ2lyY3VsYXJQcm9ncmVzcyBmcm9tICdAbXVpL21hdGVyaWFsL0NpcmN1bGFyUHJvZ3Jlc3MnO1xuaW1wb3J0IEZhYk1VSSBmcm9tICdAbXVpL21hdGVyaWFsL0ZhYic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZURpc3BhdGNoLCB1c2VTZWxlY3RvciB9IGZyb20gJ3JlYWN0LXJlZHV4JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBEaXNwYXRjaCwgUm9vdFN0YXRlIH0gZnJvbSAnLi4vLi4vc3RvcmUvc3RvcmUnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJy4uL0xpbmsnO1xuXG5leHBvcnQgY29uc3QgRmFiID0gc3R5bGVkKEZhYk1VSSk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjpcbiAgICB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluIDogdGhlbWU/LnBhbGV0dGUuY3lhbkJsdWUsXG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbn0pKTtcblxudHlwZSBBY3Rpb25UeXBlID0gJ1ZJU0lUX0hPTUVQQUdFJyB8ICdPUEVOX0FOX0lTU1VFJyB8ICdET1dOTE9BRF9UQVJCQUxMJyB8ICdSQVdfREFUQSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWN0aW9uQmFyQWN0aW9uUHJvcHMge1xuICB0eXBlOiBBY3Rpb25UeXBlO1xuICBsaW5rPzogc3RyaW5nO1xuICBhY3Rpb24/OiAoKSA9PiB2b2lkO1xufVxuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtbm8tYmluZCAqL1xuY29uc3QgQWN0aW9uQmFyQWN0aW9uOiBSZWFjdC5GQzxBY3Rpb25CYXJBY3Rpb25Qcm9wcz4gPSAoeyB0eXBlLCBsaW5rLCBhY3Rpb24gfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IGRpc3BhdGNoID0gdXNlRGlzcGF0Y2g8RGlzcGF0Y2g+KCk7XG4gIGNvbnN0IGlzTG9hZGluZyA9IHVzZVNlbGVjdG9yKChzdGF0ZTogUm9vdFN0YXRlKSA9PiBzdGF0ZT8ubG9hZGluZz8ubW9kZWxzLmRvd25sb2FkKTtcblxuICBjb25zdCBoYW5kbGVEb3dubG9hZCA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBkaXNwYXRjaC5kb3dubG9hZC5nZXRUYXJiYWxsKHsgbGluayB9KTtcbiAgfSwgW2Rpc3BhdGNoLCBsaW5rXSk7XG5cbiAgc3dpdGNoICh0eXBlKSB7XG4gICAgY2FzZSAnVklTSVRfSE9NRVBBR0UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnZpc2l0LWhvbWUtcGFnZScpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPExpbmsgZXh0ZXJuYWw9e3RydWV9IHRvPXtsaW5rfSB2YXJpYW50PVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8RmFiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICA8SG9tZUljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgICBjYXNlICdPUEVOX0FOX0lTU1VFJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5vcGVuLWFuLWlzc3VlJykgYXMgc3RyaW5nfT5cbiAgICAgICAgICA8TGluayBleHRlcm5hbD17dHJ1ZX0gdG89e2xpbmt9IHZhcmlhbnQ9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxGYWIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxCdWdSZXBvcnRJY29uIC8+XG4gICAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnRE9XTkxPQURfVEFSQkFMTCc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VG9vbHRpcCB0aXRsZT17dCgnYWN0aW9uLWJhci1hY3Rpb24uZG93bmxvYWQtdGFyYmFsbCcpIGFzIHN0cmluZ30+XG4gICAgICAgICAge2lzTG9hZGluZyA/IChcbiAgICAgICAgICAgIDxDaXJjdWxhclByb2dyZXNzIHN4PXt7IG1hcmdpblg6IDAgfX0+XG4gICAgICAgICAgICAgIDxGYWIgZGF0YS10ZXN0aWQ9XCJkb3dubG9hZC10YXJiYWxsLWJ0blwiIG9uQ2xpY2s9e2hhbmRsZURvd25sb2FkfSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgICAgICA8RG93bmxvYWRJY29uIC8+XG4gICAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgICAgPC9DaXJjdWxhclByb2dyZXNzPlxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8RmFiIGRhdGEtdGVzdGlkPVwiZG93bmxvYWQtdGFyYmFsbC1idG5cIiBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZH0gc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxEb3dubG9hZEljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnUkFXX0RBVEEnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnJhdycpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPEZhYiBkYXRhLXRlc3RpZD1cInJhdy1idG5cIiBvbkNsaWNrPXthY3Rpb259IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPFJhd09uSWNvbiAvPlxuICAgICAgICAgIDwvRmFiPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApO1xuICB9XG59O1xuXG5leHBvcnQgZGVmYXVsdCBBY3Rpb25CYXJBY3Rpb247XG4iXX0= */");
-exports.Fab = Fab;
+  backgroundColor: theme?.palette.mode === 'light' ? theme?.palette.primary.main : theme?.palette.cyanBlue,
+  '&:hover': {
+    color: theme?.palette.mode === 'light' ? theme?.palette.primary.main : theme?.palette.cyanBlue
+  },
+  color: 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,
@@ -41,10 +43,7 @@ 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 ? void 0 : (_state$loading = state.loading) === null || _state$loading === void 0 ? void 0 : _state$loading.models.download;
-  });
+  const isLoading = (0, _reactRedux.useSelector)(state => state?.loading?.models.download);
   const handleDownload = (0, _react.useCallback)(async () => {
     dispatch.download.getTarball({
       link
@@ -54,8 +53,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 +62,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, {
@@ -97,6 +94,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