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

package/build/components/Author/Author.js

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

package/build/components/Author/index.js

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

package/build/components/Author/styles.js

@@ -7,21 +7,17 @@ exports.StyledText = exports.AuthorListItem = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _material = require("@mui/material");
 var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 StyledText = /*#__PURE__*/(0, _base.default)(_material.Typography, process.env.NODE_ENV === "production" ? {
+const StyledText = exports.StyledText = /*#__PURE__*/(0, _base.default)(_material.Typography, process.env.NODE_ENV === "production" ? {
   target: "e4ifo371"
 } : {
   target: "e4ifo371",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcbiJdfQ== */");
-exports.StyledText = StyledText;
-const AuthorListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
+})(props => ({
+  fontWeight: props.theme?.fontWeight.bold
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTTBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcbiJdfQ== */");
+const AuthorListItem = exports.AuthorListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
   target: "e4ifo370"
 } : {
   target: "e4ifo370",
@@ -35,5 +31,4 @@ const AuthorListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, proces
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVThCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-exports.AuthorListItem = AuthorListItem;
 //# sourceMappingURL=styles.js.map

package/build/components/CopyClipboard/CopyToClipBoard.js

@@ -10,7 +10,7 @@ var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("./utils");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 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 Wrapper = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
   target: "em5nldk1"
@@ -39,7 +39,7 @@ const Content = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV ===
   textOverflow: 'ellipsis',
   height: 'auto',
   whiteSpace: 'break-spaces',
-  fontSize: theme === null || theme === void 0 ? void 0 : theme.fontSize.sm
+  fontSize: theme?.fontSize.sm
 }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGaWxlQ29weSBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0ZpbGVDb3B5JztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJ0BtdWkvbWF0ZXJpYWwvSWNvbkJ1dHRvbic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBjb3B5VG9DbGlwQm9hcmRVdGlsaXR5IH0gZnJvbSAnLi91dGlscyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRleHQ6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGRhdGFUZXN0SWQ6IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtYmxvY2snLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgaGVpZ2h0OiAnYXV0bycsXG4gIHdoaXRlU3BhY2U6ICdicmVhay1zcGFjZXMnLFxuICBmb250U2l6ZTogdGhlbWU/LmZvbnRTaXplLnNtLFxufSkpO1xuXG5mdW5jdGlvbiBDb3B5VG9DbGlwQm9hcmQoeyB0ZXh0LCBjaGlsZHJlbiwgZGF0YVRlc3RJZCwgdGl0bGUsIC4uLnByb3BzIH06IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbiA/PyB0ZXh0fTwvQ29udGVudD5cbiAgICAgIHt0aXRsZSA/IChcbiAgICAgICAgPFRvb2x0aXAgZGlzYWJsZUZvY3VzTGlzdGVuZXI9e3RydWV9IHRpdGxlPXt0aXRsZX0+XG4gICAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPEZpbGVDb3B5IGZvbnRTaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKSA6IChcbiAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxGaWxlQ29weSBmb250U2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlUb0NsaXBCb2FyZDtcbiJdfQ== */");
 function CopyToClipBoard({
   text,
@@ -48,7 +48,7 @@ function CopyToClipBoard({
   title,
   ...props
 }) {
-  return /*#__PURE__*/_react.default.createElement(Wrapper, props, /*#__PURE__*/_react.default.createElement(Content, null, children !== null && children !== void 0 ? children : text), title ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+  return /*#__PURE__*/_react.default.createElement(Wrapper, props, /*#__PURE__*/_react.default.createElement(Content, null, children ?? text), title ? /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     disableFocusListener: true,
     title: title
   }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
@@ -65,6 +65,5 @@ function CopyToClipBoard({
     fontSize: "small"
   })));
 }
-var _default = CopyToClipBoard;
-exports.default = _default;
+var _default = exports.default = CopyToClipBoard;
 //# sourceMappingURL=CopyToClipBoard.js.map

package/build/components/CopyClipboard/index.js

@@ -17,5 +17,5 @@ Object.defineProperty(exports, "default", {
 });
 var _CopyToClipBoard = _interopRequireDefault(require("./CopyToClipBoard"));
 var _utils = require("./utils");
-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/CopyClipboard/utils.js

@@ -6,18 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.copyToClipBoardUtility = void 0;
 const copyToClipBoardUtility = str => event => {
   event.preventDefault();
-  const node = document.createElement('div');
-  node.innerText = str;
-  if (document.body) {
-    document.body.appendChild(node);
-    const range = document.createRange();
-    const selection = window.getSelection();
-    range.selectNodeContents(node);
-    selection.removeAllRanges();
-    selection.addRange(range);
-    document.execCommand('copy');
-    document.body.removeChild(node);
-  }
+
+  // document.execCommand is deprecated
+  navigator.clipboard.writeText(str);
 };
 exports.copyToClipBoardUtility = copyToClipBoardUtility;
 //# sourceMappingURL=utils.js.map

package/build/components/Dependencies/Dependencies.js

@@ -5,63 +5,22 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _styles = require("@mui/styles");
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 var _reactI18next = require("react-i18next");
-var _reactRouterDom = require("react-router-dom");
 var _NoItems = _interopRequireDefault(require("../NoItems"));
-var _styles2 = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const DependencyBlock = ({
-  title,
-  dependencies
-}) => {
-  const history = (0, _reactRouterDom.useHistory)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  const theme = (0, _styles.useTheme)();
-  const deps = Object.entries(dependencies);
-  function handleClick(name) {
-    history.push(`/-/web/detail/${name}`);
-  }
-  return /*#__PURE__*/_react.default.createElement(_Box.default, {
-    "data-testid": title,
-    sx: {
-      margin: theme.spacing(2)
-    }
-  }, /*#__PURE__*/_react.default.createElement(_styles2.StyledText, {
-    sx: {
-      marginBottom: theme.spacing(1)
-    },
-    variant: "subtitle1"
-  }, `${title} (${deps.length})`), /*#__PURE__*/_react.default.createElement(_styles2.Tags, null, deps.map(([name, version]) => /*#__PURE__*/_react.default.createElement(_styles2.Tag, {
-    className: 'dep-tag',
-    clickable: true,
-    "data-testid": name,
-    key: name,
-    label: t('dependencies.dependency-block', {
-      package: name,
-      version
-    })
-    // eslint-disable-next-line
-    ,
-    onClick: () => handleClick(name)
-  }))));
-};
-function hasKeys(object) {
-  return !!object && Object.keys(object).length > 0;
-}
+var _DependencyBlock = require("./DependencyBlock");
+var _utits = require("./utits");
+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 Dependencies = ({
   packageMeta
 }) => {
   const {
     t
   } = (0, _reactI18next.useTranslation)();
-  if (!packageMeta) {
-    throw new Error(t('error.package-meta-is-required-at-detail-context'));
-  }
   const {
     latest
   } = packageMeta;
@@ -79,28 +38,42 @@ const Dependencies = ({
     dependencies,
     devDependencies,
     peerDependencies,
-    bundleDependencies,
-    optionalDependencies
+    optionalDependencies,
+    bundleDependencies
   };
-  const hasDependencies = hasKeys(dependencies) || hasKeys(bundleDependencies) || hasKeys(optionalDependencies) || hasKeys(devDependencies) || hasKeys(peerDependencies);
+  const hasDependencies = (0, _utits.hasKeys)(dependencies) || (0, _utits.hasKeys)(bundleDependencies) || (0, _utits.hasKeys)(optionalDependencies) || (0, _utits.hasKeys)(devDependencies) || (0, _utits.hasKeys)(peerDependencies);
   if (hasDependencies) {
-    return /*#__PURE__*/_react.default.createElement(_styles2.CardWrap, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, Object.entries(dependencyMap).map(([dependencyType, dependencies]) => {
+    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": "dependencies-box",
+      sx: {
+        m: 2
+      }
+    }, Object.entries(dependencyMap).map(([dependencyType, dependencies]) => {
       if (!dependencies || Object.keys(dependencies).length === 0) {
         return null;
       }
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(DependencyBlock, {
+      return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
+        key: dependencyType
+      }, /*#__PURE__*/_react.default.createElement(_DependencyBlock.DependencyBlock, {
         dependencies: dependencies,
         key: dependencyType,
         title: dependencyType
       }));
-    })));
+    }))));
   }
-  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, {
     text: t('dependencies.has-no-dependencies', {
       package: name
     })
-  });
+  })));
 };
-var _default = Dependencies;
-exports.default = _default;
+var _default = exports.default = Dependencies;
 //# sourceMappingURL=Dependencies.js.map

package/build/components/Dependencies/DependencyBlock.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tags = exports.Tag = exports.StyledText = exports.DependencyBlock = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+var _styles = require("@mui/styles");
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactRouterDom = require("react-router-dom");
+var _utils = require("../../utils");
+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: "e1cdkkwc2"
+} : {
+  target: "e1cdkkwc2",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuaW1wb3J0IHsgUm91dGUgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmludGVyZmFjZSBEZXBlbmRlbmN5QmxvY2tQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGRlcGVuZGVuY2llczogUGFja2FnZURlcGVuZGVuY2llcztcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWUgJiYgcHJvcHMudGhlbWUuZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWdzID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnc3RhcnQnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICAvLyBmb3JjZSB0aXRsZSB0byBiZSBvbiB0aGUgc2FtZSBsaW5lIGFzIHRoZSB0aXRsZVxuICAvLyBjb3VsZCBiZSBiZXR0ZXIgdG8gYXZvaWQgbWFyZ2luIG9uIHRoZSBmaXJzdCBlbGVtZW50XG4gIC8vIGJ1dCBpdCBpcyBhIGJpdCB0cmlja3kgdG8gZG8gd2l0aCBmbGV4Ym94XG4gIG1hcmdpbkxlZnQ6IHByb3BzLnRoZW1lLnNwYWNpbmcoLTAuNiksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWcgPSBzdHlsZWQoQ2hpcCk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgbWFyZ2luOiBwcm9wcy50aGVtZS5zcGFjaW5nKDAuNiksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBEZXBlbmRlbmN5QmxvY2s6IFJlYWN0LkZDPERlcGVuZGVuY3lCbG9ja1Byb3BzPiA9ICh7IHRpdGxlLCBkZXBlbmRlbmNpZXMgfSkgPT4ge1xuICBjb25zdCBoaXN0b3J5ID0gdXNlSGlzdG9yeSgpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgZGVwcyA9IE9iamVjdC5lbnRyaWVzKGRlcGVuZGVuY2llcyk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlQ2xpY2sobmFtZTogc3RyaW5nKTogdm9pZCB7XG4gICAgaGlzdG9yeS5wdXNoKGAke1JvdXRlLkRFVEFJTH0ke25hbWV9YCk7XG4gIH1cblxuICBmdW5jdGlvbiBsYWJlbFRleHQodGl0bGU6IHN0cmluZywgbmFtZTogc3RyaW5nLCB2ZXJzaW9uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICh0aXRsZSA9PT0gJ2J1bmRsZURlcGVuZGVuY2llcycpIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jay1idW5kbGUnLCB7IHBhY2thZ2U6IG5hbWUgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dOiBbc3RyaW5nLCBzdHJpbmddKSA9PiB7XG4gICAgICAgICAgLy8gQnVuZGxlIGRlcGVuZGVuY2llcyBhcmUgc3RvcmVkIGFzIGFycmF5LCBmb3IgZXhhbXBsZSBbIDA6IFwic2VtdmVyXCIgXVxuICAgICAgICAgIC8vIHNvIHRoZSBwYWNrYWdlIG5hbWUgYXJyaXZlcyBoZXJlIGluIHRoZSB2ZXJzaW9uIGZpZWxkXG4gICAgICAgICAgY29uc3QgcGFja2FnZU5hbWUgPSB0aXRsZSA9PSAnYnVuZGxlRGVwZW5kZW5jaWVzJyA/IHZlcnNpb24gOiBuYW1lO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17J2RlcC10YWcnfVxuICAgICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAga2V5PXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsVGV4dCh0aXRsZSwgcGFja2FnZU5hbWUsIHZlcnNpb24pfVxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIGhhbmRsZUNsaWNrKHBhY2thZ2VOYW1lKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
+const Tags = exports.Tags = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+  target: "e1cdkkwc1"
+} : {
+  target: "e1cdkkwc1",
+  label: "Tags"
+})(props => ({
+  display: 'flex',
+  justifyContent: 'start',
+  flexWrap: 'wrap',
+  // force title to be on the same line as the title
+  // could be better to avoid margin on the first element
+  // but it is a bit tricky to do with flexbox
+  marginLeft: props.theme.spacing(-0.6)
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuaW1wb3J0IHsgUm91dGUgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmludGVyZmFjZSBEZXBlbmRlbmN5QmxvY2tQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGRlcGVuZGVuY2llczogUGFja2FnZURlcGVuZGVuY2llcztcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWUgJiYgcHJvcHMudGhlbWUuZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWdzID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnc3RhcnQnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICAvLyBmb3JjZSB0aXRsZSB0byBiZSBvbiB0aGUgc2FtZSBsaW5lIGFzIHRoZSB0aXRsZVxuICAvLyBjb3VsZCBiZSBiZXR0ZXIgdG8gYXZvaWQgbWFyZ2luIG9uIHRoZSBmaXJzdCBlbGVtZW50XG4gIC8vIGJ1dCBpdCBpcyBhIGJpdCB0cmlja3kgdG8gZG8gd2l0aCBmbGV4Ym94XG4gIG1hcmdpbkxlZnQ6IHByb3BzLnRoZW1lLnNwYWNpbmcoLTAuNiksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWcgPSBzdHlsZWQoQ2hpcCk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgbWFyZ2luOiBwcm9wcy50aGVtZS5zcGFjaW5nKDAuNiksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBEZXBlbmRlbmN5QmxvY2s6IFJlYWN0LkZDPERlcGVuZGVuY3lCbG9ja1Byb3BzPiA9ICh7IHRpdGxlLCBkZXBlbmRlbmNpZXMgfSkgPT4ge1xuICBjb25zdCBoaXN0b3J5ID0gdXNlSGlzdG9yeSgpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgZGVwcyA9IE9iamVjdC5lbnRyaWVzKGRlcGVuZGVuY2llcyk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlQ2xpY2sobmFtZTogc3RyaW5nKTogdm9pZCB7XG4gICAgaGlzdG9yeS5wdXNoKGAke1JvdXRlLkRFVEFJTH0ke25hbWV9YCk7XG4gIH1cblxuICBmdW5jdGlvbiBsYWJlbFRleHQodGl0bGU6IHN0cmluZywgbmFtZTogc3RyaW5nLCB2ZXJzaW9uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICh0aXRsZSA9PT0gJ2J1bmRsZURlcGVuZGVuY2llcycpIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jay1idW5kbGUnLCB7IHBhY2thZ2U6IG5hbWUgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dOiBbc3RyaW5nLCBzdHJpbmddKSA9PiB7XG4gICAgICAgICAgLy8gQnVuZGxlIGRlcGVuZGVuY2llcyBhcmUgc3RvcmVkIGFzIGFycmF5LCBmb3IgZXhhbXBsZSBbIDA6IFwic2VtdmVyXCIgXVxuICAgICAgICAgIC8vIHNvIHRoZSBwYWNrYWdlIG5hbWUgYXJyaXZlcyBoZXJlIGluIHRoZSB2ZXJzaW9uIGZpZWxkXG4gICAgICAgICAgY29uc3QgcGFja2FnZU5hbWUgPSB0aXRsZSA9PSAnYnVuZGxlRGVwZW5kZW5jaWVzJyA/IHZlcnNpb24gOiBuYW1lO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17J2RlcC10YWcnfVxuICAgICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAga2V5PXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsVGV4dCh0aXRsZSwgcGFja2FnZU5hbWUsIHZlcnNpb24pfVxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIGhhbmRsZUNsaWNrKHBhY2thZ2VOYW1lKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
+const Tag = exports.Tag = /*#__PURE__*/(0, _base.default)(_Chip.default, process.env.NODE_ENV === "production" ? {
+  target: "e1cdkkwc0"
+} : {
+  target: "e1cdkkwc0",
+  label: "Tag"
+})(props => ({
+  margin: props.theme.spacing(0.6)
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuaW1wb3J0IHsgUm91dGUgfSBmcm9tICcuLi8uLi91dGlscyc7XG5cbmludGVyZmFjZSBEZXBlbmRlbmN5QmxvY2tQcm9wcyB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIGRlcGVuZGVuY2llczogUGFja2FnZURlcGVuZGVuY2llcztcbn1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWUgJiYgcHJvcHMudGhlbWUuZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWdzID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnc3RhcnQnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICAvLyBmb3JjZSB0aXRsZSB0byBiZSBvbiB0aGUgc2FtZSBsaW5lIGFzIHRoZSB0aXRsZVxuICAvLyBjb3VsZCBiZSBiZXR0ZXIgdG8gYXZvaWQgbWFyZ2luIG9uIHRoZSBmaXJzdCBlbGVtZW50XG4gIC8vIGJ1dCBpdCBpcyBhIGJpdCB0cmlja3kgdG8gZG8gd2l0aCBmbGV4Ym94XG4gIG1hcmdpbkxlZnQ6IHByb3BzLnRoZW1lLnNwYWNpbmcoLTAuNiksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWcgPSBzdHlsZWQoQ2hpcCk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgbWFyZ2luOiBwcm9wcy50aGVtZS5zcGFjaW5nKDAuNiksXG59KSk7XG5cbmV4cG9ydCBjb25zdCBEZXBlbmRlbmN5QmxvY2s6IFJlYWN0LkZDPERlcGVuZGVuY3lCbG9ja1Byb3BzPiA9ICh7IHRpdGxlLCBkZXBlbmRlbmNpZXMgfSkgPT4ge1xuICBjb25zdCBoaXN0b3J5ID0gdXNlSGlzdG9yeSgpO1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgZGVwcyA9IE9iamVjdC5lbnRyaWVzKGRlcGVuZGVuY2llcyk7XG5cbiAgZnVuY3Rpb24gaGFuZGxlQ2xpY2sobmFtZTogc3RyaW5nKTogdm9pZCB7XG4gICAgaGlzdG9yeS5wdXNoKGAke1JvdXRlLkRFVEFJTH0ke25hbWV9YCk7XG4gIH1cblxuICBmdW5jdGlvbiBsYWJlbFRleHQodGl0bGU6IHN0cmluZywgbmFtZTogc3RyaW5nLCB2ZXJzaW9uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICh0aXRsZSA9PT0gJ2J1bmRsZURlcGVuZGVuY2llcycpIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jay1idW5kbGUnLCB7IHBhY2thZ2U6IG5hbWUgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dOiBbc3RyaW5nLCBzdHJpbmddKSA9PiB7XG4gICAgICAgICAgLy8gQnVuZGxlIGRlcGVuZGVuY2llcyBhcmUgc3RvcmVkIGFzIGFycmF5LCBmb3IgZXhhbXBsZSBbIDA6IFwic2VtdmVyXCIgXVxuICAgICAgICAgIC8vIHNvIHRoZSBwYWNrYWdlIG5hbWUgYXJyaXZlcyBoZXJlIGluIHRoZSB2ZXJzaW9uIGZpZWxkXG4gICAgICAgICAgY29uc3QgcGFja2FnZU5hbWUgPSB0aXRsZSA9PSAnYnVuZGxlRGVwZW5kZW5jaWVzJyA/IHZlcnNpb24gOiBuYW1lO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17J2RlcC10YWcnfVxuICAgICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAga2V5PXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsVGV4dCh0aXRsZSwgcGFja2FnZU5hbWUsIHZlcnNpb24pfVxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIGhhbmRsZUNsaWNrKHBhY2thZ2VOYW1lKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
+const DependencyBlock = ({
+  title,
+  dependencies
+}) => {
+  const history = (0, _reactRouterDom.useHistory)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const theme = (0, _styles.useTheme)();
+  const deps = Object.entries(dependencies);
+  function handleClick(name) {
+    history.push(`${_utils.Route.DETAIL}${name}`);
+  }
+  function labelText(title, name, version) {
+    if (title === 'bundleDependencies') {
+      return t('dependencies.dependency-block-bundle', {
+        package: name
+      });
+    } else {
+      return t('dependencies.dependency-block', {
+        package: name,
+        version
+      });
+    }
+  }
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    "data-testid": title,
+    sx: {
+      margin: theme.spacing(2)
+    }
+  }, /*#__PURE__*/_react.default.createElement(StyledText, {
+    sx: {
+      marginBottom: theme.spacing(1)
+    },
+    variant: "subtitle1"
+  }, `${title} (${deps.length})`), /*#__PURE__*/_react.default.createElement(Tags, null, deps.map(([name, version]) => {
+    // Bundle dependencies are stored as array, for example [ 0: "semver" ]
+    // so the package name arrives here in the version field
+    const packageName = title == 'bundleDependencies' ? version : name;
+    return /*#__PURE__*/_react.default.createElement(Tag, {
+      className: 'dep-tag',
+      clickable: true,
+      "data-testid": packageName,
+      key: packageName,
+      label: labelText(title, packageName, version)
+      // eslint-disable-next-line
+      ,
+      onClick: () => {
+        handleClick(packageName);
+      }
+    });
+  })));
+};
+exports.DependencyBlock = DependencyBlock;
+//# sourceMappingURL=DependencyBlock.js.map

package/build/components/Dependencies/index.js

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasKeys = hasKeys;
+function hasKeys(object) {
+  return !!object && Object.keys(object).length > 0;
+}
+//# sourceMappingURL=utits.js.map

package/build/components/Deprecated/Deprecated.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _Alert = _interopRequireDefault(require("@mui/material/Alert"));
 var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const Deprecated = ({
   message
 }) => {
@@ -20,6 +20,5 @@ const Deprecated = ({
     }
   }, message);
 };
-var _default = Deprecated;
-exports.default = _default;
+var _default = exports.default = Deprecated;
 //# sourceMappingURL=Deprecated.js.map

package/build/components/Deprecated/index.js

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DeveloperType = void 0;
+let DeveloperType = exports.DeveloperType = /*#__PURE__*/function (DeveloperType) {
+  DeveloperType["CONTRIBUTORS"] = "contributors";
+  DeveloperType["MAINTAINERS"] = "maintainers";
+  return DeveloperType;
+}({});
+//# sourceMappingURL=DeveloperType.js.map