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

package/build/components/TextField/index.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _TextField = _interopRequireDefault(require("./TextField"));
-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/UpLinks/UpLinks.js

@@ -4,14 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
 var _List = _interopRequireDefault(require("@mui/material/List"));
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _utils = require("../../utils");
 var _NoItems = _interopRequireDefault(require("../NoItems"));
+var _UplinkLink = _interopRequireDefault(require("./UplinkLink"));
 var _styles = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const UpLinks = ({
   packageMeta
 }) => {
@@ -26,19 +30,43 @@ const UpLinks = ({
     latest
   } = packageMeta;
   if (Object.keys(uplinks).length === 0) {
-    return /*#__PURE__*/_react.default.createElement(_NoItems.default, {
+    return /*#__PURE__*/_react.default.createElement(_Card.default, {
+      sx: {
+        mb: 2
+      }
+    }, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_NoItems.default, {
       "data-testid": "no-uplinks",
       text: t('uplinks.no-items', {
         name: latest.name
       })
-    });
+    })));
   }
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.StyledText, {
+  return /*#__PURE__*/_react.default.createElement(_Card.default, {
+    sx: {
+      mb: 2
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    "data-testid": "uplinks",
+    sx: {
+      m: 2
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles.StyledText, {
     variant: "subtitle1"
-  }, t('uplinks.title')), /*#__PURE__*/_react.default.createElement(_List.default, null, Object.keys(uplinks).reverse().map(name => /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-    key: name
-  }, /*#__PURE__*/_react.default.createElement(_styles.ListItemText, null, name), /*#__PURE__*/_react.default.createElement(_styles.Spacer, null), /*#__PURE__*/_react.default.createElement(_styles.ListItemText, null, _utils.utils.formatDateDistance(uplinks[name].fetched))))));
+  }, t('uplinks.title')), /*#__PURE__*/_react.default.createElement(_List.default, {
+    dense: true
+  }, Object.keys(uplinks).reverse().map(name => /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+    className: "version-item",
+    "data-testid": `uplink-${name}`,
+    key: name,
+    sx: {
+      pr: 0
+    }
+  }, /*#__PURE__*/_react.default.createElement(_styles.ListItemText, null, /*#__PURE__*/_react.default.createElement(_UplinkLink.default, {
+    packageName: latest.name,
+    uplinkName: name
+  })), /*#__PURE__*/_react.default.createElement(_styles.Spacer, null), /*#__PURE__*/_react.default.createElement(_styles.ListItemText, {
+    title: _utils.utils.formatDate(uplinks[name].fetched)
+  }, _utils.utils.formatDateDistance(uplinks[name].fetched))))))));
 };
-var _default = UpLinks;
-exports.default = _default;
+var _default = exports.default = UpLinks;
 //# sourceMappingURL=UpLinks.js.map

package/build/components/UpLinks/UplinkLink.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
+var _LinkExternal = _interopRequireDefault(require("../LinkExternal"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const UpLinkLink = ({
+  packageName,
+  uplinkName
+}) => {
+  const link = _utils.utils.getUplink(uplinkName, packageName);
+  return link ? /*#__PURE__*/_react.default.createElement(_LinkExternal.default, {
+    to: link,
+    variant: "outline"
+  }, uplinkName) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, uplinkName);
+};
+var _default = exports.default = UpLinkLink;
+//# sourceMappingURL=UplinkLink.js.map

package/build/components/UpLinks/index.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _UpLinks = _interopRequireDefault(require("./UpLinks"));
-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/UpLinks/styles.js

@@ -7,8 +7,8 @@ exports.StyledText = exports.Spacer = exports.ListItemText = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledText = /*#__PURE__*/(0, _base.default)(_Typography.default, process.env.NODE_ENV === "production" ? {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledText = exports.StyledText = /*#__PURE__*/(0, _base.default)(_Typography.default, process.env.NODE_ENV === "production" ? {
   target: "ebttozw2"
 } : {
   target: "ebttozw2",
@@ -18,9 +18,8 @@ const StyledText = /*#__PURE__*/(0, _base.default)(_Typography.default, process.
   return {
     fontWeight: (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.fontWeight.bold
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1VwTGlua3Mvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0wQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9VcExpbmtzL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgTXVpTGlzdEl0ZW1UZXh0IH0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbVRleHQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTcGFjZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBmbGV4OiAnMSAxIGF1dG8nLFxuICBib3JkZXJCb3R0b206IGAxcHggZG90dGVkICR7XG4gICAgdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gJ3JnYmEoMCwgMCwgMCwgMC4yKScgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpJ1xuICB9IGAsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICBoZWlnaHQ6ICcwLjVlbScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRleHQgPSBzdHlsZWQoTXVpTGlzdEl0ZW1UZXh0KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJ25vbmUnLFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuYmxhY2sgOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbiAgb3BhY2l0eTogMC42LFxufSkpO1xuIl19 */");
-exports.StyledText = StyledText;
-const Spacer = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1VwTGlua3Mvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0wQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9VcExpbmtzL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgTXVpTGlzdEl0ZW1UZXh0IH0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbVRleHQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTcGFjZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBmbGV4OiAnMSAxIGF1dG8nLFxuICBib3JkZXJCb3R0b206IGAxcHggZG90dGVkICR7XG4gICAgdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gJ3JnYmEoMCwgMCwgMCwgMC4yKScgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpJ1xuICB9IGAsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICBoZWlnaHQ6ICcwLjVlbScsXG4gIG1hcmdpbjogJzAgMTZweCcsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRleHQgPSBzdHlsZWQoTXVpTGlzdEl0ZW1UZXh0KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJ25vbmUnLFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuYmxhY2sgOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbiAgb3BhY2l0eTogMC42LFxufSkpO1xuIl19 */");
+const Spacer = exports.Spacer = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
   target: "ebttozw1"
 } : {
   target: "ebttozw1",
@@ -31,10 +30,10 @@ const Spacer = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "
   flex: '1 1 auto',
   borderBottom: `1px dotted ${(theme === null || theme === void 0 ? void 0 : theme.palette.mode) == 'light' ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)'} `,
   whiteSpace: 'nowrap',
-  height: '0.5em'
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1VwTGlua3Mvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9VcExpbmtzL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgTXVpTGlzdEl0ZW1UZXh0IH0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbVRleHQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTcGFjZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBmbGV4OiAnMSAxIGF1dG8nLFxuICBib3JkZXJCb3R0b206IGAxcHggZG90dGVkICR7XG4gICAgdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gJ3JnYmEoMCwgMCwgMCwgMC4yKScgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpJ1xuICB9IGAsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICBoZWlnaHQ6ICcwLjVlbScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRleHQgPSBzdHlsZWQoTXVpTGlzdEl0ZW1UZXh0KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJ25vbmUnLFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuYmxhY2sgOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbiAgb3BhY2l0eTogMC42LFxufSkpO1xuIl19 */");
-exports.Spacer = Spacer;
-const ListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, process.env.NODE_ENV === "production" ? {
+  height: '0.5em',
+  margin: '0 16px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1VwTGlua3Mvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9VcExpbmtzL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGRlZmF1bHQgYXMgTXVpTGlzdEl0ZW1UZXh0IH0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbVRleHQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTcGFjZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBmbGV4OiAnMSAxIGF1dG8nLFxuICBib3JkZXJCb3R0b206IGAxcHggZG90dGVkICR7XG4gICAgdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gJ3JnYmEoMCwgMCwgMCwgMC4yKScgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjIpJ1xuICB9IGAsXG4gIHdoaXRlU3BhY2U6ICdub3dyYXAnLFxuICBoZWlnaHQ6ICcwLjVlbScsXG4gIG1hcmdpbjogJzAgMTZweCcsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMaXN0SXRlbVRleHQgPSBzdHlsZWQoTXVpTGlzdEl0ZW1UZXh0KTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJ25vbmUnLFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuYmxhY2sgOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbiAgb3BhY2l0eTogMC42LFxufSkpO1xuIl19 */");
+const ListItemText = exports.ListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, process.env.NODE_ENV === "production" ? {
   target: "ebttozw0"
 } : {
   target: "ebttozw0",
@@ -45,6 +44,5 @@ const ListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, proc
   flex: 'none',
   color: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) == 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.black : theme === null || theme === void 0 ? void 0 : theme.palette.white,
   opacity: 0.6
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1VwTGlua3Mvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVXBMaW5rcy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIE11aUxpc3RJdGVtVGV4dCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1UZXh0JztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtdWkvbWF0ZXJpYWwvVHlwb2dyYXBoeSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3BhY2VyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJzEgMSBhdXRvJyxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IGRvdHRlZCAke1xuICAgIHRoZW1lPy5wYWxldHRlLm1vZGUgPT0gJ2xpZ2h0JyA/ICdyZ2JhKDAsIDAsIDAsIDAuMiknIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKSdcbiAgfSBgLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgaGVpZ2h0OiAnMC41ZW0nLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKE11aUxpc3RJdGVtVGV4dCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGZsZXg6ICdub25lJyxcbiAgY29sb3I6IHRoZW1lPy5wYWxldHRlLm1vZGUgPT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLmJsYWNrIDogdGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIG9wYWNpdHk6IDAuNixcbn0pKTtcbiJdfQ== */");
-exports.ListItemText = ListItemText;
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1VwTGlua3Mvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVXBMaW5rcy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZWZhdWx0IGFzIE11aUxpc3RJdGVtVGV4dCB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1UZXh0JztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtdWkvbWF0ZXJpYWwvVHlwb2dyYXBoeSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgU3BhY2VyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJzEgMSBhdXRvJyxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IGRvdHRlZCAke1xuICAgIHRoZW1lPy5wYWxldHRlLm1vZGUgPT0gJ2xpZ2h0JyA/ICdyZ2JhKDAsIDAsIDAsIDAuMiknIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKSdcbiAgfSBgLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgaGVpZ2h0OiAnMC41ZW0nLFxuICBtYXJnaW46ICcwIDE2cHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKE11aUxpc3RJdGVtVGV4dCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGZsZXg6ICdub25lJyxcbiAgY29sb3I6IHRoZW1lPy5wYWxldHRlLm1vZGUgPT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLmJsYWNrIDogdGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIG9wYWNpdHk6IDAuNixcbn0pKTtcbiJdfQ== */");
 //# sourceMappingURL=styles.js.map

package/build/components/Versions/HistoryList.js

@@ -13,9 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
 var _providers = require("../../providers");
 var _utils = require("../../utils");
-var _Link = require("../Link");
+var _Link = _interopRequireDefault(require("../Link"));
 var _styles2 = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function filterDeprecated(versions) {
   const versionsIds = Object.keys(versions);
   return versionsIds.reduce((prev, current) => {
@@ -41,29 +41,35 @@ const VersionsHistoryList = ({
   const listVersions = hideDeprecatedVersions ? filterDeprecated(versions) : versions;
   return /*#__PURE__*/_react.default.createElement(_List.default, {
     dense: true
-  }, Object.keys(listVersions).reverse().map(version => /*#__PURE__*/_react.default.createElement(_ListItem.default, {
-    className: "version-item",
-    "data-testid": `version-${version}`,
-    key: version
-  }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
-    to: `/-/web/detail/${packageName}/v/${version}`,
-    variant: "caption"
-  }, /*#__PURE__*/_react.default.createElement(_styles2.ListItemText, {
-    disableTypography: false,
-    primary: version
-  })), typeof versions[version].deprecated === 'string' ? /*#__PURE__*/_react.default.createElement(_Chip.default, {
-    color: "warning",
-    "data-testid": "deprecated-badge",
-    label: t('versions.deprecated'),
-    size: "small",
-    sx: {
-      marginLeft: theme.spacing(1)
-    },
-    variant: "outlined"
-  }) : null, /*#__PURE__*/_react.default.createElement(_styles2.Spacer, null), /*#__PURE__*/_react.default.createElement(_styles2.ListItemText, {
-    title: _utils.utils.formatDate(time[version])
-  }, time[version] ? _utils.utils.formatDateDistance(time[version]) : t('versions.not-available')))));
+  }, Object.keys(listVersions).reverse().map(version => {
+    var _versions$version;
+    return /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+      className: "version-item",
+      "data-testid": `version-${version}`,
+      key: version,
+      sx: {
+        pr: 0
+      }
+    }, /*#__PURE__*/_react.default.createElement(_Link.default, {
+      to: `${_utils.Route.DETAIL}${packageName}/v/${version}`,
+      variant: "outline"
+    }, /*#__PURE__*/_react.default.createElement(_styles2.ListItemText, {
+      disableTypography: false,
+      primary: version
+    })), typeof ((_versions$version = versions[version]) === null || _versions$version === void 0 ? void 0 : _versions$version.deprecated) === 'string' ? /*#__PURE__*/_react.default.createElement(_Chip.default, {
+      color: "warning",
+      "data-testid": "deprecated-badge",
+      label: t('versions.deprecated'),
+      size: "small",
+      sx: {
+        marginLeft: theme.spacing(1)
+      },
+      variant: "outlined"
+    }) : null, /*#__PURE__*/_react.default.createElement(_styles2.Spacer, null), /*#__PURE__*/_react.default.createElement(_styles2.ListItemText, {
+      "data-testid": `version-list-text`,
+      title: _utils.utils.formatDate(time[version])
+    }, time[version] ? _utils.utils.formatDateDistance(time[version]) : t('versions.not-available')));
+  }));
 };
-var _default = VersionsHistoryList;
-exports.default = _default;
+var _default = exports.default = VersionsHistoryList;
 //# sourceMappingURL=HistoryList.js.map

package/build/components/Versions/TagList.js

@@ -7,9 +7,10 @@ exports.default = void 0;
 var _List = _interopRequireDefault(require("@mui/material/List"));
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
 var _react = _interopRequireDefault(require("react"));
-var _Link = require("../Link");
+var _utils = require("../../utils");
+var _Link = _interopRequireDefault(require("../Link"));
 var _styles = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const VersionsTagList = ({
   tags,
   packageName,
@@ -21,11 +22,13 @@ const VersionsTagList = ({
 }).map(tag => /*#__PURE__*/_react.default.createElement(_ListItem.default, {
   className: "version-item",
   "data-testid": `tag-${tag}`,
-  key: tag
-}, /*#__PURE__*/_react.default.createElement(_Link.Link, {
-  to: `/-/web/detail/${packageName}/v/${tags[tag]}`,
+  key: tag,
+  sx: {
+    pr: 0
+  }
+}, /*#__PURE__*/_react.default.createElement(_Link.default, {
+  to: `${_utils.Route.DETAIL}${packageName}/v/${tags[tag]}`,
   variant: "outline"
 }, /*#__PURE__*/_react.default.createElement(_styles.ListItemText, null, tag)), /*#__PURE__*/_react.default.createElement(_styles.Spacer, null), /*#__PURE__*/_react.default.createElement(_styles.ListItemText, null, tags[tag]))));
-var _default = VersionsTagList;
-exports.default = _default;
+var _default = exports.default = VersionsTagList;
 //# sourceMappingURL=TagList.js.map

package/build/components/Versions/Versions.js

@@ -3,16 +3,34 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.StyledText = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _styles = require("@mui/styles");
-var _react = _interopRequireDefault(require("react"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
+var _semver = _interopRequireDefault(require("semver"));
 var _providers = require("../../providers");
 var _HistoryList = _interopRequireDefault(require("./HistoryList"));
 var _TagList = _interopRequireDefault(require("./TagList"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 StyledText = exports.StyledText = /*#__PURE__*/(0, _base.default)(_Typography.default, process.env.NODE_ENV === "production" ? {
+  target: "e1kn2fte0"
+} : {
+  target: "e1kn2fte0",
+  label: "StyledText"
+})(props => ({
+  fontWeight: props.theme && props.theme.fontWeight.bold,
+  textTransform: 'capitalize'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1ZlcnNpb25zL1ZlcnNpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1ZlcnNpb25zL1ZlcnNpb25zLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBBbGVydCBmcm9tICdAbXVpL21hdGVyaWFsL0FsZXJ0JztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCBUZXh0RmllbGQgZnJvbSAnQG11aS9tYXRlcmlhbC9UZXh0RmllbGQnO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQG11aS9zdHlsZXMnO1xuaW1wb3J0IGRlYm91bmNlIGZyb20gJ2xvZGFzaC9kZWJvdW5jZSc7XG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuaW1wb3J0IHNlbXZlciBmcm9tICdzZW12ZXInO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycyc7XG5pbXBvcnQgVmVyc2lvbnNIaXN0b3J5TGlzdCBmcm9tICcuL0hpc3RvcnlMaXN0JztcbmltcG9ydCBWZXJzaW9uc1RhZ0xpc3QgZnJvbSAnLi9UYWdMaXN0JztcblxuZXhwb3J0IHR5cGUgUHJvcHMgPSB7IHBhY2thZ2VNZXRhOiBhbnk7IHBhY2thZ2VOYW1lOiBzdHJpbmcgfTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWUgJiYgcHJvcHMudGhlbWUuZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmNvbnN0IFZlcnNpb25zOiBSZWFjdC5GQzxQcm9wcz4gPSAoeyBwYWNrYWdlTWV0YSwgcGFja2FnZU5hbWUgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHsgY29uZmlnT3B0aW9ucyB9ID0gdXNlQ29uZmlnKCk7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgeyB2ZXJzaW9ucyA9IHt9LCB0aW1lID0ge30sIFsnZGlzdC10YWdzJ106IGRpc3RUYWdzID0ge30gfSA9IHBhY2thZ2VNZXRhO1xuXG4gIGNvbnN0IFtwYWNrYWdlVmVyc2lvbnMsIHNldFBhY2thZ2VWZXJzaW9uc10gPSB1c2VTdGF0ZSh2ZXJzaW9ucyk7XG4gIGlmICghcGFja2FnZU1ldGEgfHwgT2JqZWN0LmtleXMocGFja2FnZU1ldGEpLmxlbmd0aCA9PT0gMCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGNvbnN0IGhpZGVEZXByZWNhdGVkVmVyc2lvbnMgPSBjb25maWdPcHRpb25zLmhpZGVEZXByZWNhdGVkVmVyc2lvbnM7XG4gIGNvbnN0IGhhc0Rpc3RUYWdzID0gZGlzdFRhZ3MgJiYgT2JqZWN0LmtleXMoZGlzdFRhZ3MpLmxlbmd0aCA+IDAgJiYgcGFja2FnZU5hbWU7XG4gIGNvbnN0IGhhc1ZlcnNpb25IaXN0b3J5ID1cbiAgICBwYWNrYWdlVmVyc2lvbnMgJiYgT2JqZWN0LmtleXMocGFja2FnZVZlcnNpb25zKS5sZW5ndGggPiAwICYmIHBhY2thZ2VOYW1lO1xuXG4gIGNvbnN0IGZpbHRlclZlcnNpb25zID0gKHRleHRTZWFyY2gpID0+IHtcbiAgICBjb25zdCBmaWx0ZXJlZFZlcnNpb25zID0gT2JqZWN0LmtleXModmVyc2lvbnMpLnJlZHVjZSgoYWNjLCB2ZXJzaW9uKSA9PiB7XG4gICAgICBpZiAodGV4dFNlYXJjaCAhPT0gJycpIHtcbiAgICAgICAgaWYgKHR5cGVvZiB2ZXJzaW9uc1t2ZXJzaW9uXSAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICBpZiAoc2VtdmVyLnNhdGlzZmllcyh2ZXJzaW9uLCB0ZXh0U2VhcmNoLCB7IGluY2x1ZGVQcmVyZWxlYXNlOiB0cnVlLCBsb29zZTogdHJ1ZSB9KSkge1xuICAgICAgICAgICAgYWNjW3ZlcnNpb25dID0gdmVyc2lvbnNbdmVyc2lvbl07XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBhY2NbdmVyc2lvbl0gPSB2ZXJzaW9uc1t2ZXJzaW9uXTtcbiAgICAgIH1cbiAgICAgIHJldHVybiBhY2M7XG4gICAgfSwge30pO1xuXG4gICAgc2V0UGFja2FnZVZlcnNpb25zKGZpbHRlcmVkVmVyc2lvbnMpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPENhcmQgc3g9e3sgbWI6IDIgfX0+XG4gICAgICA8Q2FyZENvbnRlbnQ+XG4gICAgICAgIDxCb3ggZGF0YS10ZXN0aWQ9XCJ2ZXJzaW9uc1wiIHN4PXt7IG06IDIgfX0+XG4gICAgICAgICAge2hhc0Rpc3RUYWdzID8gKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPFN0eWxlZFRleHQgdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICAgICAgICAgIHt0KCd2ZXJzaW9ucy5jdXJyZW50LXRhZ3MnKX1cbiAgICAgICAgICAgICAgICA8c3Bhbj57YCAoJHtPYmplY3Qua2V5cyhkaXN0VGFncykubGVuZ3RofSlgfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgICAgICAgICA8VmVyc2lvbnNUYWdMaXN0IHBhY2thZ2VOYW1lPXtwYWNrYWdlTmFtZX0gdGFncz17ZGlzdFRhZ3N9IHRpbWU9e3RpbWV9IC8+XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFN0eWxlZFRleHQgdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICAgICAgICB7dCgndmVyc2lvbnMudmVyc2lvbi1oaXN0b3J5Jyl9XG4gICAgICAgICAgICAgIDxzcGFuPntgICgke09iamVjdC5rZXlzKHBhY2thZ2VWZXJzaW9ucykubGVuZ3RofSlgfTwvc3Bhbj5cbiAgICAgICAgICAgIDwvU3R5bGVkVGV4dD5cbiAgICAgICAgICAgIDxUZXh0RmllbGRcbiAgICAgICAgICAgICAgaGVscGVyVGV4dD17dCgndmVyc2lvbnMuc2VhcmNoLnBsYWNlaG9sZGVyJyl9XG4gICAgICAgICAgICAgIG9uQ2hhbmdlPXtkZWJvdW5jZSgoZSkgPT4ge1xuICAgICAgICAgICAgICAgIGZpbHRlclZlcnNpb25zKGUudGFyZ2V0LnZhbHVlKTtcbiAgICAgICAgICAgICAgfSwgMjAwKX1cbiAgICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgICAgdmFyaWFudD1cInN0YW5kYXJkXCJcbiAgICAgICAgICAgICAgd2lkdGg9XCI1MCVcIlxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgICB7aGFzVmVyc2lvbkhpc3RvcnkgPyAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7aGlkZURlcHJlY2F0ZWRWZXJzaW9ucyA9PT0gdHJ1ZSAmJiAoXG4gICAgICAgICAgICAgICAgPEFsZXJ0XG4gICAgICAgICAgICAgICAgICBzZXZlcml0eT1cImluZm9cIlxuICAgICAgICAgICAgICAgICAgc3g9e3sgbWFyZ2luVG9wOiB0aGVtZS5zcGFjaW5nKDEpLCBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7dCgndmVyc2lvbnMuaGlkZS1kZXByZWNhdGVkJyl9XG4gICAgICAgICAgICAgICAgPC9BbGVydD5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgPFZlcnNpb25zSGlzdG9yeUxpc3RcbiAgICAgICAgICAgICAgICBwYWNrYWdlTmFtZT17cGFja2FnZU5hbWV9XG4gICAgICAgICAgICAgICAgdGltZT17dGltZX1cbiAgICAgICAgICAgICAgICB2ZXJzaW9ucz17cGFja2FnZVZlcnNpb25zfVxuICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC8+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvQm94PlxuICAgICAgPC9DYXJkQ29udGVudD5cbiAgICA8L0NhcmQ+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBWZXJzaW9ucztcbiJdfQ== */");
 const Versions = ({
   packageMeta,
   packageName
@@ -24,26 +42,62 @@ const Versions = ({
     configOptions
   } = (0, _providers.useConfig)();
   const theme = (0, _styles.useTheme)();
-  if (!packageMeta) {
-    return null;
-  }
   const {
     versions = {},
     time = {},
     ['dist-tags']: distTags = {}
   } = packageMeta;
-  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;
-  const hasVersionHistory = versions && Object.keys(versions).length > 0 && packageName;
+  const [packageVersions, setPackageVersions] = (0, _react.useState)(versions);
+  if (!packageMeta || Object.keys(packageMeta).length === 0) {
+    return null;
+  }
   const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasDistTags ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;
+  const hasVersionHistory = packageVersions && Object.keys(packageVersions).length > 0 && packageName;
+  const filterVersions = textSearch => {
+    const filteredVersions = Object.keys(versions).reduce((acc, version) => {
+      if (textSearch !== '') {
+        if (typeof versions[version] !== 'undefined') {
+          if (_semver.default.satisfies(version, textSearch, {
+            includePrerelease: true,
+            loose: true
+          })) {
+            acc[version] = versions[version];
+          }
+        }
+      } else {
+        acc[version] = versions[version];
+      }
+      return acc;
+    }, {});
+    setPackageVersions(filteredVersions);
+  };
+  return /*#__PURE__*/_react.default.createElement(_Card.default, {
+    sx: {
+      mb: 2
+    }
+  }, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_Box.default, {
+    "data-testid": "versions",
+    sx: {
+      m: 2
+    }
+  }, hasDistTags ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledText, {
     variant: "subtitle1"
-  }, t('versions.current-tags')), /*#__PURE__*/_react.default.createElement(_TagList.default, {
+  }, t('versions.current-tags'), /*#__PURE__*/_react.default.createElement("span", null, ` (${Object.keys(distTags).length})`)), /*#__PURE__*/_react.default.createElement(_TagList.default, {
     packageName: packageName,
     tags: distTags,
     time: time
-  })) : null, hasVersionHistory ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+  })) : null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(StyledText, {
     variant: "subtitle1"
-  }, t('versions.version-history')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hideDeprecatedVersions && /*#__PURE__*/_react.default.createElement(_Alert.default, {
+  }, t('versions.version-history'), /*#__PURE__*/_react.default.createElement("span", null, ` (${Object.keys(packageVersions).length})`)), /*#__PURE__*/_react.default.createElement(_TextField.default, {
+    helperText: t('versions.search.placeholder'),
+    onChange: (0, _debounce.default)(e => {
+      filterVersions(e.target.value);
+    }, 200),
+    size: "small",
+    variant: "standard",
+    width: "50%"
+  })), hasVersionHistory ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hideDeprecatedVersions === true && /*#__PURE__*/_react.default.createElement(_Alert.default, {
     severity: "info",
     sx: {
       marginTop: theme.spacing(1),
@@ -52,9 +106,8 @@ const Versions = ({
   }, t('versions.hide-deprecated')), /*#__PURE__*/_react.default.createElement(_HistoryList.default, {
     packageName: packageName,
     time: time,
-    versions: versions
-  }))) : null);
+    versions: packageVersions
+  })) : null)));
 };
-var _default = Versions;
-exports.default = _default;
+var _default = exports.default = Versions;
 //# sourceMappingURL=Versions.js.map

package/build/components/Versions/index.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "default", {
   }
 });
 var _Versions = _interopRequireDefault(require("./Versions"));
-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/Versions/styles.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.Spacer = exports.ListItemText = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Spacer = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Spacer = exports.Spacer = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
   target: "e19ns5fr1"
 } : {
   target: "e19ns5fr1",
@@ -21,8 +21,7 @@ const Spacer = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "
   height: '0.5em',
   margin: '0 16px'
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1ZlcnNpb25zL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLc0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVmVyc2lvbnMvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBNdWlMaXN0SXRlbVRleHQgfSBmcm9tICdAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3BhY2VyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJzEgMSBhdXRvJyxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IGRvdHRlZCAke1xuICAgIHRoZW1lPy5wYWxldHRlLm1vZGUgPT0gJ2xpZ2h0JyA/ICdyZ2JhKDAsIDAsIDAsIDAuMiknIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKSdcbiAgfSBgLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgaGVpZ2h0OiAnMC41ZW0nLFxuICBtYXJnaW46ICcwIDE2cHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKE11aUxpc3RJdGVtVGV4dCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGZsZXg6ICdub25lJyxcbiAgb3BhY2l0eTogMC42LFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuYmxhY2sgOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbn0pKTtcbiJdfQ== */");
-exports.Spacer = Spacer;
-const ListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, process.env.NODE_ENV === "production" ? {
+const ListItemText = exports.ListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, process.env.NODE_ENV === "production" ? {
   target: "e19ns5fr0"
 } : {
   target: "e19ns5fr0",
@@ -34,5 +33,4 @@ const ListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, proc
   opacity: 0.6,
   color: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) == 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.black : theme === null || theme === void 0 ? void 0 : theme.palette.white
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1ZlcnNpb25zL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlNEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvVmVyc2lvbnMvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZGVmYXVsdCBhcyBNdWlMaXN0SXRlbVRleHQgfSBmcm9tICdAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3BhY2VyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZmxleDogJzEgMSBhdXRvJyxcbiAgYm9yZGVyQm90dG9tOiBgMXB4IGRvdHRlZCAke1xuICAgIHRoZW1lPy5wYWxldHRlLm1vZGUgPT0gJ2xpZ2h0JyA/ICdyZ2JhKDAsIDAsIDAsIDAuMiknIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKSdcbiAgfSBgLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgaGVpZ2h0OiAnMC41ZW0nLFxuICBtYXJnaW46ICcwIDE2cHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKE11aUxpc3RJdGVtVGV4dCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGZsZXg6ICdub25lJyxcbiAgb3BhY2l0eTogMC42LFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuYmxhY2sgOiB0aGVtZT8ucGFsZXR0ZS53aGl0ZSxcbn0pKTtcbiJdfQ== */");
-exports.ListItemText = ListItemText;
 //# sourceMappingURL=styles.js.map

package/build/hooks/index.js

@@ -17,5 +17,5 @@ Object.defineProperty(exports, "useOnClickOutside", {
 });
 var _useLocalStorage = _interopRequireDefault(require("./useLocalStorage"));
 var _useOnClickOutside = _interopRequireDefault(require("./useOnClickOutside"));
-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/hooks/useLocalStorage.js

@@ -49,6 +49,5 @@ const useLocalStorage = (key, initialValue) => {
   };
   return [storedValue, setValue];
 };
-var _default = useLocalStorage;
-exports.default = _default;
+var _default = exports.default = useLocalStorage;
 //# sourceMappingURL=useLocalStorage.js.map

package/build/hooks/useOnClickOutside.js

@@ -28,6 +28,5 @@ function useOnClickOutside(ref, handler) {
     };
   }, [ref, handler]);
 }
-var _default = useOnClickOutside;
-exports.default = _default;
+var _default = exports.default = useOnClickOutside;
 //# sourceMappingURL=useOnClickOutside.js.map

package/build/index.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   CopyClipboard: true,
   copyToClipBoardUtility: true,
-  Link: true,
   ActionBar: true,
   Author: true,
   Dependencies: true,
@@ -18,7 +17,11 @@ var _exportNames = {
   Heading: true,
   Icons: true,
   Install: true,
+  Keywords: true,
+  Link: true,
+  LinkExternal: true,
   RawViewer: true,
+  Person: true,
   Readme: true,
   SideBarTitle: true,
   UpLinks: true,
@@ -28,6 +31,7 @@ var _exportNames = {
   Logo: true,
   MenuItem: true,
   NotFound: true,
+  Forbidden: true,
   LoginDialog: true,
   Search: true,
   HeaderInfoDialog: true,
@@ -136,6 +140,12 @@ Object.defineProperty(exports, "Footer", {
     return _Footer.default;
   }
 });
+Object.defineProperty(exports, "Forbidden", {
+  enumerable: true,
+  get: function () {
+    return _Forbidden.default;
+  }
+});
 Object.defineProperty(exports, "FundButton", {
   enumerable: true,
   get: function () {
@@ -179,6 +189,12 @@ Object.defineProperty(exports, "Install", {
     return _Install.default;
   }
 });
+Object.defineProperty(exports, "Keywords", {
+  enumerable: true,
+  get: function () {
+    return _Keywords.default;
+  }
+});
 Object.defineProperty(exports, "Label", {
   enumerable: true,
   get: function () {
@@ -194,7 +210,13 @@ Object.defineProperty(exports, "LanguageItem", {
 Object.defineProperty(exports, "Link", {
   enumerable: true,
   get: function () {
-    return _Link.Link;
+    return _Link.default;
+  }
+});
+Object.defineProperty(exports, "LinkExternal", {
+  enumerable: true,
+  get: function () {
+    return _LinkExternal.default;
   }
 });
 Object.defineProperty(exports, "Loading", {
@@ -263,6 +285,12 @@ Object.defineProperty(exports, "PersistenceSettingProvider", {
     return _PersistenceSettingProvider.default;
   }
 });
+Object.defineProperty(exports, "Person", {
+  enumerable: true,
+  get: function () {
+    return _Person.default;
+  }
+});
 Object.defineProperty(exports, "RawViewer", {
   enumerable: true,
   get: function () {
@@ -302,7 +330,7 @@ Object.defineProperty(exports, "SideBar", {
 Object.defineProperty(exports, "SideBarTitle", {
   enumerable: true,
   get: function () {
-    return _SideBarTittle.default;
+    return _SideBarTitle.default;
   }
 });
 Object.defineProperty(exports, "TextField", {
@@ -383,7 +411,6 @@ Object.keys(_CopyClipboard).forEach(function (key) {
     }
   });
 });
-var _Link = require("./components/Link");
 var _ActionBar = _interopRequireDefault(require("./components/ActionBar"));
 var _Author = _interopRequireDefault(require("./components/Author"));
 var _Dependencies = _interopRequireDefault(require("./components/Dependencies"));
@@ -396,9 +423,13 @@ var _Heading = _interopRequireDefault(require("./components/Heading"));
 var _Icons = _interopRequireWildcard(require("./components/Icons"));
 exports.Icons = _Icons;
 var _Install = _interopRequireDefault(require("./components/Install"));
+var _Keywords = _interopRequireDefault(require("./components/Keywords"));
+var _Link = _interopRequireDefault(require("./components/Link"));
+var _LinkExternal = _interopRequireDefault(require("./components/LinkExternal"));
 var _RawViewer = _interopRequireDefault(require("./components/RawViewer"));
+var _Person = _interopRequireDefault(require("./components/Person"));
 var _Readme = _interopRequireDefault(require("./components/Readme"));
-var _SideBarTittle = _interopRequireDefault(require("./components/SideBarTittle"));
+var _SideBarTitle = _interopRequireDefault(require("./components/SideBarTitle"));
 var _UpLinks = _interopRequireDefault(require("./components/UpLinks"));
 var _Versions = _interopRequireDefault(require("./components/Versions"));
 var _TextField = _interopRequireDefault(require("./components/TextField"));
@@ -406,6 +437,7 @@ var _Label = _interopRequireDefault(require("./components/Label"));
 var _Logo = _interopRequireDefault(require("./components/Logo"));
 var _MenuItem = _interopRequireDefault(require("./components/MenuItem"));
 var _NotFound = _interopRequireDefault(require("./components/NotFound"));
+var _Forbidden = _interopRequireDefault(require("./components/Forbidden"));
 var _LoginDialog = _interopRequireDefault(require("./components/LoginDialog"));
 var _Search = _interopRequireDefault(require("./components/Search"));
 var _HeaderInfoDialog = _interopRequireDefault(require("./components/HeaderInfoDialog"));
@@ -494,7 +526,7 @@ Object.keys(_Theme).forEach(function (key) {
   });
 });
 var _store = require("./store");
-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