@verdaccio/ui-components 2.0.0-alpha.0 → 3.0.0-next.1

package/build/components/SettingsMenu/SettingsMenu.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
+var _Settings = _interopRequireDefault(require("@mui/icons-material/Settings"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _ListItemIcon = _interopRequireDefault(require("@mui/material/ListItemIcon"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _PersistenceSettingProvider = require("../../providers/PersistenceSettingProvider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const InstallListItem = ({
+  packageName
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    localSettings,
+    updateSettings
+  } = (0, _PersistenceSettingProvider.useSettings)();
+  const [anchorEl, setAnchorEl] = _react.default.useState(null);
+  const open = Boolean(anchorEl);
+  const handleOpenMenu = event => {
+    setAnchorEl(event.currentTarget);
+  };
+  const handleClick = () => {
+    var _localSettings$packag;
+    const statusGlobal = !((_localSettings$packag = localSettings[packageName]) !== null && _localSettings$packag !== void 0 && _localSettings$packag.global);
+    updateSettings({
+      [packageName]: {
+        global: statusGlobal
+      }
+    });
+    setAnchorEl(null);
+  };
+  const handleClose = () => {
+    setAnchorEl(null);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "aria-controls": open ? 'basic-menu' : undefined,
+    "aria-expanded": open ? 'true' : undefined,
+    "aria-haspopup": "true",
+    id: "basic-button",
+    onClick: handleOpenMenu,
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_Settings.default, {
+    fontSize: "small"
+  })), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+    MenuListProps: {
+      'aria-labelledby': 'basic-button'
+    },
+    anchorEl: anchorEl,
+    id: "basic-menu",
+    onClose: handleClose,
+    open: open
+  }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    onClick: handleClick
+  }, ' ', localSettings !== null && localSettings !== void 0 && localSettings.global ? /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Check.default, null)) : null, t('sidebar.installation.global'))));
+};
+var _default = InstallListItem;
+exports.default = _default;
+//# sourceMappingURL=SettingsMenu.js.map

package/build/components/SettingsMenu/index.js

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

package/build/components/SideBarTittle/SideBarTittle.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _Heading = _interopRequireDefault(require("../Heading"));
+var _Icons = require("../Icons");
+var _utils = require("./utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const ModuleJS = ({
+  module
+}) => {
+  if (module === 'commonjs') {
+    return /*#__PURE__*/_react.default.createElement(_Icons.CommonJS, null);
+  } else if (module === 'module') {
+    return /*#__PURE__*/_react.default.createElement(_Icons.ES6Modules, null);
+  } else {
+    return null;
+  }
+};
+const DetailSidebarTitle = ({
+  description,
+  packageName,
+  version,
+  isLatest,
+  hasTypes,
+  moduleType,
+  time
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    className: 'detail-info',
+    display: "flex",
+    flexDirection: "column",
+    marginBottom: "8px"
+  }, /*#__PURE__*/_react.default.createElement(StyledHeading, null, /*#__PURE__*/_react.default.createElement(TitleWrapper, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, packageName, hasTypes && /*#__PURE__*/_react.default.createElement(_Icons.TypeScript, null), /*#__PURE__*/_react.default.createElement(ModuleJS, {
+    module: moduleType
+  })))), description && /*#__PURE__*/_react.default.createElement("div", null, description), /*#__PURE__*/_react.default.createElement(StyledBoxVersion, {
+    title: (0, _utils.formatDate)(time)
+  }, isLatest ? t('sidebar.detail.latest-version', {
+    version
+  }) : t('sidebar.detail.version', {
+    version
+  }), time ? ' - ' + t('sidebar.detail.published') + ' ' + (0, _utils.formatDateDistance)(time) : t('versions.not-available')));
+};
+var _default = DetailSidebarTitle;
+exports.default = _default;
+const TitleWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "ef4bsox2"
+} : {
+  target: "ef4bsox2",
+  label: "TitleWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbn0pKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledHeading = /*#__PURE__*/(0, _base.default)(_Heading.default, process.env.NODE_ENV === "production" ? {
+  target: "ef4bsox1"
+} : {
+  target: "ef4bsox1",
+  label: "StyledHeading"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1wd9x1m",
+  styles: "font-size:1rem;font-weight:700"
+} : {
+  name: "1wd9x1m",
+  styles: "font-size:1rem;font-weight:700",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbn0pKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledBoxVersion = /*#__PURE__*/(0, _base.default)(_Box.default, process.env.NODE_ENV === "production" ? {
+  target: "ef4bsox0"
+} : {
+  target: "ef4bsox0",
+  label: "StyledBoxVersion"
+})(({
+  theme
+}) => ({
+  color: theme === null || theme === void 0 ? void 0 : theme.palette.text.secondary
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEV5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbn0pKTtcbiJdfQ== */");
+//# sourceMappingURL=SideBarTittle.js.map

package/build/components/SideBarTittle/index.js

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

package/build/components/SideBarTittle/utils.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIMEFORMAT = void 0;
+exports.formatDate = formatDate;
+exports.formatDateDistance = formatDateDistance;
+var _dayjs = _interopRequireDefault(require("dayjs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const TIMEFORMAT = 'L LTS';
+exports.TIMEFORMAT = TIMEFORMAT;
+function formatDate(lastUpdate) {
+  return (0, _dayjs.default)(new Date(lastUpdate)).format(TIMEFORMAT);
+}
+function formatDateDistance(lastUpdate) {
+  // @ts-ignore
+  return (0, _dayjs.default)(new Date(lastUpdate)).fromNow();
+}
+//# sourceMappingURL=utils.js.map

package/build/components/TextField/TextField.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _react = _interopRequireWildcard(require("react"));
+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 */
+// The default element type of MUI's TextField is 'div'
+
+const TextField = /*#__PURE__*/(0, _react.forwardRef)(function TextField({
+  InputProps,
+  classes,
+  ...props
+}, ref) {
+  return /*#__PURE__*/_react.default.createElement(_TextField.default, _extends({}, props, {
+    InputProps: {
+      ...InputProps,
+      classes
+    },
+    ref: ref
+  }));
+});
+var _default = TextField;
+exports.default = _default;
+//# sourceMappingURL=TextField.js.map

package/build/components/TextField/index.js

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

package/build/components/UpLinks/UpLinks.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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 _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const UpLinks = ({
+  packageMeta
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  if (!(packageMeta !== null && packageMeta !== void 0 && packageMeta._uplinks) || !packageMeta.latest) {
+    return null;
+  }
+  const {
+    _uplinks: uplinks,
+    latest
+  } = packageMeta;
+  if (Object.keys(uplinks).length === 0) {
+    return /*#__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, {
+    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))))));
+};
+var _default = UpLinks;
+exports.default = _default;
+//# sourceMappingURL=UpLinks.js.map

package/build/components/UpLinks/index.js

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

package/build/components/UpLinks/styles.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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" ? {
+  target: "ebttozw2"
+} : {
+  target: "ebttozw2",
+  label: "StyledText"
+})(props => {
+  var _props$theme;
+  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" ? {
+  target: "ebttozw1"
+} : {
+  target: "ebttozw1",
+  label: "Spacer"
+})(({
+  theme
+}) => ({
+  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" ? {
+  target: "ebttozw0"
+} : {
+  target: "ebttozw0",
+  label: "ListItemText"
+})(({
+  theme
+}) => ({
+  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;
+//# sourceMappingURL=styles.js.map

package/build/components/Versions/HistoryList.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+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 _Link = require("../Link");
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VersionsHistoryList = ({
+  versions,
+  packageName,
+  time
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/_react.default.createElement(_List.default, {
+    dense: true
+  }, Object.keys(versions).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(_styles.ListItemText, {
+    disableTypography: false,
+    primary: version
+  })), /*#__PURE__*/_react.default.createElement(_styles.Spacer, null), /*#__PURE__*/_react.default.createElement(_styles.ListItemText, {
+    title: _utils.utils.formatDate(time[version])
+  }, time[version] ? _utils.utils.formatDateDistance(time[version]) : t('versions.not-available')))));
+};
+var _default = VersionsHistoryList;
+exports.default = _default;
+//# sourceMappingURL=HistoryList.js.map

package/build/components/Versions/TagList.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VersionsTagList = ({
+  tags,
+  packageName,
+  time
+}) => /*#__PURE__*/_react.default.createElement(_List.default, {
+  dense: true
+}, Object.keys(tags).sort((a, b) => {
+  return time[tags[a]] < time[tags[b]] ? 1 : time[tags[a]] > time[tags[b]] ? -1 : 0;
+}).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]}`,
+  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;
+//# sourceMappingURL=TagList.js.map

package/build/components/Versions/Versions.js

@@ -0,0 +1,46 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _HistoryList = _interopRequireDefault(require("./HistoryList"));
+var _TagList = _interopRequireDefault(require("./TagList"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Versions = ({
+  packageMeta,
+  packageName
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  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;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hasDistTags ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "subtitle1"
+  }, t('versions.current-tags')), /*#__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, {
+    variant: "subtitle1"
+  }, t('versions.version-history')), /*#__PURE__*/_react.default.createElement(_HistoryList.default, {
+    packageName: packageName,
+    time: time,
+    versions: versions
+  })) : null);
+};
+var _default = Versions;
+exports.default = _default;
+//# sourceMappingURL=Versions.js.map