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

package/build/components/ActionBar/ActionBar.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _react = _interopRequireWildcard(require("react"));
+var _utils = require("../../utils");
+var _RawViewer = _interopRequireDefault(require("../RawViewer"));
+var _ActionBarAction = _interopRequireDefault(require("./ActionBarAction"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const ActionBar = ({
+  showRaw,
+  showDownloadTarball = true,
+  packageMeta
+}) => {
+  const [isRawViewerOpen, setIsRawViewerOpen] = (0, _react.useState)(false);
+  if (!(packageMeta !== null && packageMeta !== void 0 && packageMeta.latest)) {
+    return null;
+  }
+  const {
+    homepage,
+    bugs,
+    dist
+  } = packageMeta.latest;
+  const actions = [];
+  if (homepage && _utils.url.isURL(homepage)) {
+    actions.push({
+      type: 'VISIT_HOMEPAGE',
+      link: homepage
+    });
+  }
+  if (bugs !== null && bugs !== void 0 && bugs.url && _utils.url.isURL(bugs.url)) {
+    actions.push({
+      type: 'OPEN_AN_ISSUE',
+      link: bugs.url
+    });
+  }
+  if (dist !== null && dist !== void 0 && dist.tarball && _utils.url.isURL(dist.tarball) && showDownloadTarball) {
+    actions.push({
+      type: 'DOWNLOAD_TARBALL',
+      link: dist.tarball
+    });
+  }
+  if (showRaw) {
+    actions.push({
+      type: 'RAW_DATA',
+      action: () => setIsRawViewerOpen(true)
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    alignItems: "center",
+    display: "flex",
+    marginBottom: "14px"
+  }, actions.map(action => /*#__PURE__*/_react.default.createElement(_ActionBarAction.default, _extends({
+    key: action.type
+  }, action))), isRawViewerOpen && /*#__PURE__*/_react.default.createElement(_RawViewer.default, {
+    isOpen: isRawViewerOpen,
+    onClose: () => {
+      setIsRawViewerOpen(false);
+    },
+    packageMeta: packageMeta
+  }));
+};
+var _default = ActionBar;
+exports.default = _default;
+//# sourceMappingURL=ActionBar.js.map

package/build/components/ActionBar/ActionBarAction.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Fab = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _BugReport = _interopRequireDefault(require("@mui/icons-material/BugReport"));
+var _CloudDownload = _interopRequireDefault(require("@mui/icons-material/CloudDownload"));
+var _Home = _interopRequireDefault(require("@mui/icons-material/Home"));
+var _RawOn = _interopRequireDefault(require("@mui/icons-material/RawOn"));
+var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
+var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactRedux = require("react-redux");
+var _Link = require("../Link");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const Fab = /*#__PURE__*/(0, _base.default)(_Fab.default, process.env.NODE_ENV === "production" ? {
+  target: "e1yxykdq0"
+} : {
+  target: "e1yxykdq0",
+  label: "Fab"
+})(({
+  theme
+}) => ({
+  backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.primary.main : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue,
+  color: theme === null || theme === void 0 ? void 0 : theme.palette.white,
+  marginRight: 10,
+  ':hover': {
+    color: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.primary.main : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue,
+    background: theme === null || theme === void 0 ? void 0 : theme.palette.white
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FjdGlvbkJhci9BY3Rpb25CYXJBY3Rpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWVtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BY3Rpb25CYXIvQWN0aW9uQmFyQWN0aW9uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCdWdSZXBvcnRJY29uIGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvQnVnUmVwb3J0JztcbmltcG9ydCBEb3dubG9hZEljb24gZnJvbSAnQG11aS9pY29ucy1tYXRlcmlhbC9DbG91ZERvd25sb2FkJztcbmltcG9ydCBIb21lSWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0hvbWUnO1xuaW1wb3J0IFJhd09uSWNvbiBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL1Jhd09uJztcbmltcG9ydCBGYWJNVUkgZnJvbSAnQG11aS9tYXRlcmlhbC9GYWInO1xuaW1wb3J0IFRvb2x0aXAgZnJvbSAnQG11aS9tYXRlcmlhbC9Ub29sdGlwJztcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjayB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5pbXBvcnQgeyB1c2VEaXNwYXRjaCB9IGZyb20gJ3JlYWN0LXJlZHV4JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBEaXNwYXRjaCB9IGZyb20gJy4uLy4uL3N0b3JlL3N0b3JlJztcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJztcblxuZXhwb3J0IGNvbnN0IEZhYiA9IHN0eWxlZChGYWJNVUkpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6XG4gICAgdGhlbWU/LnBhbGV0dGUubW9kZSA9PT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbiA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICBjb2xvcjogdGhlbWU/LnBhbGV0dGUud2hpdGUsXG4gIG1hcmdpblJpZ2h0OiAxMCxcbiAgJzpob3Zlcic6IHtcbiAgICBjb2xvcjogdGhlbWU/LnBhbGV0dGUubW9kZSA9PT0gJ2xpZ2h0JyA/IHRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbiA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICAgIGJhY2tncm91bmQ6IHRoZW1lPy5wYWxldHRlLndoaXRlLFxuICB9LFxufSkpO1xuXG50eXBlIEFjdGlvblR5cGUgPSAnVklTSVRfSE9NRVBBR0UnIHwgJ09QRU5fQU5fSVNTVUUnIHwgJ0RPV05MT0FEX1RBUkJBTEwnIHwgJ1JBV19EQVRBJztcblxuZXhwb3J0IGludGVyZmFjZSBBY3Rpb25CYXJBY3Rpb25Qcm9wcyB7XG4gIHR5cGU6IEFjdGlvblR5cGU7XG4gIGxpbms/OiBzdHJpbmc7XG4gIGFjdGlvbj86ICgpID0+IHZvaWQ7XG59XG5cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1uby1iaW5kICovXG5jb25zdCBBY3Rpb25CYXJBY3Rpb246IFJlYWN0LkZDPEFjdGlvbkJhckFjdGlvblByb3BzPiA9ICh7IHR5cGUsIGxpbmssIGFjdGlvbiB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgZGlzcGF0Y2ggPSB1c2VEaXNwYXRjaDxEaXNwYXRjaD4oKTtcblxuICBjb25zdCBoYW5kbGVEb3dubG9hZCA9IHVzZUNhbGxiYWNrKGFzeW5jICgpID0+IHtcbiAgICBkaXNwYXRjaC5kb3dubG9hZC5nZXRUYXJiYWxsKHsgbGluayB9KTtcbiAgfSwgW2Rpc3BhdGNoLCBsaW5rXSk7XG5cbiAgc3dpdGNoICh0eXBlKSB7XG4gICAgY2FzZSAnVklTSVRfSE9NRVBBR0UnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRvb2x0aXAgdGl0bGU9e3QoJ2FjdGlvbi1iYXItYWN0aW9uLnZpc2l0LWhvbWUtcGFnZScpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPExpbmsgZXh0ZXJuYWw9e3RydWV9IHRvPXtsaW5rfSB2YXJpYW50PVwiYnV0dG9uXCI+XG4gICAgICAgICAgICA8RmFiIHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgICA8SG9tZUljb24gLz5cbiAgICAgICAgICAgIDwvRmFiPlxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgICBjYXNlICdPUEVOX0FOX0lTU1VFJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5vcGVuLWFuLWlzc3VlJykgYXMgc3RyaW5nfT5cbiAgICAgICAgICA8TGluayBleHRlcm5hbD17dHJ1ZX0gdG89e2xpbmt9IHZhcmlhbnQ9XCJidXR0b25cIj5cbiAgICAgICAgICAgIDxGYWIgc2l6ZT1cInNtYWxsXCI+XG4gICAgICAgICAgICAgIDxCdWdSZXBvcnRJY29uIC8+XG4gICAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICk7XG4gICAgY2FzZSAnRE9XTkxPQURfVEFSQkFMTCc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VG9vbHRpcCB0aXRsZT17dCgnYWN0aW9uLWJhci1hY3Rpb24uZG93bmxvYWQtdGFyYmFsbCcpIGFzIHN0cmluZ30+XG4gICAgICAgICAgPEZhYiBkYXRhLXRlc3RpZD1cImRvd25sb2FkLXRhcmJhbGwtYnRuXCIgb25DbGljaz17aGFuZGxlRG93bmxvYWR9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPERvd25sb2FkSWNvbiAvPlxuICAgICAgICAgIDwvRmFiPlxuICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICApO1xuICAgIGNhc2UgJ1JBV19EQVRBJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUb29sdGlwIHRpdGxlPXt0KCdhY3Rpb24tYmFyLWFjdGlvbi5yYXcnKSBhcyBzdHJpbmd9PlxuICAgICAgICAgIDxGYWIgZGF0YS10ZXN0aWQ9XCJyYXctYnRuXCIgb25DbGljaz17YWN0aW9ufSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgIDxSYXdPbkljb24gLz5cbiAgICAgICAgICA8L0ZhYj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKTtcbiAgfVxufTtcblxuZXhwb3J0IGRlZmF1bHQgQWN0aW9uQmFyQWN0aW9uO1xuIl19 */");
+exports.Fab = Fab;
+/* eslint-disable react/jsx-no-bind */
+const ActionBarAction = ({
+  type,
+  link,
+  action
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleDownload = (0, _react.useCallback)(async () => {
+    dispatch.download.getTarball({
+      link
+    });
+  }, [dispatch, link]);
+  switch (type) {
+    case 'VISIT_HOMEPAGE':
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        title: t('action-bar-action.visit-home-page')
+      }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
+        external: true,
+        to: link,
+        variant: "button"
+      }, /*#__PURE__*/_react.default.createElement(Fab, {
+        size: "small"
+      }, /*#__PURE__*/_react.default.createElement(_Home.default, null))));
+    case 'OPEN_AN_ISSUE':
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        title: t('action-bar-action.open-an-issue')
+      }, /*#__PURE__*/_react.default.createElement(_Link.Link, {
+        external: true,
+        to: link,
+        variant: "button"
+      }, /*#__PURE__*/_react.default.createElement(Fab, {
+        size: "small"
+      }, /*#__PURE__*/_react.default.createElement(_BugReport.default, null))));
+    case 'DOWNLOAD_TARBALL':
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        title: t('action-bar-action.download-tarball')
+      }, /*#__PURE__*/_react.default.createElement(Fab, {
+        "data-testid": "download-tarball-btn",
+        onClick: handleDownload,
+        size: "small"
+      }, /*#__PURE__*/_react.default.createElement(_CloudDownload.default, null)));
+    case 'RAW_DATA':
+      return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+        title: t('action-bar-action.raw')
+      }, /*#__PURE__*/_react.default.createElement(Fab, {
+        "data-testid": "raw-btn",
+        onClick: action,
+        size: "small"
+      }, /*#__PURE__*/_react.default.createElement(_RawOn.default, null)));
+  }
+};
+var _default = ActionBarAction;
+exports.default = _default;
+//# sourceMappingURL=ActionBarAction.js.map

package/build/components/ActionBar/index.js

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

package/build/components/Author/Author.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getAuthorName = getAuthorName;
+var _Avatar = _interopRequireDefault(require("@mui/material/Avatar"));
+var _List = _interopRequireDefault(require("@mui/material/List"));
+var _i18next = _interopRequireDefault(require("i18next"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _utils = require("../../utils");
+var _styles = 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
+ */
+const Author = ({
+  packageMeta
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  if (!packageMeta) {
+    return null;
+  }
+  const {
+    author,
+    name: packageName,
+    version
+  } = packageMeta.latest;
+  if (!author) {
+    return null;
+  }
+  const {
+    email,
+    name
+  } = author;
+  const avatarComponent = /*#__PURE__*/_react.default.createElement(_Avatar.default, {
+    alt: author.name,
+    src: author.avatar
+  });
+  return /*#__PURE__*/_react.default.createElement(_List.default, {
+    subheader: /*#__PURE__*/_react.default.createElement(_styles.StyledText, {
+      variant: 'subtitle1'
+    }, t('sidebar.author.title'))
+  }, /*#__PURE__*/_react.default.createElement(_styles.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(_styles.AuthorListItemText, {
+    primary: getAuthorName(name)
+  })));
+};
+var _default = Author;
+exports.default = _default;
+//# sourceMappingURL=Author.js.map

package/build/components/Author/index.js

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

package/build/components/Author/styles.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledText = exports.AuthorListItemText = exports.AuthorListItem = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _material = require("@mui/material");
+var _ListItem = _interopRequireDefault(require("@mui/material/ListItem"));
+var _ListItemText = _interopRequireDefault(require("@mui/material/ListItemText"));
+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 StyledText = /*#__PURE__*/(0, _base.default)(_material.Typography, process.env.NODE_ENV === "production" ? {
+  target: "e4ifo372"
+} : {
+  target: "e4ifo372",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBTzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5pbXBvcnQgTGlzdEl0ZW1UZXh0IGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1UZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBBdXRob3JMaXN0SXRlbSA9IHN0eWxlZChMaXN0SXRlbSkoe1xuICBwYWRkaW5nOiAwLFxuICAnOmhvdmVyJzoge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKExpc3RJdGVtVGV4dCkoe1xuICBwYWRkaW5nOiAnMCAxMHB4JyxcbiAgbWFyZ2luOiAwLFxufSk7XG4iXX0= */");
+exports.StyledText = StyledText;
+const AuthorListItem = /*#__PURE__*/(0, _base.default)(_ListItem.default, process.env.NODE_ENV === "production" ? {
+  target: "e4ifo371"
+} : {
+  target: "e4ifo371",
+  label: "AuthorListItem"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zw46c6",
+  styles: "padding:0;:hover{background-color:transparent;}"
+} : {
+  name: "zw46c6",
+  styles: "padding:0;:hover{background-color:transparent;}",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzhCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSAnQG11aS9tYXRlcmlhbCc7XG5pbXBvcnQgTGlzdEl0ZW0gZnJvbSAnQG11aS9tYXRlcmlhbC9MaXN0SXRlbSc7XG5pbXBvcnQgTGlzdEl0ZW1UZXh0IGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW1UZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBBdXRob3JMaXN0SXRlbSA9IHN0eWxlZChMaXN0SXRlbSkoe1xuICBwYWRkaW5nOiAwLFxuICAnOmhvdmVyJzoge1xuICAgIGJhY2tncm91bmRDb2xvcjogJ3RyYW5zcGFyZW50JyxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW1UZXh0ID0gc3R5bGVkKExpc3RJdGVtVGV4dCkoe1xuICBwYWRkaW5nOiAnMCAxMHB4JyxcbiAgbWFyZ2luOiAwLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.AuthorListItem = AuthorListItem;
+const AuthorListItemText = /*#__PURE__*/(0, _base.default)(_ListItemText.default, process.env.NODE_ENV === "production" ? {
+  target: "e4ifo370"
+} : {
+  target: "e4ifo370",
+  label: "AuthorListItemText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o2edpc",
+  styles: "padding:0 10px;margin:0"
+} : {
+  name: "1o2edpc",
+  styles: "padding:0 10px;margin:0",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0F1dGhvci9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9BdXRob3Ivc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gJ0BtdWkvbWF0ZXJpYWwnO1xuaW1wb3J0IExpc3RJdGVtIGZyb20gJ0BtdWkvbWF0ZXJpYWwvTGlzdEl0ZW0nO1xuaW1wb3J0IExpc3RJdGVtVGV4dCBmcm9tICdAbXVpL21hdGVyaWFsL0xpc3RJdGVtVGV4dCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkVGV4dCA9IHN0eWxlZChUeXBvZ3JhcGh5KTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBmb250V2VpZ2h0OiBwcm9wcy50aGVtZT8uZm9udFdlaWdodC5ib2xkLFxufSkpO1xuXG5leHBvcnQgY29uc3QgQXV0aG9yTGlzdEl0ZW0gPSBzdHlsZWQoTGlzdEl0ZW0pKHtcbiAgcGFkZGluZzogMCxcbiAgJzpob3Zlcic6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICd0cmFuc3BhcmVudCcsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IEF1dGhvckxpc3RJdGVtVGV4dCA9IHN0eWxlZChMaXN0SXRlbVRleHQpKHtcbiAgcGFkZGluZzogJzAgMTBweCcsXG4gIG1hcmdpbjogMCxcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.AuthorListItemText = AuthorListItemText;
+//# sourceMappingURL=styles.js.map

package/build/components/CopyClipboard/CopyToClipBoard.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _FileCopy = _interopRequireDefault(require("@mui/icons-material/FileCopy"));
+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 _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"
+} : {
+  target: "em5nldk1",
+  label: "Wrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "bcffy2",
+  styles: "display:flex;align-items:center;justify-content:space-between"
+} : {
+  name: "bcffy2",
+  styles: "display:flex;align-items:center;justify-content:space-between",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQ29weUNsaXBib2FyZC9Db3B5VG9DbGlwQm9hcmQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IEZpbGVDb3B5IGZyb20gJ0BtdWkvaWNvbnMtbWF0ZXJpYWwvRmlsZUNvcHknO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSAnQG11aS9tYXRlcmlhbC9JY29uQnV0dG9uJztcbmltcG9ydCBUb29sdGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvVG9vbHRpcCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBjb3B5VG9DbGlwQm9hcmRVdGlsaXR5IH0gZnJvbSAnLi91dGlscyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHRleHQ6IHN0cmluZztcbiAgdGl0bGU/OiBzdHJpbmc7XG4gIGRhdGFUZXN0SWQ6IHN0cmluZztcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59XG5cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdzcGFjZS1iZXR3ZWVuJyxcbn0pO1xuXG5jb25zdCBDb250ZW50ID0gc3R5bGVkKCdzcGFuJykoe1xuICBkaXNwbGF5OiAnaW5saW5lLWJsb2NrJyxcbiAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gIGhlaWdodDogJ2F1dG8nLFxuICB3aGl0ZVNwYWNlOiAnYnJlYWstc3BhY2VzJyxcbiAgZm9udFNpemU6ICcxcmVtJyxcbn0pO1xuXG5mdW5jdGlvbiBDb3B5VG9DbGlwQm9hcmQoeyB0ZXh0LCBjaGlsZHJlbiwgZGF0YVRlc3RJZCwgdGl0bGUsIC4uLnByb3BzIH06IFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPFdyYXBwZXIgey4uLnByb3BzfT5cbiAgICAgIDxDb250ZW50PntjaGlsZHJlbiA/PyB0ZXh0fTwvQ29udGVudD5cbiAgICAgIHt0aXRsZSA/IChcbiAgICAgICAgPFRvb2x0aXAgZGlzYWJsZUZvY3VzTGlzdGVuZXI9e3RydWV9IHRpdGxlPXt0aXRsZX0+XG4gICAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgICAgPEZpbGVDb3B5IGZvbnRTaXplPVwic21hbGxcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgKSA6IChcbiAgICAgICAgPEljb25CdXR0b24gZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9IG9uQ2xpY2s9e2NvcHlUb0NsaXBCb2FyZFV0aWxpdHkodGV4dCl9IHNpemU9XCJzbWFsbFwiPlxuICAgICAgICAgIDxGaWxlQ29weSBmb250U2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgPC9JY29uQnV0dG9uPlxuICAgICAgKX1cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvcHlUb0NsaXBCb2FyZDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Content = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV === "production" ? {
+  target: "em5nldk0"
+} : {
+  target: "em5nldk0",
+  label: "Content"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1pk9scp",
+  styles: "display:inline-block;overflow:hidden;text-overflow:ellipsis;height:auto;white-space:break-spaces;font-size:1rem"
+} : {
+  name: "1pk9scp",
+  styles: "display:inline-block;overflow:hidden;text-overflow:ellipsis;height:auto;white-space:break-spaces;font-size:1rem",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQmdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0NvcHlDbGlwYm9hcmQvQ29weVRvQ2xpcEJvYXJkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGaWxlQ29weSBmcm9tICdAbXVpL2ljb25zLW1hdGVyaWFsL0ZpbGVDb3B5JztcbmltcG9ydCBJY29uQnV0dG9uIGZyb20gJ0BtdWkvbWF0ZXJpYWwvSWNvbkJ1dHRvbic7XG5pbXBvcnQgVG9vbHRpcCBmcm9tICdAbXVpL21hdGVyaWFsL1Rvb2x0aXAnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgY29weVRvQ2xpcEJvYXJkVXRpbGl0eSB9IGZyb20gJy4vdXRpbHMnO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICB0ZXh0OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBkYXRhVGVzdElkOiBzdHJpbmc7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBXcmFwcGVyID0gc3R5bGVkKCdkaXYnKSh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG59KTtcblxuY29uc3QgQ29udGVudCA9IHN0eWxlZCgnc3BhbicpKHtcbiAgZGlzcGxheTogJ2lubGluZS1ibG9jaycsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgdGV4dE92ZXJmbG93OiAnZWxsaXBzaXMnLFxuICBoZWlnaHQ6ICdhdXRvJyxcbiAgd2hpdGVTcGFjZTogJ2JyZWFrLXNwYWNlcycsXG4gIGZvbnRTaXplOiAnMXJlbScsXG59KTtcblxuZnVuY3Rpb24gQ29weVRvQ2xpcEJvYXJkKHsgdGV4dCwgY2hpbGRyZW4sIGRhdGFUZXN0SWQsIHRpdGxlLCAuLi5wcm9wcyB9OiBQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIHsuLi5wcm9wc30+XG4gICAgICA8Q29udGVudD57Y2hpbGRyZW4gPz8gdGV4dH08L0NvbnRlbnQ+XG4gICAgICB7dGl0bGUgPyAoXG4gICAgICAgIDxUb29sdGlwIGRpc2FibGVGb2N1c0xpc3RlbmVyPXt0cnVlfSB0aXRsZT17dGl0bGV9PlxuICAgICAgICAgIDxJY29uQnV0dG9uIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBvbkNsaWNrPXtjb3B5VG9DbGlwQm9hcmRVdGlsaXR5KHRleHQpfSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICAgIDxGaWxlQ29weSBmb250U2l6ZT1cInNtYWxsXCIgLz5cbiAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICkgOiAoXG4gICAgICAgIDxJY29uQnV0dG9uIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfSBvbkNsaWNrPXtjb3B5VG9DbGlwQm9hcmRVdGlsaXR5KHRleHQpfSBzaXplPVwic21hbGxcIj5cbiAgICAgICAgICA8RmlsZUNvcHkgZm9udFNpemU9XCJzbWFsbFwiIC8+XG4gICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICl9XG4gICAgPC9XcmFwcGVyPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb3B5VG9DbGlwQm9hcmQ7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+function CopyToClipBoard({
+  text,
+  children,
+  dataTestId,
+  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, {
+    disableFocusListener: true,
+    title: title
+  }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "data-testid": dataTestId,
+    onClick: (0, _utils.copyToClipBoardUtility)(text),
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_FileCopy.default, {
+    fontSize: "small"
+  }))) : /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    "data-testid": dataTestId,
+    onClick: (0, _utils.copyToClipBoardUtility)(text),
+    size: "small"
+  }, /*#__PURE__*/_react.default.createElement(_FileCopy.default, {
+    fontSize: "small"
+  })));
+}
+var _default = CopyToClipBoard;
+exports.default = _default;
+//# sourceMappingURL=CopyToClipBoard.js.map

package/build/components/CopyClipboard/index.js

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

package/build/components/CopyClipboard/utils.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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);
+  }
+};
+exports.copyToClipBoardUtility = copyToClipBoardUtility;
+//# sourceMappingURL=utils.js.map

package/build/components/Dependencies/Dependencies.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
+var _styles = require("@mui/styles");
+var _react = _interopRequireDefault(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;
+}
+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;
+  // FIXME: add dependencies to package meta type
+  // @ts-ignore
+  const {
+    dependencies,
+    devDependencies,
+    peerDependencies,
+    optionalDependencies,
+    bundleDependencies,
+    name
+  } = latest;
+  const dependencyMap = {
+    dependencies,
+    devDependencies,
+    peerDependencies,
+    bundleDependencies,
+    optionalDependencies
+  };
+  const hasDependencies = hasKeys(dependencies) || hasKeys(bundleDependencies) || hasKeys(optionalDependencies) || hasKeys(devDependencies) || 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]) => {
+      if (!dependencies || Object.keys(dependencies).length === 0) {
+        return null;
+      }
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(DependencyBlock, {
+        dependencies: dependencies,
+        key: dependencyType,
+        title: dependencyType
+      }));
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_NoItems.default, {
+    text: t('dependencies.has-no-dependencies', {
+      package: name
+    })
+  });
+};
+var _default = Dependencies;
+exports.default = _default;
+//# sourceMappingURL=Dependencies.js.map

package/build/components/Dependencies/index.js

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

package/build/components/Dependencies/styles.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tags = exports.Tag = exports.StyledText = exports.CardWrap = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Card = _interopRequireDefault(require("@mui/material/Card"));
+var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
+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 CardWrap = /*#__PURE__*/(0, _base.default)(_Card.default, process.env.NODE_ENV === "production" ? {
+  target: "e1e156f93"
+} : {
+  target: "e1e156f93",
+  label: "CardWrap"
+})(process.env.NODE_ENV === "production" ? {
+  name: "13ksum9",
+  styles: "margin:0 0 16px"
+} : {
+  name: "13ksum9",
+  styles: "margin:0 0 16px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBT3dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQ2FyZCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmQnO1xuaW1wb3J0IENoaXAgZnJvbSAnQG11aS9tYXRlcmlhbC9DaGlwJztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtdWkvbWF0ZXJpYWwvVHlwb2dyYXBoeSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgQ2FyZFdyYXAgPSBzdHlsZWQoQ2FyZCkoe1xuICBtYXJnaW46ICcwIDAgMTZweCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWUgJiYgcHJvcHMudGhlbWUuZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWdzID0gc3R5bGVkKCdkaXYnKSh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAganVzdGlmeUNvbnRlbnQ6ICdzdGFydCcsXG4gIGZsZXhXcmFwOiAnd3JhcCcsXG4gIG1hcmdpbjogJzAgLTVweCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZChDaGlwKSh7XG4gIG1hcmdpbjogJzVweCcsXG59KTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.CardWrap = CardWrap;
+const StyledText = /*#__PURE__*/(0, _base.default)(_Typography.default, process.env.NODE_ENV === "production" ? {
+  target: "e1e156f92"
+} : {
+  target: "e1e156f92",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVzBCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQ2FyZCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmQnO1xuaW1wb3J0IENoaXAgZnJvbSAnQG11aS9tYXRlcmlhbC9DaGlwJztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtdWkvbWF0ZXJpYWwvVHlwb2dyYXBoeSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgQ2FyZFdyYXAgPSBzdHlsZWQoQ2FyZCkoe1xuICBtYXJnaW46ICcwIDAgMTZweCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWUgJiYgcHJvcHMudGhlbWUuZm9udFdlaWdodC5ib2xkLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBUYWdzID0gc3R5bGVkKCdkaXYnKSh7XG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAganVzdGlmeUNvbnRlbnQ6ICdzdGFydCcsXG4gIGZsZXhXcmFwOiAnd3JhcCcsXG4gIG1hcmdpbjogJzAgLTVweCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZChDaGlwKSh7XG4gIG1hcmdpbjogJzVweCcsXG59KTtcbiJdfQ== */");
+exports.StyledText = StyledText;
+const Tags = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+  target: "e1e156f91"
+} : {
+  target: "e1e156f91",
+  label: "Tags"
+})(process.env.NODE_ENV === "production" ? {
+  name: "li4bbv",
+  styles: "display:flex;justify-content:start;flex-wrap:wrap;margin:0 -5px"
+} : {
+  name: "li4bbv",
+  styles: "display:flex;justify-content:start;flex-wrap:wrap;margin:0 -5px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EZXBlbmRlbmNpZXMvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcblxuZXhwb3J0IGNvbnN0IENhcmRXcmFwID0gc3R5bGVkKENhcmQpKHtcbiAgbWFyZ2luOiAnMCAwIDE2cHgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jykoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnc3RhcnQnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICBtYXJnaW46ICcwIC01cHgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBUYWcgPSBzdHlsZWQoQ2hpcCkoe1xuICBtYXJnaW46ICc1cHgnLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.Tags = Tags;
+const Tag = /*#__PURE__*/(0, _base.default)(_Chip.default, process.env.NODE_ENV === "production" ? {
+  target: "e1e156f90"
+} : {
+  target: "e1e156f90",
+  label: "Tag"
+})(process.env.NODE_ENV === "production" ? {
+  name: "t10jb8",
+  styles: "margin:5px"
+} : {
+  name: "t10jb8",
+  styles: "margin:5px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJtQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EZXBlbmRlbmNpZXMvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcblxuZXhwb3J0IGNvbnN0IENhcmRXcmFwID0gc3R5bGVkKENhcmQpKHtcbiAgbWFyZ2luOiAnMCAwIDE2cHgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jykoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGp1c3RpZnlDb250ZW50OiAnc3RhcnQnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICBtYXJnaW46ICcwIC01cHgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBUYWcgPSBzdHlsZWQoQ2hpcCkoe1xuICBtYXJnaW46ICc1cHgnLFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+exports.Tag = Tag;
+//# sourceMappingURL=styles.js.map