@verdaccio/ui-components 3.0.0-next-7.6 → 3.0.0-next-7.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @verdaccio/ui-components
2
2
 
3
+ ## 3.0.0-next-7.7
4
+
5
+ ### Patch Changes
6
+
7
+ - 117eb1c: fix: change bundleDependencies to array
8
+
3
9
  ## 3.0.0-next-7.6
4
10
 
5
11
  ### Patch Changes
@@ -5,13 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.CardWrap = void 0;
7
7
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
+ var _Box = _interopRequireDefault(require("@mui/material/Box"));
8
9
  var _Card = _interopRequireDefault(require("@mui/material/Card"));
9
10
  var _CardContent = _interopRequireDefault(require("@mui/material/CardContent"));
10
- var _react = _interopRequireDefault(require("react"));
11
+ var _react = _interopRequireWildcard(require("react"));
11
12
  var _reactI18next = require("react-i18next");
12
13
  var _NoItems = _interopRequireDefault(require("../NoItems"));
13
14
  var _DependencyBlock = require("./DependencyBlock");
14
15
  var _utits = require("./utits");
16
+ 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); }
17
+ 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 && Object.prototype.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; }
15
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
19
  const CardWrap = exports.CardWrap = /*#__PURE__*/(0, _base.default)(_Card.default, process.env.NODE_ENV === "production" ? {
17
20
  target: "exknsmv0"
@@ -20,7 +23,7 @@ const CardWrap = exports.CardWrap = /*#__PURE__*/(0, _base.default)(_Card.defaul
20
23
  label: "CardWrap"
21
24
  })(props => ({
22
25
  marginBottom: props.theme.spacing(2)
23
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmNpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EZXBlbmRlbmNpZXMvRGVwZW5kZW5jaWVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBDYXJkIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2FyZCc7XG5pbXBvcnQgQ2FyZENvbnRlbnQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkQ29udGVudCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgTm9JdGVtcyBmcm9tICcuLi9Ob0l0ZW1zJztcbmltcG9ydCB7IERlcGVuZGVuY3lCbG9jayB9IGZyb20gJy4vRGVwZW5kZW5jeUJsb2NrJztcbmltcG9ydCB7IGhhc0tleXMgfSBmcm9tICcuL3V0aXRzJztcblxuZXhwb3J0IGNvbnN0IENhcmRXcmFwID0gc3R5bGVkKENhcmQpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIG1hcmdpbkJvdHRvbTogcHJvcHMudGhlbWUuc3BhY2luZygyKSxcbn0pKTtcblxuY29uc3QgRGVwZW5kZW5jaWVzOiBSZWFjdC5GQzx7IHBhY2thZ2VNZXRhOiBhbnkgfT4gPSAoeyBwYWNrYWdlTWV0YSB9KSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcblxuICBjb25zdCB7IGxhdGVzdCB9ID0gcGFja2FnZU1ldGE7XG4gIC8vIEZJWE1FOiBhZGQgZGVwZW5kZW5jaWVzIHRvIHBhY2thZ2UgbWV0YSB0eXBlXG4gIC8vIEB0cy1pZ25vcmVcbiAgY29uc3Qge1xuICAgIGRlcGVuZGVuY2llcyxcbiAgICBkZXZEZXBlbmRlbmNpZXMsXG4gICAgcGVlckRlcGVuZGVuY2llcyxcbiAgICBvcHRpb25hbERlcGVuZGVuY2llcyxcbiAgICBidW5kbGVEZXBlbmRlbmNpZXMsXG4gICAgbmFtZSxcbiAgfSA9IGxhdGVzdDtcbiAgY29uc3QgZGVwZW5kZW5jeU1hcCA9IHtcbiAgICBkZXBlbmRlbmNpZXMsXG4gICAgZGV2RGVwZW5kZW5jaWVzLFxuICAgIHBlZXJEZXBlbmRlbmNpZXMsXG4gICAgYnVuZGxlRGVwZW5kZW5jaWVzLFxuICAgIG9wdGlvbmFsRGVwZW5kZW5jaWVzLFxuICB9O1xuICBjb25zdCBoYXNEZXBlbmRlbmNpZXMgPVxuICAgIGhhc0tleXMoZGVwZW5kZW5jaWVzKSB8fFxuICAgIGhhc0tleXMoYnVuZGxlRGVwZW5kZW5jaWVzKSB8fFxuICAgIGhhc0tleXMob3B0aW9uYWxEZXBlbmRlbmNpZXMpIHx8XG4gICAgaGFzS2V5cyhkZXZEZXBlbmRlbmNpZXMpIHx8XG4gICAgaGFzS2V5cyhwZWVyRGVwZW5kZW5jaWVzKTtcbiAgaWYgKGhhc0RlcGVuZGVuY2llcykge1xuICAgIHJldHVybiAoXG4gICAgICA8Q2FyZFdyYXA+XG4gICAgICAgIDxDYXJkQ29udGVudD5cbiAgICAgICAgICB7T2JqZWN0LmVudHJpZXMoZGVwZW5kZW5jeU1hcCkubWFwKChbZGVwZW5kZW5jeVR5cGUsIGRlcGVuZGVuY2llc10pID0+IHtcbiAgICAgICAgICAgIGlmICghZGVwZW5kZW5jaWVzIHx8IE9iamVjdC5rZXlzKGRlcGVuZGVuY2llcykubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICAgIHJldHVybiBudWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8RGVwZW5kZW5jeUJsb2NrXG4gICAgICAgICAgICAgICAgICBkZXBlbmRlbmNpZXM9e2RlcGVuZGVuY2llc31cbiAgICAgICAgICAgICAgICAgIGtleT17ZGVwZW5kZW5jeVR5cGV9XG4gICAgICAgICAgICAgICAgICB0aXRsZT17ZGVwZW5kZW5jeVR5cGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L0NhcmRDb250ZW50PlxuICAgICAgPC9DYXJkV3JhcD5cbiAgICApO1xuICB9XG5cbiAgcmV0dXJuIDxOb0l0ZW1zIHRleHQ9e3QoJ2RlcGVuZGVuY2llcy5oYXMtbm8tZGVwZW5kZW5jaWVzJywgeyBwYWNrYWdlOiBuYW1lIH0pfSAvPjtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IERlcGVuZGVuY2llcztcbiJdfQ== */");
26
+ }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmNpZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl3QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EZXBlbmRlbmNpZXMvRGVwZW5kZW5jaWVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBCb3ggZnJvbSAnQG11aS9tYXRlcmlhbC9Cb3gnO1xuaW1wb3J0IENhcmQgZnJvbSAnQG11aS9tYXRlcmlhbC9DYXJkJztcbmltcG9ydCBDYXJkQ29udGVudCBmcm9tICdAbXVpL21hdGVyaWFsL0NhcmRDb250ZW50JztcbmltcG9ydCBSZWFjdCwgeyBGcmFnbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuaW1wb3J0IE5vSXRlbXMgZnJvbSAnLi4vTm9JdGVtcyc7XG5pbXBvcnQgeyBEZXBlbmRlbmN5QmxvY2sgfSBmcm9tICcuL0RlcGVuZGVuY3lCbG9jayc7XG5pbXBvcnQgeyBoYXNLZXlzIH0gZnJvbSAnLi91dGl0cyc7XG5cbmV4cG9ydCBjb25zdCBDYXJkV3JhcCA9IHN0eWxlZChDYXJkKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBtYXJnaW5Cb3R0b206IHByb3BzLnRoZW1lLnNwYWNpbmcoMiksXG59KSk7XG5cbmNvbnN0IERlcGVuZGVuY2llczogUmVhY3QuRkM8eyBwYWNrYWdlTWV0YTogYW55IH0+ID0gKHsgcGFja2FnZU1ldGEgfSkgPT4ge1xuICBjb25zdCB7IHQgfSA9IHVzZVRyYW5zbGF0aW9uKCk7XG5cbiAgY29uc3QgeyBsYXRlc3QgfSA9IHBhY2thZ2VNZXRhO1xuICAvLyBGSVhNRTogYWRkIGRlcGVuZGVuY2llcyB0byBwYWNrYWdlIG1ldGEgdHlwZVxuICAvLyBAdHMtaWdub3JlXG4gIGNvbnN0IHtcbiAgICBkZXBlbmRlbmNpZXMsXG4gICAgZGV2RGVwZW5kZW5jaWVzLFxuICAgIHBlZXJEZXBlbmRlbmNpZXMsXG4gICAgb3B0aW9uYWxEZXBlbmRlbmNpZXMsXG4gICAgYnVuZGxlRGVwZW5kZW5jaWVzLFxuICAgIG5hbWUsXG4gIH0gPSBsYXRlc3Q7XG4gIGNvbnN0IGRlcGVuZGVuY3lNYXAgPSB7XG4gICAgZGVwZW5kZW5jaWVzLFxuICAgIGRldkRlcGVuZGVuY2llcyxcbiAgICBwZWVyRGVwZW5kZW5jaWVzLFxuICAgIG9wdGlvbmFsRGVwZW5kZW5jaWVzLFxuICAgIGJ1bmRsZURlcGVuZGVuY2llcyxcbiAgfTtcbiAgY29uc3QgaGFzRGVwZW5kZW5jaWVzID1cbiAgICBoYXNLZXlzKGRlcGVuZGVuY2llcykgfHxcbiAgICBoYXNLZXlzKGJ1bmRsZURlcGVuZGVuY2llcykgfHxcbiAgICBoYXNLZXlzKG9wdGlvbmFsRGVwZW5kZW5jaWVzKSB8fFxuICAgIGhhc0tleXMoZGV2RGVwZW5kZW5jaWVzKSB8fFxuICAgIGhhc0tleXMocGVlckRlcGVuZGVuY2llcyk7XG4gIGlmIChoYXNEZXBlbmRlbmNpZXMpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPENhcmRXcmFwPlxuICAgICAgICA8Q2FyZENvbnRlbnQ+XG4gICAgICAgICAgPEJveCBkYXRhLXRlc3RpZD1cImRlcGVuZGVuY2llcy1ib3hcIiBzeD17eyBtOiAyIH19PlxuICAgICAgICAgICAge09iamVjdC5lbnRyaWVzKGRlcGVuZGVuY3lNYXApLm1hcCgoW2RlcGVuZGVuY3lUeXBlLCBkZXBlbmRlbmNpZXNdKSA9PiB7XG4gICAgICAgICAgICAgIGlmICghZGVwZW5kZW5jaWVzIHx8IE9iamVjdC5rZXlzKGRlcGVuZGVuY2llcykubGVuZ3RoID09PSAwKSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtkZXBlbmRlbmN5VHlwZX0+XG4gICAgICAgICAgICAgICAgICA8RGVwZW5kZW5jeUJsb2NrXG4gICAgICAgICAgICAgICAgICAgIGRlcGVuZGVuY2llcz17ZGVwZW5kZW5jaWVzfVxuICAgICAgICAgICAgICAgICAgICBrZXk9e2RlcGVuZGVuY3lUeXBlfVxuICAgICAgICAgICAgICAgICAgICB0aXRsZT17ZGVwZW5kZW5jeVR5cGV9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cbiAgICAgICAgICA8L0JveD5cbiAgICAgICAgPC9DYXJkQ29udGVudD5cbiAgICAgIDwvQ2FyZFdyYXA+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiA8Tm9JdGVtcyB0ZXh0PXt0KCdkZXBlbmRlbmNpZXMuaGFzLW5vLWRlcGVuZGVuY2llcycsIHsgcGFja2FnZTogbmFtZSB9KX0gLz47XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEZXBlbmRlbmNpZXM7XG4iXX0= */");
24
27
  const Dependencies = ({
25
28
  packageMeta
26
29
  }) => {
@@ -44,21 +47,28 @@ const Dependencies = ({
44
47
  dependencies,
45
48
  devDependencies,
46
49
  peerDependencies,
47
- bundleDependencies,
48
- optionalDependencies
50
+ optionalDependencies,
51
+ bundleDependencies
49
52
  };
50
53
  const hasDependencies = (0, _utits.hasKeys)(dependencies) || (0, _utits.hasKeys)(bundleDependencies) || (0, _utits.hasKeys)(optionalDependencies) || (0, _utits.hasKeys)(devDependencies) || (0, _utits.hasKeys)(peerDependencies);
51
54
  if (hasDependencies) {
52
- return /*#__PURE__*/_react.default.createElement(CardWrap, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, Object.entries(dependencyMap).map(([dependencyType, dependencies]) => {
55
+ return /*#__PURE__*/_react.default.createElement(CardWrap, null, /*#__PURE__*/_react.default.createElement(_CardContent.default, null, /*#__PURE__*/_react.default.createElement(_Box.default, {
56
+ "data-testid": "dependencies-box",
57
+ sx: {
58
+ m: 2
59
+ }
60
+ }, Object.entries(dependencyMap).map(([dependencyType, dependencies]) => {
53
61
  if (!dependencies || Object.keys(dependencies).length === 0) {
54
62
  return null;
55
63
  }
56
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_DependencyBlock.DependencyBlock, {
64
+ return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
65
+ key: dependencyType
66
+ }, /*#__PURE__*/_react.default.createElement(_DependencyBlock.DependencyBlock, {
57
67
  dependencies: dependencies,
58
68
  key: dependencyType,
59
69
  title: dependencyType
60
70
  }));
61
- })));
71
+ }))));
62
72
  }
63
73
  return /*#__PURE__*/_react.default.createElement(_NoItems.default, {
64
74
  text: t('dependencies.has-no-dependencies', {
@@ -21,7 +21,7 @@ const StyledText = exports.StyledText = /*#__PURE__*/(0, _base.default)(_Typogra
21
21
  })(props => ({
22
22
  fontWeight: props.theme && props.theme.fontWeight.bold,
23
23
  textTransform: 'capitalize'
24
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuXG5pbnRlcmZhY2UgRGVwZW5kZW5jeUJsb2NrUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXBlbmRlbmNpZXM6IFBhY2thZ2VEZXBlbmRlbmNpZXM7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBqdXN0aWZ5Q29udGVudDogJ3N0YXJ0JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgLy8gZm9yY2UgdGl0bGUgdG8gYmUgb24gdGhlIHNhbWUgbGluZSBhcyB0aGUgdGl0bGVcbiAgLy8gY291bGQgYmUgYmV0dGVyIHRvIGF2b2lkIG1hcmdpbiBvbiB0aGUgZmlyc3QgZWxlbWVudFxuICAvLyBidXQgaXQgaXMgYSBiaXQgdHJpY2t5IHRvIGRvIHdpdGggZmxleGJveFxuICBtYXJnaW5MZWZ0OiBwcm9wcy50aGVtZS5zcGFjaW5nKC0wLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkKENoaXApPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIG1hcmdpbjogcHJvcHMudGhlbWUuc3BhY2luZygwLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgRGVwZW5kZW5jeUJsb2NrOiBSZWFjdC5GQzxEZXBlbmRlbmN5QmxvY2tQcm9wcz4gPSAoeyB0aXRsZSwgZGVwZW5kZW5jaWVzIH0pID0+IHtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGRlcHMgPSBPYmplY3QuZW50cmllcyhkZXBlbmRlbmNpZXMpO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKG5hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgIGhpc3RvcnkucHVzaChgLy0vd2ViL2RldGFpbC8ke25hbWV9YCk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dKSA9PiAoXG4gICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgY2xhc3NOYW1lPXsnZGVwLXRhZyd9XG4gICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17bmFtZX1cbiAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgIGxhYmVsPXt0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KX1cbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBoYW5kbGVDbGljayhuYW1lKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
24
+ }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuXG5pbnRlcmZhY2UgRGVwZW5kZW5jeUJsb2NrUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXBlbmRlbmNpZXM6IFBhY2thZ2VEZXBlbmRlbmNpZXM7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBqdXN0aWZ5Q29udGVudDogJ3N0YXJ0JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgLy8gZm9yY2UgdGl0bGUgdG8gYmUgb24gdGhlIHNhbWUgbGluZSBhcyB0aGUgdGl0bGVcbiAgLy8gY291bGQgYmUgYmV0dGVyIHRvIGF2b2lkIG1hcmdpbiBvbiB0aGUgZmlyc3QgZWxlbWVudFxuICAvLyBidXQgaXQgaXMgYSBiaXQgdHJpY2t5IHRvIGRvIHdpdGggZmxleGJveFxuICBtYXJnaW5MZWZ0OiBwcm9wcy50aGVtZS5zcGFjaW5nKC0wLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkKENoaXApPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIG1hcmdpbjogcHJvcHMudGhlbWUuc3BhY2luZygwLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgRGVwZW5kZW5jeUJsb2NrOiBSZWFjdC5GQzxEZXBlbmRlbmN5QmxvY2tQcm9wcz4gPSAoeyB0aXRsZSwgZGVwZW5kZW5jaWVzIH0pID0+IHtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGRlcHMgPSBPYmplY3QuZW50cmllcyhkZXBlbmRlbmNpZXMpO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKG5hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgIGhpc3RvcnkucHVzaChgLy0vd2ViL2RldGFpbC8ke25hbWV9YCk7XG4gIH1cblxuICBmdW5jdGlvbiBsYWJlbFRleHQodGl0bGU6IHN0cmluZywgbmFtZTogc3RyaW5nLCB2ZXJzaW9uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICh0aXRsZSA9PT0gJ2J1bmRsZURlcGVuZGVuY2llcycpIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jay1idW5kbGUnLCB7IHBhY2thZ2U6IG5hbWUgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dOiBbc3RyaW5nLCBzdHJpbmddKSA9PiB7XG4gICAgICAgICAgLy8gQnVuZGxlIGRlcGVuZGVuY2llcyBhcmUgc3RvcmVkIGFzIGFycmF5LCBmb3IgZXhhbXBsZSBbIDA6IFwic2VtdmVyXCIgXVxuICAgICAgICAgIC8vIHNvIHRoZSBwYWNrYWdlIG5hbWUgYXJyaXZlcyBoZXJlIGluIHRoZSB2ZXJzaW9uIGZpZWxkXG4gICAgICAgICAgY29uc3QgcGFja2FnZU5hbWUgPSB0aXRsZSA9PSAnYnVuZGxlRGVwZW5kZW5jaWVzJyA/IHZlcnNpb24gOiBuYW1lO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17J2RlcC10YWcnfVxuICAgICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAga2V5PXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsVGV4dCh0aXRsZSwgcGFja2FnZU5hbWUsIHZlcnNpb24pfVxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIGhhbmRsZUNsaWNrKHBhY2thZ2VOYW1lKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
25
25
  const Tags = exports.Tags = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
26
26
  target: "e1cdkkwc1"
27
27
  } : {
@@ -35,7 +35,7 @@ const Tags = exports.Tags = /*#__PURE__*/(0, _base.default)('div', process.env.N
35
35
  // could be better to avoid margin on the first element
36
36
  // but it is a bit tricky to do with flexbox
37
37
  marginLeft: props.theme.spacing(-0.6)
38
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuXG5pbnRlcmZhY2UgRGVwZW5kZW5jeUJsb2NrUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXBlbmRlbmNpZXM6IFBhY2thZ2VEZXBlbmRlbmNpZXM7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBqdXN0aWZ5Q29udGVudDogJ3N0YXJ0JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgLy8gZm9yY2UgdGl0bGUgdG8gYmUgb24gdGhlIHNhbWUgbGluZSBhcyB0aGUgdGl0bGVcbiAgLy8gY291bGQgYmUgYmV0dGVyIHRvIGF2b2lkIG1hcmdpbiBvbiB0aGUgZmlyc3QgZWxlbWVudFxuICAvLyBidXQgaXQgaXMgYSBiaXQgdHJpY2t5IHRvIGRvIHdpdGggZmxleGJveFxuICBtYXJnaW5MZWZ0OiBwcm9wcy50aGVtZS5zcGFjaW5nKC0wLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkKENoaXApPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIG1hcmdpbjogcHJvcHMudGhlbWUuc3BhY2luZygwLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgRGVwZW5kZW5jeUJsb2NrOiBSZWFjdC5GQzxEZXBlbmRlbmN5QmxvY2tQcm9wcz4gPSAoeyB0aXRsZSwgZGVwZW5kZW5jaWVzIH0pID0+IHtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGRlcHMgPSBPYmplY3QuZW50cmllcyhkZXBlbmRlbmNpZXMpO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKG5hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgIGhpc3RvcnkucHVzaChgLy0vd2ViL2RldGFpbC8ke25hbWV9YCk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dKSA9PiAoXG4gICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgY2xhc3NOYW1lPXsnZGVwLXRhZyd9XG4gICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17bmFtZX1cbiAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgIGxhYmVsPXt0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KX1cbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBoYW5kbGVDbGljayhuYW1lKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
38
+ }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuXG5pbnRlcmZhY2UgRGVwZW5kZW5jeUJsb2NrUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXBlbmRlbmNpZXM6IFBhY2thZ2VEZXBlbmRlbmNpZXM7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBqdXN0aWZ5Q29udGVudDogJ3N0YXJ0JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgLy8gZm9yY2UgdGl0bGUgdG8gYmUgb24gdGhlIHNhbWUgbGluZSBhcyB0aGUgdGl0bGVcbiAgLy8gY291bGQgYmUgYmV0dGVyIHRvIGF2b2lkIG1hcmdpbiBvbiB0aGUgZmlyc3QgZWxlbWVudFxuICAvLyBidXQgaXQgaXMgYSBiaXQgdHJpY2t5IHRvIGRvIHdpdGggZmxleGJveFxuICBtYXJnaW5MZWZ0OiBwcm9wcy50aGVtZS5zcGFjaW5nKC0wLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkKENoaXApPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIG1hcmdpbjogcHJvcHMudGhlbWUuc3BhY2luZygwLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgRGVwZW5kZW5jeUJsb2NrOiBSZWFjdC5GQzxEZXBlbmRlbmN5QmxvY2tQcm9wcz4gPSAoeyB0aXRsZSwgZGVwZW5kZW5jaWVzIH0pID0+IHtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGRlcHMgPSBPYmplY3QuZW50cmllcyhkZXBlbmRlbmNpZXMpO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKG5hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgIGhpc3RvcnkucHVzaChgLy0vd2ViL2RldGFpbC8ke25hbWV9YCk7XG4gIH1cblxuICBmdW5jdGlvbiBsYWJlbFRleHQodGl0bGU6IHN0cmluZywgbmFtZTogc3RyaW5nLCB2ZXJzaW9uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICh0aXRsZSA9PT0gJ2J1bmRsZURlcGVuZGVuY2llcycpIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jay1idW5kbGUnLCB7IHBhY2thZ2U6IG5hbWUgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dOiBbc3RyaW5nLCBzdHJpbmddKSA9PiB7XG4gICAgICAgICAgLy8gQnVuZGxlIGRlcGVuZGVuY2llcyBhcmUgc3RvcmVkIGFzIGFycmF5LCBmb3IgZXhhbXBsZSBbIDA6IFwic2VtdmVyXCIgXVxuICAgICAgICAgIC8vIHNvIHRoZSBwYWNrYWdlIG5hbWUgYXJyaXZlcyBoZXJlIGluIHRoZSB2ZXJzaW9uIGZpZWxkXG4gICAgICAgICAgY29uc3QgcGFja2FnZU5hbWUgPSB0aXRsZSA9PSAnYnVuZGxlRGVwZW5kZW5jaWVzJyA/IHZlcnNpb24gOiBuYW1lO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17J2RlcC10YWcnfVxuICAgICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAga2V5PXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsVGV4dCh0aXRsZSwgcGFja2FnZU5hbWUsIHZlcnNpb24pfVxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIGhhbmRsZUNsaWNrKHBhY2thZ2VOYW1lKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
39
39
  const Tag = exports.Tag = /*#__PURE__*/(0, _base.default)(_Chip.default, process.env.NODE_ENV === "production" ? {
40
40
  target: "e1cdkkwc0"
41
41
  } : {
@@ -43,7 +43,7 @@ const Tag = exports.Tag = /*#__PURE__*/(0, _base.default)(_Chip.default, process
43
43
  label: "Tag"
44
44
  })(props => ({
45
45
  margin: props.theme.spacing(0.6)
46
- }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuXG5pbnRlcmZhY2UgRGVwZW5kZW5jeUJsb2NrUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXBlbmRlbmNpZXM6IFBhY2thZ2VEZXBlbmRlbmNpZXM7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBqdXN0aWZ5Q29udGVudDogJ3N0YXJ0JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgLy8gZm9yY2UgdGl0bGUgdG8gYmUgb24gdGhlIHNhbWUgbGluZSBhcyB0aGUgdGl0bGVcbiAgLy8gY291bGQgYmUgYmV0dGVyIHRvIGF2b2lkIG1hcmdpbiBvbiB0aGUgZmlyc3QgZWxlbWVudFxuICAvLyBidXQgaXQgaXMgYSBiaXQgdHJpY2t5IHRvIGRvIHdpdGggZmxleGJveFxuICBtYXJnaW5MZWZ0OiBwcm9wcy50aGVtZS5zcGFjaW5nKC0wLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkKENoaXApPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIG1hcmdpbjogcHJvcHMudGhlbWUuc3BhY2luZygwLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgRGVwZW5kZW5jeUJsb2NrOiBSZWFjdC5GQzxEZXBlbmRlbmN5QmxvY2tQcm9wcz4gPSAoeyB0aXRsZSwgZGVwZW5kZW5jaWVzIH0pID0+IHtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGRlcHMgPSBPYmplY3QuZW50cmllcyhkZXBlbmRlbmNpZXMpO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKG5hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgIGhpc3RvcnkucHVzaChgLy0vd2ViL2RldGFpbC8ke25hbWV9YCk7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dKSA9PiAoXG4gICAgICAgICAgPFRhZ1xuICAgICAgICAgICAgY2xhc3NOYW1lPXsnZGVwLXRhZyd9XG4gICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICBkYXRhLXRlc3RpZD17bmFtZX1cbiAgICAgICAgICAgIGtleT17bmFtZX1cbiAgICAgICAgICAgIGxhYmVsPXt0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KX1cbiAgICAgICAgICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZVxuICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICBoYW5kbGVDbGljayhuYW1lKTtcbiAgICAgICAgICAgIH19XG4gICAgICAgICAgLz5cbiAgICAgICAgKSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
46
+ }), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RlcGVuZGVuY2llcy9EZXBlbmRlbmN5QmxvY2sudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGVwZW5kZW5jaWVzL0RlcGVuZGVuY3lCbG9jay50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgQm94IGZyb20gJ0BtdWkvbWF0ZXJpYWwvQm94JztcbmltcG9ydCBDaGlwIGZyb20gJ0BtdWkvbWF0ZXJpYWwvQ2hpcCc7XG5pbXBvcnQgVHlwb2dyYXBoeSBmcm9tICdAbXVpL21hdGVyaWFsL1R5cG9ncmFwaHknO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAbXVpL3N0eWxlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgdXNlVHJhbnNsYXRpb24gfSBmcm9tICdyZWFjdC1pMThuZXh0JztcbmltcG9ydCB7IHVzZUhpc3RvcnkgfSBmcm9tICdyZWFjdC1yb3V0ZXItZG9tJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5pbXBvcnQgeyBQYWNrYWdlRGVwZW5kZW5jaWVzIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuXG5pbnRlcmZhY2UgRGVwZW5kZW5jeUJsb2NrUHJvcHMge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXBlbmRlbmNpZXM6IFBhY2thZ2VEZXBlbmRlbmNpZXM7XG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lICYmIHByb3BzLnRoZW1lLmZvbnRXZWlnaHQuYm9sZCxcbiAgdGV4dFRyYW5zZm9ybTogJ2NhcGl0YWxpemUnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFncyA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBqdXN0aWZ5Q29udGVudDogJ3N0YXJ0JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgLy8gZm9yY2UgdGl0bGUgdG8gYmUgb24gdGhlIHNhbWUgbGluZSBhcyB0aGUgdGl0bGVcbiAgLy8gY291bGQgYmUgYmV0dGVyIHRvIGF2b2lkIG1hcmdpbiBvbiB0aGUgZmlyc3QgZWxlbWVudFxuICAvLyBidXQgaXQgaXMgYSBiaXQgdHJpY2t5IHRvIGRvIHdpdGggZmxleGJveFxuICBtYXJnaW5MZWZ0OiBwcm9wcy50aGVtZS5zcGFjaW5nKC0wLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkKENoaXApPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIG1hcmdpbjogcHJvcHMudGhlbWUuc3BhY2luZygwLjYpLFxufSkpO1xuXG5leHBvcnQgY29uc3QgRGVwZW5kZW5jeUJsb2NrOiBSZWFjdC5GQzxEZXBlbmRlbmN5QmxvY2tQcm9wcz4gPSAoeyB0aXRsZSwgZGVwZW5kZW5jaWVzIH0pID0+IHtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGRlcHMgPSBPYmplY3QuZW50cmllcyhkZXBlbmRlbmNpZXMpO1xuXG4gIGZ1bmN0aW9uIGhhbmRsZUNsaWNrKG5hbWU6IHN0cmluZyk6IHZvaWQge1xuICAgIGhpc3RvcnkucHVzaChgLy0vd2ViL2RldGFpbC8ke25hbWV9YCk7XG4gIH1cblxuICBmdW5jdGlvbiBsYWJlbFRleHQodGl0bGU6IHN0cmluZywgbmFtZTogc3RyaW5nLCB2ZXJzaW9uOiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIGlmICh0aXRsZSA9PT0gJ2J1bmRsZURlcGVuZGVuY2llcycpIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jay1idW5kbGUnLCB7IHBhY2thZ2U6IG5hbWUgfSk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHJldHVybiB0KCdkZXBlbmRlbmNpZXMuZGVwZW5kZW5jeS1ibG9jaycsIHsgcGFja2FnZTogbmFtZSwgdmVyc2lvbiB9KTtcbiAgICB9XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxCb3ggZGF0YS10ZXN0aWQ9e3RpdGxlfSBzeD17eyBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMikgfX0+XG4gICAgICA8U3R5bGVkVGV4dCBzeD17eyBtYXJnaW5Cb3R0b206IHRoZW1lLnNwYWNpbmcoMSkgfX0gdmFyaWFudD1cInN1YnRpdGxlMVwiPlxuICAgICAgICB7YCR7dGl0bGV9ICgke2RlcHMubGVuZ3RofSlgfVxuICAgICAgPC9TdHlsZWRUZXh0PlxuICAgICAgPFRhZ3M+XG4gICAgICAgIHtkZXBzLm1hcCgoW25hbWUsIHZlcnNpb25dOiBbc3RyaW5nLCBzdHJpbmddKSA9PiB7XG4gICAgICAgICAgLy8gQnVuZGxlIGRlcGVuZGVuY2llcyBhcmUgc3RvcmVkIGFzIGFycmF5LCBmb3IgZXhhbXBsZSBbIDA6IFwic2VtdmVyXCIgXVxuICAgICAgICAgIC8vIHNvIHRoZSBwYWNrYWdlIG5hbWUgYXJyaXZlcyBoZXJlIGluIHRoZSB2ZXJzaW9uIGZpZWxkXG4gICAgICAgICAgY29uc3QgcGFja2FnZU5hbWUgPSB0aXRsZSA9PSAnYnVuZGxlRGVwZW5kZW5jaWVzJyA/IHZlcnNpb24gOiBuYW1lO1xuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8VGFnXG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17J2RlcC10YWcnfVxuICAgICAgICAgICAgICBjbGlja2FibGU9e3RydWV9XG4gICAgICAgICAgICAgIGRhdGEtdGVzdGlkPXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAga2V5PXtwYWNrYWdlTmFtZX1cbiAgICAgICAgICAgICAgbGFiZWw9e2xhYmVsVGV4dCh0aXRsZSwgcGFja2FnZU5hbWUsIHZlcnNpb24pfVxuICAgICAgICAgICAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmVcbiAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgIGhhbmRsZUNsaWNrKHBhY2thZ2VOYW1lKTtcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKTtcbiAgICAgICAgfSl9XG4gICAgICA8L1RhZ3M+XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuIl19 */");
47
47
  const DependencyBlock = ({
48
48
  title,
49
49
  dependencies
@@ -57,6 +57,18 @@ const DependencyBlock = ({
57
57
  function handleClick(name) {
58
58
  history.push(`/-/web/detail/${name}`);
59
59
  }
60
+ function labelText(title, name, version) {
61
+ if (title === 'bundleDependencies') {
62
+ return t('dependencies.dependency-block-bundle', {
63
+ package: name
64
+ });
65
+ } else {
66
+ return t('dependencies.dependency-block', {
67
+ package: name,
68
+ version
69
+ });
70
+ }
71
+ }
60
72
  return /*#__PURE__*/_react.default.createElement(_Box.default, {
61
73
  "data-testid": title,
62
74
  sx: {
@@ -67,21 +79,23 @@ const DependencyBlock = ({
67
79
  marginBottom: theme.spacing(1)
68
80
  },
69
81
  variant: "subtitle1"
70
- }, `${title} (${deps.length})`), /*#__PURE__*/_react.default.createElement(Tags, null, deps.map(([name, version]) => /*#__PURE__*/_react.default.createElement(Tag, {
71
- className: 'dep-tag',
72
- clickable: true,
73
- "data-testid": name,
74
- key: name,
75
- label: t('dependencies.dependency-block', {
76
- package: name,
77
- version
78
- })
79
- // eslint-disable-next-line
80
- ,
81
- onClick: () => {
82
- handleClick(name);
83
- }
84
- }))));
82
+ }, `${title} (${deps.length})`), /*#__PURE__*/_react.default.createElement(Tags, null, deps.map(([name, version]) => {
83
+ // Bundle dependencies are stored as array, for example [ 0: "semver" ]
84
+ // so the package name arrives here in the version field
85
+ const packageName = title == 'bundleDependencies' ? version : name;
86
+ return /*#__PURE__*/_react.default.createElement(Tag, {
87
+ className: 'dep-tag',
88
+ clickable: true,
89
+ "data-testid": packageName,
90
+ key: packageName,
91
+ label: labelText(title, packageName, version)
92
+ // eslint-disable-next-line
93
+ ,
94
+ onClick: () => {
95
+ handleClick(packageName);
96
+ }
97
+ });
98
+ })));
85
99
  };
86
100
  exports.DependencyBlock = DependencyBlock;
87
101
  //# sourceMappingURL=DependencyBlock.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@verdaccio/ui-components",
3
- "version": "3.0.0-next-7.6",
3
+ "version": "3.0.0-next-7.7",
4
4
  "description": "theme ui component",
5
5
  "author": "Juan Picado <juanpicado19@gmail.com>",
6
6
  "license": "MIT",
@@ -28,7 +28,7 @@
28
28
  "js-base64": "3.7.6",
29
29
  "localstorage-memory": "1.0.3",
30
30
  "lodash": "4.17.21",
31
- "marked": "11.1.1",
31
+ "marked": "11.2.0",
32
32
  "marked-highlight": "2.1.0",
33
33
  "normalize.css": "8.0.1",
34
34
  "react": "18.2.0",
@@ -40,7 +40,7 @@
40
40
  "react-redux": "8.1.3",
41
41
  "react-router": "5.3.4",
42
42
  "react-router-dom": "5.3.4",
43
- "semver": "7.6.0",
43
+ "semver": "7.6.2",
44
44
  "react-virtualized": "9.22.5",
45
45
  "redux": "4.2.1",
46
46
  "validator": "13.11.0"
@@ -63,7 +63,7 @@
63
63
  "@types/hast": "^2.0.0",
64
64
  "@types/react-router": "^5.1.20",
65
65
  "@types/unist": "^2.0.0",
66
- "@verdaccio/types": "12.0.0-next.2",
66
+ "@verdaccio/types": "12.0.0-next-7.4",
67
67
  "babel-loader": "^8.3.0",
68
68
  "mockdate": "3.0.5",
69
69
  "msw": "0.49.3",
@@ -71,17 +71,17 @@ const packageMeta = {
71
71
  shelljs: '^0.7.8',
72
72
  'update-notifier': '^2.1.0',
73
73
  },
74
- bundleDependencies: {
75
- 'styled-components': '5.0.0',
76
- 'cross-spawn': '^5.0.1',
77
- jscodeshift: '^0.3.30',
78
- json5: '^0.5.1',
79
- 'latest-version': '^3.1.0',
80
- 'merge-dirs': '^0.2.1',
81
- opencollective: '^1.0.3',
82
- shelljs: '^0.7.8',
83
- 'update-notifier': '^2.1.0',
84
- },
74
+ bundleDependencies: [
75
+ 'styled-components',
76
+ 'cross-spawn',
77
+ 'jscodeshift',
78
+ 'json5',
79
+ 'latest-version',
80
+ 'merge-dirs',
81
+ 'opencollective',
82
+ 'shelljs',
83
+ 'update-notifier',
84
+ ],
85
85
  },
86
86
  _uplinks: {},
87
87
  };
@@ -1,7 +1,8 @@
1
1
  import styled from '@emotion/styled';
2
+ import Box from '@mui/material/Box';
2
3
  import Card from '@mui/material/Card';
3
4
  import CardContent from '@mui/material/CardContent';
4
- import React from 'react';
5
+ import React, { Fragment } from 'react';
5
6
  import { useTranslation } from 'react-i18next';
6
7
 
7
8
  import { Theme } from '../../Theme';
@@ -31,8 +32,8 @@ const Dependencies: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {
31
32
  dependencies,
32
33
  devDependencies,
33
34
  peerDependencies,
34
- bundleDependencies,
35
35
  optionalDependencies,
36
+ bundleDependencies,
36
37
  };
37
38
  const hasDependencies =
38
39
  hasKeys(dependencies) ||
@@ -44,20 +45,22 @@ const Dependencies: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {
44
45
  return (
45
46
  <CardWrap>
46
47
  <CardContent>
47
- {Object.entries(dependencyMap).map(([dependencyType, dependencies]) => {
48
- if (!dependencies || Object.keys(dependencies).length === 0) {
49
- return null;
50
- }
51
- return (
52
- <>
53
- <DependencyBlock
54
- dependencies={dependencies}
55
- key={dependencyType}
56
- title={dependencyType}
57
- />
58
- </>
59
- );
60
- })}
48
+ <Box data-testid="dependencies-box" sx={{ m: 2 }}>
49
+ {Object.entries(dependencyMap).map(([dependencyType, dependencies]) => {
50
+ if (!dependencies || Object.keys(dependencies).length === 0) {
51
+ return null;
52
+ }
53
+ return (
54
+ <Fragment key={dependencyType}>
55
+ <DependencyBlock
56
+ dependencies={dependencies}
57
+ key={dependencyType}
58
+ title={dependencyType}
59
+ />
60
+ </Fragment>
61
+ );
62
+ })}
63
+ </Box>
61
64
  </CardContent>
62
65
  </CardWrap>
63
66
  );
@@ -1,22 +1,33 @@
1
- import userEvent from '@testing-library/user-event';
2
1
  import React from 'react';
3
2
  import { MemoryRouter, Route } from 'react-router';
4
3
 
5
- import { render, screen } from '../../test/test-react-testing-library';
4
+ import { fireEvent, render, screen } from '../../test/test-react-testing-library';
6
5
  import { DependencyBlock } from './DependencyBlock';
7
6
 
7
+ const mockHistory = jest.fn();
8
+
9
+ jest.mock('react-router-dom', () => ({
10
+ useHistory: () => ({
11
+ push: mockHistory,
12
+ }),
13
+ }));
14
+
8
15
  describe('<DependencyBlock /> component', () => {
9
16
  test('renders dependency block', () => {
10
17
  render(<DependencyBlock dependencies={{ jquery: '1.0.0' }} title="foo" />);
11
18
 
12
19
  expect(screen.getByText('foo (1)')).toBeInTheDocument();
13
20
  expect(screen.getByText('dependencies.dependency-block')).toBeInTheDocument();
21
+ });
14
22
 
15
- userEvent.click(screen.getByText('dependencies.dependency-block'));
23
+ test('renders bundleDependencies block', () => {
24
+ render(<DependencyBlock dependencies={{ semver: '7.6.0' }} title="bundleDependencies" />);
25
+
26
+ expect(screen.getByText('bundleDependencies (1)')).toBeInTheDocument();
27
+ expect(screen.getByText('dependencies.dependency-block-bundle')).toBeInTheDocument();
16
28
  });
17
29
 
18
- test.todo('test the click event');
19
- test.skip('handle change route handler', () => {
30
+ test('handle change of route', async () => {
20
31
  render(
21
32
  <MemoryRouter
22
33
  initialEntries={[`/-/web/detail/some-dep`, `/-/web/detail/jquery`]}
@@ -28,6 +39,8 @@ describe('<DependencyBlock /> component', () => {
28
39
  </MemoryRouter>
29
40
  );
30
41
 
31
- userEvent.click(screen.getByTestId('jquery'));
42
+ fireEvent.click(screen.getByTestId('jquery'));
43
+
44
+ await expect(mockHistory).toHaveBeenCalled();
32
45
  });
33
46
  });
@@ -44,25 +44,38 @@ export const DependencyBlock: React.FC<DependencyBlockProps> = ({ title, depende
44
44
  history.push(`/-/web/detail/${name}`);
45
45
  }
46
46
 
47
+ function labelText(title: string, name: string, version: string): string {
48
+ if (title === 'bundleDependencies') {
49
+ return t('dependencies.dependency-block-bundle', { package: name });
50
+ } else {
51
+ return t('dependencies.dependency-block', { package: name, version });
52
+ }
53
+ }
54
+
47
55
  return (
48
56
  <Box data-testid={title} sx={{ margin: theme.spacing(2) }}>
49
57
  <StyledText sx={{ marginBottom: theme.spacing(1) }} variant="subtitle1">
50
58
  {`${title} (${deps.length})`}
51
59
  </StyledText>
52
60
  <Tags>
53
- {deps.map(([name, version]) => (
54
- <Tag
55
- className={'dep-tag'}
56
- clickable={true}
57
- data-testid={name}
58
- key={name}
59
- label={t('dependencies.dependency-block', { package: name, version })}
60
- // eslint-disable-next-line
61
- onClick={() => {
62
- handleClick(name);
63
- }}
64
- />
65
- ))}
61
+ {deps.map(([name, version]: [string, string]) => {
62
+ // Bundle dependencies are stored as array, for example [ 0: "semver" ]
63
+ // so the package name arrives here in the version field
64
+ const packageName = title == 'bundleDependencies' ? version : name;
65
+ return (
66
+ <Tag
67
+ className={'dep-tag'}
68
+ clickable={true}
69
+ data-testid={packageName}
70
+ key={packageName}
71
+ label={labelText(title, packageName, version)}
72
+ // eslint-disable-next-line
73
+ onClick={() => {
74
+ handleClick(packageName);
75
+ }}
76
+ />
77
+ );
78
+ })}
66
79
  </Tags>
67
80
  </Box>
68
81
  );