@verdaccio/ui-components 3.0.0-next.0 → 3.0.0-next.2

package/build/components/SettingsMenu/SettingsMenu.js

@@ -17,6 +17,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 const InstallListItem = ({
   packageName
 }) => {
+  var _localSettings$packag2;
   const {
     t
   } = (0, _reactI18next.useTranslation)();
@@ -29,19 +30,29 @@ const InstallListItem = ({
   const handleOpenMenu = event => {
     setAnchorEl(event.currentTarget);
   };
-  const handleClick = () => {
+  const handleGlobalSelect = () => {
     var _localSettings$packag;
     const statusGlobal = !((_localSettings$packag = localSettings[packageName]) !== null && _localSettings$packag !== void 0 && _localSettings$packag.global);
     updateSettings({
+      ...localSettings,
       [packageName]: {
         global: statusGlobal
       }
     });
     setAnchorEl(null);
   };
+  const handleGlobalYarnModern = () => {
+    const statusYarnModern = !(localSettings !== null && localSettings !== void 0 && localSettings.yarnModern);
+    updateSettings({
+      ...localSettings,
+      yarnModern: statusYarnModern
+    });
+    setAnchorEl(null);
+  };
   const handleClose = () => {
     setAnchorEl(null);
   };
+  const statusGlobal = (_localSettings$packag2 = localSettings[packageName]) === null || _localSettings$packag2 === void 0 ? void 0 : _localSettings$packag2.global;
   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,
@@ -60,8 +71,10 @@ const InstallListItem = ({
     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'))));
+    onClick: handleGlobalSelect
+  }, ' ', statusGlobal === true ? /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Check.default, null)) : null, t('sidebar.installation.global')), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
+    onClick: handleGlobalYarnModern
+  }, ' ', localSettings !== null && localSettings !== void 0 && localSettings.yarnModern ? /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Check.default, null)) : null, t('sidebar.installation.yarnModern'))));
 };
 var _default = InstallListItem;
 exports.default = _default;

package/build/components/SideBarTittle/SideBarTittle.js

@@ -64,7 +64,7 @@ const TitleWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV
 } : {
   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== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0VxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbiAgZm9udFNpemU6IHRoZW1lPy5mb250U2l6ZS5zbSxcbn0pKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledHeading = /*#__PURE__*/(0, _base.default)(_Heading.default, process.env.NODE_ENV === "production" ? {
@@ -78,7 +78,7 @@ const StyledHeading = /*#__PURE__*/(0, _base.default)(_Heading.default, process.
 } : {
   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== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbiAgZm9udFNpemU6IHRoZW1lPy5mb250U2l6ZS5zbSxcbn0pKTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 const StyledBoxVersion = /*#__PURE__*/(0, _base.default)(_Box.default, process.env.NODE_ENV === "production" ? {
@@ -89,6 +89,7 @@ const StyledBoxVersion = /*#__PURE__*/(0, _base.default)(_Box.default, process.e
 })(({
   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== */");
+  color: theme === null || theme === void 0 ? void 0 : theme.palette.text.secondary,
+  fontSize: theme === null || theme === void 0 ? void 0 : theme.fontSize.sm
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1NpZGVCYXJUaXR0bGUvU2lkZUJhclRpdHRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEV5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9TaWRlQmFyVGl0dGxlL1NpZGVCYXJUaXR0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEJveCBmcm9tICdAbXVpL21hdGVyaWFsL0JveCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgSGVhZGluZyBmcm9tICcuLi9IZWFkaW5nJztcbmltcG9ydCB7IENvbW1vbkpTLCBFUzZNb2R1bGVzLCBUeXBlU2NyaXB0IH0gZnJvbSAnLi4vSWNvbnMnO1xuaW1wb3J0IHsgZm9ybWF0RGF0ZSwgZm9ybWF0RGF0ZURpc3RhbmNlIH0gZnJvbSAnLi91dGlscyc7XG5cbmV4cG9ydCB0eXBlIE1vZHVsZVR5cGUgPSAnY29tbW9uanMnIHwgJ21vZHVsZSc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHBhY2thZ2VOYW1lOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nO1xuICB2ZXJzaW9uOiBzdHJpbmc7XG4gIGlzTGF0ZXN0OiBib29sZWFuO1xuICBoYXNUeXBlcz86IGJvb2xlYW47XG4gIG1vZHVsZVR5cGU6IE1vZHVsZVR5cGUgfCB2b2lkO1xuICB0aW1lOiBzdHJpbmc7XG59XG5cbmNvbnN0IE1vZHVsZUpTOiBSZWFjdC5GQzx7IG1vZHVsZTogTW9kdWxlVHlwZSB8IHZvaWQgfT4gPSAoeyBtb2R1bGUgfSkgPT4ge1xuICBpZiAobW9kdWxlID09PSAnY29tbW9uanMnKSB7XG4gICAgcmV0dXJuIDxDb21tb25KUyAvPjtcbiAgfSBlbHNlIGlmIChtb2R1bGUgPT09ICdtb2R1bGUnKSB7XG4gICAgcmV0dXJuIDxFUzZNb2R1bGVzIC8+O1xuICB9IGVsc2Uge1xuICAgIHJldHVybiBudWxsO1xuICB9XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyVGl0bGU6IFJlYWN0LkZDPFByb3BzPiA9ICh7XG4gIGRlc2NyaXB0aW9uLFxuICBwYWNrYWdlTmFtZSxcbiAgdmVyc2lvbixcbiAgaXNMYXRlc3QsXG4gIGhhc1R5cGVzLFxuICBtb2R1bGVUeXBlLFxuICB0aW1lLFxufSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIHJldHVybiAoXG4gICAgPEJveCBjbGFzc05hbWU9eydkZXRhaWwtaW5mbyd9IGRpc3BsYXk9XCJmbGV4XCIgZmxleERpcmVjdGlvbj1cImNvbHVtblwiIG1hcmdpbkJvdHRvbT1cIjhweFwiPlxuICAgICAgPFN0eWxlZEhlYWRpbmc+XG4gICAgICAgIDxUaXRsZVdyYXBwZXI+XG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIHtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgIHtoYXNUeXBlcyAmJiA8VHlwZVNjcmlwdCAvPn1cbiAgICAgICAgICAgIDxNb2R1bGVKUyBtb2R1bGU9e21vZHVsZVR5cGV9IC8+XG4gICAgICAgICAgPC8+XG4gICAgICAgIDwvVGl0bGVXcmFwcGVyPlxuICAgICAgPC9TdHlsZWRIZWFkaW5nPlxuICAgICAge2Rlc2NyaXB0aW9uICYmIDxkaXY+e2Rlc2NyaXB0aW9ufTwvZGl2Pn1cbiAgICAgIDxTdHlsZWRCb3hWZXJzaW9uIHRpdGxlPXtmb3JtYXREYXRlKHRpbWUpfT5cbiAgICAgICAge2lzTGF0ZXN0XG4gICAgICAgICAgPyB0KCdzaWRlYmFyLmRldGFpbC5sYXRlc3QtdmVyc2lvbicsIHsgdmVyc2lvbiB9KVxuICAgICAgICAgIDogdCgnc2lkZWJhci5kZXRhaWwudmVyc2lvbicsIHsgdmVyc2lvbiB9KX1cbiAgICAgICAge3RpbWVcbiAgICAgICAgICA/ICcgLSAnICsgdCgnc2lkZWJhci5kZXRhaWwucHVibGlzaGVkJykgKyAnICcgKyBmb3JtYXREYXRlRGlzdGFuY2UodGltZSlcbiAgICAgICAgICA6IHQoJ3ZlcnNpb25zLm5vdC1hdmFpbGFibGUnKX1cbiAgICAgIDwvU3R5bGVkQm94VmVyc2lvbj5cbiAgICA8L0JveD5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERldGFpbFNpZGViYXJUaXRsZTtcblxuY29uc3QgVGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdih7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuY29uc3QgU3R5bGVkSGVhZGluZyA9IHN0eWxlZChIZWFkaW5nKSh7XG4gIGZvbnRTaXplOiAnMXJlbScsXG4gIGZvbnRXZWlnaHQ6IDcwMCxcbn0pO1xuXG5jb25zdCBTdHlsZWRCb3hWZXJzaW9uID0gc3R5bGVkKEJveCk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS50ZXh0LnNlY29uZGFyeSxcbiAgZm9udFNpemU6IHRoZW1lPy5mb250U2l6ZS5zbSxcbn0pKTtcbiJdfQ== */");
 //# sourceMappingURL=SideBarTittle.js.map

package/build/components/Versions/HistoryList.js

@@ -4,14 +4,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+exports.filterDeprecated = filterDeprecated;
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
 var _List = _interopRequireDefault(require("@mui/material/List"));
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
+var _providers = require("../../providers");
 var _utils = require("../../utils");
 var _Link = require("../Link");
-var _styles = require("./styles");
+var _styles2 = require("./styles");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function filterDeprecated(versions) {
+  const versionsIds = Object.keys(versions);
+  return versionsIds.reduce((prev, current) => {
+    if (!versions[current].deprecated) {
+      prev[current] = versions[current];
+    }
+    return prev;
+  }, {});
+}
 const VersionsHistoryList = ({
   versions,
   packageName,
@@ -20,19 +33,34 @@ const VersionsHistoryList = ({
   const {
     t
   } = (0, _reactI18next.useTranslation)();
+  const {
+    configOptions
+  } = (0, _providers.useConfig)();
+  const theme = (0, _styles.useTheme)();
+  const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;
+  const listVersions = hideDeprecatedVersions ? filterDeprecated(versions) : versions;
   return /*#__PURE__*/_react.default.createElement(_List.default, {
     dense: true
-  }, Object.keys(versions).reverse().map(version => /*#__PURE__*/_react.default.createElement(_ListItem.default, {
+  }, 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(_styles.ListItemText, {
+  }, /*#__PURE__*/_react.default.createElement(_styles2.ListItemText, {
     disableTypography: false,
     primary: version
-  })), /*#__PURE__*/_react.default.createElement(_styles.Spacer, null), /*#__PURE__*/_react.default.createElement(_styles.ListItemText, {
+  })), 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')))));
 };

package/build/components/Versions/Versions.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
 var _reactI18next = require("react-i18next");
+var _providers = require("../../providers");
 var _HistoryList = _interopRequireDefault(require("./HistoryList"));
 var _TagList = _interopRequireDefault(require("./TagList"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -17,6 +20,10 @@ const Versions = ({
   const {
     t
   } = (0, _reactI18next.useTranslation)();
+  const {
+    configOptions
+  } = (0, _providers.useConfig)();
+  const theme = (0, _styles.useTheme)();
   if (!packageMeta) {
     return null;
   }
@@ -27,6 +34,7 @@ const Versions = ({
   } = packageMeta;
   const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;
   const hasVersionHistory = versions && Object.keys(versions).length > 0 && packageName;
+  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, {
     variant: "subtitle1"
   }, t('versions.current-tags')), /*#__PURE__*/_react.default.createElement(_TagList.default, {
@@ -35,11 +43,17 @@ const Versions = ({
     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, {
+  }, t('versions.version-history')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, hideDeprecatedVersions && /*#__PURE__*/_react.default.createElement(_Alert.default, {
+    severity: "info",
+    sx: {
+      marginTop: theme.spacing(1),
+      marginBottom: theme.spacing(1)
+    }
+  }, t('versions.hide-deprecated')), /*#__PURE__*/_react.default.createElement(_HistoryList.default, {
     packageName: packageName,
     time: time,
     versions: versions
-  })) : null);
+  }))) : null);
 };
 var _default = Versions;
 exports.default = _default;

package/build/components/Versions/__partials__/data.json

@@ -3,6 +3,7 @@
     "0.0.1": {
       "name": "@verdaccio/local-storage",
       "version": "0.0.1",
+      "deprecated": "this is deprecated",
       "description": "local storage implementation",
       "main": "lib/index.js",
       "scripts": {

package/build/components/Versions/__partials__/deprecated-versions.json

@@ -0,0 +1,175 @@
+{
+  "versions": {
+    "0.0.1": {
+      "name": "@verdaccio/local-storage",
+      "version": "0.0.1",
+      "description": "local storage implementation",
+      "main": "lib/index.js",
+      "scripts": {
+        "test": "npm run lint && mocha --require babel-polyfill  --compilers js:babel-core/register ./test/**/*.spec.js",
+        "lint": "eslint .",
+        "flow": "flow",
+        "build": "babel src/ --out-dir lib/ --copy-files",
+        "cover": "cross-env NODE_ENV=test nyc npm t"
+      },
+      "dependencies": {
+        "@verdaccio/file-locking": "^0.0.3",
+        "@verdaccio/streams": "^0.0.2",
+        "async": "2.5.0",
+        "http-errors": "1.4.0",
+        "lodash": "4.17.4",
+        "mkdirp": "0.5.1"
+      },
+      "devDependencies": {
+        "@verdaccio/types": "0.0.2",
+        "babel-cli": "6.24.1",
+        "babel-core": "6.25.0",
+        "babel-eslint": "^7.2.3",
+        "babel-plugin-istanbul": "4.1.4",
+        "babel-polyfill": "6.23.0",
+        "babel-preset-es2015": "6.24.1",
+        "babel-preset-es2015-node4": "2.1.0",
+        "babel-preset-flow": "6.23.0",
+        "babel-plugin-transform-inline-imports-commonjs": "1.0.0",
+        "babel-plugin-array-includes": "2.0.3",
+        "babel-plugin-transform-runtime": "6.4.3",
+        "cross-env": "5.0.5",
+        "eslint": "4.4.1",
+        "eslint-config-google": "0.9.1",
+        "eslint-plugin-flowtype": "2.35.0",
+        "flow-bin": "0.52.0",
+        "mocha": "3.5.0",
+        "nyc": "11.1.0"
+      },
+      "nyc": {
+        "include": ["src/**/*.js"],
+        "all": true,
+        "cache": true,
+        "sourceMap": false,
+        "instrument": false,
+        "report-dir": "./tests-report",
+        "reporter": ["text", "html"]
+      },
+      "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+      },
+      "keywords": ["streams"],
+      "author": {
+        "name": "Juan Picado",
+        "email": "juanpicado19@gmail.com"
+      },
+      "private": false,
+      "license": "MIT",
+      "gitHead": "e7e4ea74f20331dfde0a7133a02b5b95d68696a9",
+      "_id": "@verdaccio/local-storage@0.0.1",
+      "_npmVersion": "5.3.0",
+      "_nodeVersion": "8.2.1",
+      "_npmUser": {
+        "name": "jotadeveloper",
+        "email": "juanpicado19@gmail.com"
+      },
+      "dist": {
+        "integrity": "sha512-J7qeK3r6jbaMOf4mBIqL1bAdb7Iwb+mC4ZaE9PUE2TctzXSkRRnk2M33zWGhZV0ziEPGAF40wC76wWex2GvXeA==",
+        "shasum": "9c71cbeeb922b35efc1b31949d0afa6aac97e9b6",
+        "tarball": "http://localhost:4872/@verdaccio%2flocal-storage/-/local-storage-0.0.1.tgz"
+      },
+      "maintainers": [
+        {
+          "name": "jotadeveloper",
+          "email": "juanpicado19@gmail.com"
+        }
+      ],
+      "_npmOperationalInternal": {
+        "host": "s3://npm-registry-packages",
+        "tmp": "tmp/local-storage-0.0.1.tgz_1502536792670_0.3513342353980988"
+      },
+      "directories": {}
+    },
+    "0.0.2": {
+      "deprecated": "this package is deprecated",
+      "name": "@verdaccio/local-storage",
+      "version": "0.0.2",
+      "description": "local storage implementation",
+      "main": "lib/index.js",
+      "scripts": {
+        "test": "npm run lint && mocha --require babel-polyfill  --compilers js:babel-core/register ./test/**/*.spec.js",
+        "lint": "eslint .",
+        "flow": "flow",
+        "build": "babel src/ --out-dir lib/ --copy-files",
+        "cover": "cross-env NODE_ENV=test nyc npm t"
+      },
+      "dependencies": {
+        "@verdaccio/file-locking": "^0.0.3",
+        "@verdaccio/streams": "^0.0.2",
+        "async": "2.5.0",
+        "http-errors": "1.4.0",
+        "lodash": "4.17.4",
+        "mkdirp": "0.5.1"
+      },
+      "devDependencies": {
+        "@verdaccio/types": "0.0.2",
+        "babel-cli": "6.24.1",
+        "babel-core": "6.25.0",
+        "babel-eslint": "^7.2.3",
+        "babel-plugin-istanbul": "4.1.4",
+        "babel-polyfill": "6.23.0",
+        "babel-preset-es2015": "6.24.1",
+        "babel-preset-es2015-node4": "2.1.0",
+        "babel-preset-flow": "6.23.0",
+        "babel-plugin-transform-inline-imports-commonjs": "1.0.0",
+        "babel-plugin-array-includes": "2.0.3",
+        "babel-plugin-transform-runtime": "6.4.3",
+        "cross-env": "5.0.5",
+        "eslint": "4.4.1",
+        "eslint-config-google": "0.9.1",
+        "eslint-plugin-flowtype": "2.35.0",
+        "flow-bin": "0.52.0",
+        "mocha": "3.5.0",
+        "nyc": "11.1.0"
+      },
+      "nyc": {
+        "include": ["src/**/*.js"],
+        "all": true,
+        "cache": true,
+        "sourceMap": false,
+        "instrument": false,
+        "report-dir": "./tests-report",
+        "reporter": ["text", "html"]
+      },
+      "publishConfig": {
+        "registry": "https://registry.npmjs.org/"
+      },
+      "keywords": ["streams"],
+      "author": {
+        "name": "Juan Picado",
+        "email": "juanpicado19@gmail.com"
+      },
+      "private": false,
+      "license": "MIT",
+      "gitHead": "626ea013ee810da9115550e0a60f44aa3d08e9a0",
+      "_id": "@verdaccio/local-storage@0.0.2",
+      "_npmVersion": "5.3.0",
+      "_nodeVersion": "8.2.1",
+      "_npmUser": {
+        "name": "jotadeveloper",
+        "email": "juanpicado19@gmail.com"
+      },
+      "dist": {
+        "integrity": "sha512-Su0cQpLAaBab3qekpcHO+J/JCfoznTuU0P7e5q9T7R2trGVobYXvsTiIB/usQNmDr2e+1N6iBhMst7Uy+231ag==",
+        "shasum": "fe79ad6f9ceb631857618038486f729098e7b31b",
+        "tarball": "http://localhost:4872/@verdaccio%2flocal-storage/-/local-storage-0.0.2.tgz"
+      },
+      "maintainers": [
+        {
+          "name": "jotadeveloper",
+          "email": "juanpicado19@gmail.com"
+        }
+      ],
+      "_npmOperationalInternal": {
+        "host": "s3://npm-registry-packages",
+        "tmp": "tmp/local-storage-0.0.2.tgz_1502611253150_0.21545960218645632"
+      },
+      "directories": {}
+    }
+  }
+}

package/build/providers/AppConfigurationProvider/AppConfigurationProvider.js

@@ -29,6 +29,7 @@ const defaultValues = {
     showSearch: true,
     showRaw: true,
     showDownloadTarball: true,
+    hideDeprecatedVersions: false,
     title: 'Verdaccio'
   }
 };

package/build/providers/PersistenceSettingProvider/PersistenceSettingProvider.js

@@ -10,7 +10,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 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; }
 const defaultValues = {
-  isGlobal: false
+  isGlobal: false,
+  yarnModern: false
 };
 const PersistenceSettingContext = /*#__PURE__*/(0, _react.createContext)(defaultValues);
 const PersistenceSettingProvider = ({

package/build/src/__mocks__/react-markdown.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export default function ({ children }: {
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;

package/build/src/components/Author/styles.d.ts

@@ -1,6 +1,2 @@
-/// <reference types="react" />
 export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const AuthorListItem: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const AuthorListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/build/src/components/CopyClipboard/CopyToClipBoard.d.ts

@@ -5,5 +5,5 @@ interface Props {
     dataTestId: string;
     children?: React.ReactNode;
 }
-declare function CopyToClipBoard({ text, children, dataTestId, title, ...props }: Props): JSX.Element;
+declare function CopyToClipBoard({ text, children, dataTestId, title, ...props }: Props): React.JSX.Element;
 export default CopyToClipBoard;

package/build/src/components/Deprecated/Deprecated.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare const CardStyled: any;
 export type Props = {
     message: string;
 };

package/build/src/components/Heading/Heading.d.ts

@@ -4,5 +4,5 @@ type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 interface Props extends Omit<TypographyProps, 'variant'> {
     variant?: HeadingType;
 }
-declare const Heading: React.ForwardRefExoticComponent<Pick<Props, keyof Props> & React.RefAttributes<HTMLHeadingElement>>;
+declare const Heading: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 export default Heading;

package/build/src/components/Icons/DevsIcons/CommonJS.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function CommonJS(): JSX.Element;
+import React from 'react';
+export declare function CommonJS(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/ES6Module.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function ES6Modules(): JSX.Element;
+import React from 'react';
+export declare function ES6Modules(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/Git.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Git(): JSX.Element;
+import React from 'react';
+export declare function Git(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/NodeJS.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function NodeJS(): JSX.Element;
+import React from 'react';
+export declare function NodeJS(): React.JSX.Element;

package/build/src/components/Icons/DevsIcons/TypeScript.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function TypeScript(): JSX.Element;
+import React from 'react';
+export declare function TypeScript(): React.JSX.Element;

package/build/src/components/Icons/Earth.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Earth: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Earth: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Earth };

package/build/src/components/Icons/FileBinary.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const FileBinary: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const FileBinary: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { FileBinary };

package/build/src/components/Icons/Law.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Law: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Law: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Law };

package/build/src/components/Icons/License.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const License: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const License: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { License };

package/build/src/components/Icons/Managers/Npm.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Npm(): JSX.Element;
+import React from 'react';
+export declare function Npm(): React.JSX.Element;

package/build/src/components/Icons/Managers/Pnpm.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Pnpm(): JSX.Element;
+import React from 'react';
+export declare function Pnpm(): React.JSX.Element;

package/build/src/components/Icons/Managers/Yarn.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare function Yarn(): JSX.Element;
+import React from 'react';
+export declare function Yarn(): React.JSX.Element;

package/build/src/components/Icons/SvgIcon.d.ts

@@ -6,5 +6,5 @@ type Props = Omit<SvgIconProps, 'color' | 'fontsize' | 'name'> & {
     title?: string;
     className?: string;
 };
-declare const SvgIcon: React.ForwardRefExoticComponent<Pick<Props, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+declare const SvgIcon: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { SvgIcon };

package/build/src/components/Icons/Time.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Time: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Time: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Time };

package/build/src/components/Icons/Version.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-declare const Version: React.ForwardRefExoticComponent<Pick<Pick<Omit<any, "fontsize" | "color" | "name"> & {
+declare const Version: React.ForwardRefExoticComponent<Omit<Omit<Omit<any, "name" | "fontsize" | "color"> & {
     size?: ("sm" | "md") | undefined;
     title?: string | undefined;
     className?: string | undefined;
-}, string | number | symbol> & React.RefAttributes<SVGSVGElement>, string | number | symbol> & React.RefAttributes<SVGSVGElement>>;
+}, "ref"> & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
 export { Version };

package/build/src/components/Install/InstallListItem.d.ts

@@ -7,6 +7,8 @@ export declare enum DependencyManager {
 interface Interface {
     packageName: string;
     dependencyManager: DependencyManager;
+    packageVersion?: string;
 }
+export declare function getGlobalInstall(isGlobal: any, packageVersion: any, packageName: any, isYarn?: boolean): any;
 declare const InstallListItem: React.FC<Interface>;
 export default InstallListItem;