@verdaccio/ui-components 2.0.0-6-next.9 → 2.0.0-6-next.10

package/.babelrc

@@ -1,16 +1,8 @@
 {
   "extends": "../../.babelrc",
   "plugins": ["@emotion"],
+  "sourceMaps" : "inline",
   "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "targets": ["last 5 versions"],
-        "bugfixes": true,
-        "modules": "auto",
-        "debug": false
-      }
-    ],
     "@babel/preset-react"
   ]
 }

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @verdaccio/ui-components
 
+## 2.0.0-6-next.10
+
+### Minor Changes
+
+- 7344a7fcf: feat: ui bugfixes and improvements
+
 ## 2.0.0-6-next.9
 
 ### Patch Changes

package/build/Theme/ResetStyles.js

@@ -3,51 +3,48 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _styles = require("@mui/styles");
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var resetStyles = (0, _styles.makeStyles)(function (_ref) {
-  var theme = _ref.theme;
-  return {
-    '@global': {
-      // eslint-disable-next-line max-len
-      'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video': {
-        fontFamily: '"Roboto", Helvetica Neue, Arial, sans-serif'
-      },
-      strong: {
-        fontWeight: theme === null || theme === void 0 ? void 0 : theme.fontWeight.semiBold
-      },
-      'html, body, #root': {
-        height: '100%'
-      },
-      ul: {
-        margin: 0,
-        padding: 0,
-        listStyle: 'none'
-      },
-      '.container': _defineProperty({
-        padding: 15,
-        flex: 1,
-        height: '100%'
-      }, "@media screen and (min-width: ".concat(theme === null || theme === void 0 ? void 0 : theme.breakPoints.container, "px)"), {
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const resetStyles = (0, _styles.makeStyles)(({
+  theme
+}) => ({
+  '@global': {
+    // eslint-disable-next-line max-len
+    'html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video': {
+      fontFamily: '"Roboto", Helvetica Neue, Arial, sans-serif'
+    },
+    strong: {
+      fontWeight: theme === null || theme === void 0 ? void 0 : theme.fontWeight.semiBold
+    },
+    'html, body, #root': {
+      height: '100%'
+    },
+    ul: {
+      margin: 0,
+      padding: 0,
+      listStyle: 'none'
+    },
+    '.container': {
+      padding: 15,
+      flex: 1,
+      height: '100%',
+      [`@media screen and (min-width: ${theme === null || theme === void 0 ? void 0 : theme.breakPoints.container}px)`]: {
         maxWidth: theme === null || theme === void 0 ? void 0 : theme.breakPoints.container,
         width: '100%',
         marginLeft: 'auto',
         marginRight: 'auto'
-      })
+      }
     }
-  };
-});
-var ResetStyles = function ResetStyles(_ref2) {
-  var children = _ref2.children;
+  }
+}));
+const ResetStyles = ({
+  children
+}) => {
   resetStyles();
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 };
 var _default = ResetStyles;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=ResetStyles.js.map

package/build/Theme/StyleBaseline.js

@@ -3,15 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _CssBaseline = _interopRequireDefault(require("@mui/material/CssBaseline"));
 require("normalize.css");
 var _react = _interopRequireDefault(require("react"));
 var _ResetStyles = _interopRequireDefault(require("./ResetStyles"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var StyleBaseline = function StyleBaseline() {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CssBaseline["default"], null), /*#__PURE__*/_react["default"].createElement(_ResetStyles["default"], null));
-};
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyleBaseline = () => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CssBaseline.default, null), /*#__PURE__*/_react.default.createElement(_ResetStyles.default, null));
 var _default = StyleBaseline;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=StyleBaseline.js.map

package/build/Theme/ThemeProvider.js

@@ -1,61 +1,51 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCustomTheme = exports.ThemeProvider = void 0;
 var _styles = require("@mui/material/styles");
 var _react = _interopRequireWildcard(require("react"));
-var _useLocalStorage3 = _interopRequireDefault(require("../hooks/useLocalStorage"));
+var _useLocalStorage = _interopRequireDefault(require("../hooks/useLocalStorage"));
 var _AppConfigurationProvider = require("../providers/AppConfigurationProvider");
 var _theme = require("./theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const ThemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 function getDarkModeDefault(darkModeConfig) {
   var _window$matchMedia, _window;
-  var prefersDarkMode = (_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(prefers-color-scheme:dark)').matches;
+  const prefersDarkMode = (_window$matchMedia = (_window = window).matchMedia) === null || _window$matchMedia === void 0 ? void 0 : _window$matchMedia.call(_window, '(prefers-color-scheme:dark)').matches;
   if (typeof darkModeConfig === 'boolean') {
     return darkModeConfig;
   } else {
     return prefersDarkMode;
   }
 }
-var ThemeProvider = function ThemeProvider(_ref) {
-  var children = _ref.children;
-  var _useConfig = (0, _AppConfigurationProvider.useConfig)(),
-    configOptions = _useConfig.configOptions;
-  var isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);
-  var isSwitchThemeEnabled = configOptions.showThemeSwitch;
-  var _useLocalStorage = (0, _useLocalStorage3["default"])('darkMode', isDarkModeDefault),
-    _useLocalStorage2 = _slicedToArray(_useLocalStorage, 2),
-    isDarkModeStorage = _useLocalStorage2[0],
-    setIsDarkMode = _useLocalStorage2[1];
-  var isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;
-  var themeMode = isDarkMode ? 'dark' : 'light';
-  var currentTheme = (0, _theme.getTheme)(themeMode, configOptions.primaryColor);
-  return /*#__PURE__*/_react["default"].createElement(ThemeContext.Provider, {
+const ThemeProvider = ({
+  children
+}) => {
+  const {
+    configOptions
+  } = (0, _AppConfigurationProvider.useConfig)();
+  const isDarkModeDefault = getDarkModeDefault(configOptions.darkMode);
+  const isSwitchThemeEnabled = configOptions.showThemeSwitch;
+  const [isDarkModeStorage, setIsDarkMode] = (0, _useLocalStorage.default)('darkMode', isDarkModeDefault);
+  const isDarkMode = isSwitchThemeEnabled === true ? isDarkModeStorage : isDarkModeDefault;
+  const themeMode = isDarkMode ? 'dark' : 'light';
+  const currentTheme = (0, _theme.getTheme)(themeMode, configOptions.primaryColor);
+  return /*#__PURE__*/_react.default.createElement(ThemeContext.Provider, {
     value: {
-      isDarkMode: isDarkMode,
-      setIsDarkMode: setIsDarkMode
+      isDarkMode,
+      setIsDarkMode
     }
-  }, /*#__PURE__*/_react["default"].createElement(_styles.StyledEngineProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_styles.StyledEngineProvider, {
     injectFirst: true
-  }, /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+  }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
     theme: currentTheme
   }, children)));
 };
 exports.ThemeProvider = ThemeProvider;
-var useCustomTheme = function useCustomTheme() {
-  return (0, _react.useContext)(ThemeContext);
-};
+const useCustomTheme = () => (0, _react.useContext)(ThemeContext);
 exports.useCustomTheme = useCustomTheme;
 //# sourceMappingURL=ThemeProvider.js.map

package/build/Theme/colors.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PRIMARY_COLOR = void 0;
-var PRIMARY_COLOR = '#4b5e40';
+const PRIMARY_COLOR = '#4b5e40';
 exports.PRIMARY_COLOR = PRIMARY_COLOR;
 //# sourceMappingURL=colors.js.map

package/build/Theme/index.js

@@ -1,37 +1,36 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "FontWeight", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _theme.FontWeight;
   }
 });
 Object.defineProperty(exports, "StyleBaseline", {
   enumerable: true,
-  get: function get() {
-    return _StyleBaseline["default"];
+  get: function () {
+    return _StyleBaseline.default;
   }
 });
 Object.defineProperty(exports, "Theme", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _theme.Theme;
   }
 });
 Object.defineProperty(exports, "ThemeProvider", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThemeProvider.ThemeProvider;
   }
 });
 exports.colors = void 0;
 Object.defineProperty(exports, "useCustomTheme", {
   enumerable: true,
-  get: function get() {
+  get: function () {
     return _ThemeProvider.useCustomTheme;
   }
 });
@@ -40,7 +39,7 @@ exports.colors = _colors;
 var _ThemeProvider = require("./ThemeProvider");
 var _StyleBaseline = _interopRequireDefault(require("./StyleBaseline"));
 var _theme = require("./theme");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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 _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; }
 //# sourceMappingURL=index.js.map

package/build/Theme/theme.js

@@ -6,13 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getTheme = exports.breakPoints = void 0;
 var _styles = require("@mui/material/styles");
 var _colors = require("./colors");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var colors = {
+const colors = {
   black: '#000',
   white: '#fff',
   red: '#d32f2f',
@@ -39,13 +33,16 @@ var colors = {
   dodgerBlue: '#1ba1f2',
   cyanBlue: '#253341'
 };
-var themeModes = {
-  light: _objectSpread({}, colors),
-  dark: _objectSpread(_objectSpread({}, colors), {}, {
+const themeModes = {
+  light: {
+    ...colors
+  },
+  dark: {
+    ...colors,
     primary: '#24394e',
     secondary: '#424242',
     background: '#1A202C'
-  })
+  }
 };
 function applyPrimaryColor(mode, primaryColor) {
   if (mode === 'light') {
@@ -53,22 +50,22 @@ function applyPrimaryColor(mode, primaryColor) {
   }
   return themeModes[mode];
 }
-var fontSize = {
+const fontSize = {
   xxl: 26,
   xl: 24,
   lg: 21,
   md: 18,
-  "default": 16,
+  default: 16,
   sm: 14,
   ssm: 12
 };
-var fontWeight = {
+const fontWeight = {
   light: 300,
   regular: 400,
   semiBold: 500,
   bold: 700
 };
-var breakPoints = {
+const breakPoints = {
   xsmall: 400,
   small: 576,
   medium: 768,
@@ -77,20 +74,20 @@ var breakPoints = {
   xlarge: 1275
 };
 exports.breakPoints = breakPoints;
-var customizedTheme = {
-  fontSize: fontSize,
-  fontWeight: fontWeight,
-  breakPoints: breakPoints
+const customizedTheme = {
+  fontSize,
+  fontWeight,
+  breakPoints
 };
-var getTheme = function getTheme(themeMode, primaryColor) {
-  var palette = applyPrimaryColor(themeMode, primaryColor);
-  return (0, _styles.createTheme)(_objectSpread({
+const getTheme = (themeMode, primaryColor) => {
+  const palette = applyPrimaryColor(themeMode, primaryColor);
+  return (0, _styles.createTheme)({
     typography: {
       fontFamily: ['-apple-system', 'BlinkMacSystemFont', '"Helvetica Neue"', 'Arial', 'sans-serif'].join(',')
     },
-    palette: _objectSpread(_objectSpread({
-      mode: themeMode
-    }, palette), {}, {
+    palette: {
+      mode: themeMode,
+      ...palette,
       primary: {
         main: palette.primary
       },
@@ -101,10 +98,11 @@ var getTheme = function getTheme(themeMode, primaryColor) {
         main: palette.red
       },
       background: {
-        "default": palette.background
+        default: palette.background
       }
-    })
-  }, customizedTheme));
+    },
+    ...customizedTheme
+  });
 };
 exports.getTheme = getTheme;
 //# sourceMappingURL=theme.js.map

package/build/__mocks__/react-markdown.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports.default = _default;
 var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 // eslint-disable
 
 // @ts-ignore
-function _default(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
+function _default({
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
 }
 // eslint-enable
 //# sourceMappingURL=react-markdown.js.map

package/build/__mocks__/remark-plugin.js

@@ -3,6 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = _default;
+exports.default = _default;
 function _default() {}
 //# sourceMappingURL=remark-plugin.js.map

package/build/components/ActionBar/ActionBar.js

@@ -1,42 +1,33 @@
 "use strict";
 
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+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 _getRequireWildcardCache(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 _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); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ActionBar = function ActionBar(_ref) {
-  var showRaw = _ref.showRaw,
-    _ref$showDownloadTarb = _ref.showDownloadTarball,
-    showDownloadTarball = _ref$showDownloadTarb === void 0 ? true : _ref$showDownloadTarb,
-    packageMeta = _ref.packageMeta;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isRawViewerOpen = _useState2[0],
-    setIsRawViewerOpen = _useState2[1];
+const ActionBar = ({
+  showRaw,
+  showDownloadTarball = true,
+  packageMeta
+}) => {
+  const [isRawViewerOpen, setIsRawViewerOpen] = (0, _react.useState)(false);
   if (!(packageMeta !== null && packageMeta !== void 0 && packageMeta.latest)) {
     return null;
   }
-  var _packageMeta$latest = packageMeta.latest,
-    homepage = _packageMeta$latest.homepage,
-    bugs = _packageMeta$latest.bugs,
-    dist = _packageMeta$latest.dist;
-  var actions = [];
+  const {
+    homepage,
+    bugs,
+    dist
+  } = packageMeta.latest;
+  const actions = [];
   if (homepage && _utils.url.isURL(homepage)) {
     actions.push({
       type: 'VISIT_HOMEPAGE',
@@ -58,27 +49,23 @@ var ActionBar = function ActionBar(_ref) {
   if (showRaw) {
     actions.push({
       type: 'RAW_DATA',
-      action: function action() {
-        return setIsRawViewerOpen(true);
-      }
+      action: () => setIsRawViewerOpen(true)
     });
   }
-  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
     alignItems: "center",
     display: "flex",
     marginBottom: "14px"
-  }, actions.map(function (action) {
-    return /*#__PURE__*/_react["default"].createElement(_ActionBarAction["default"], _extends({
-      key: action.type
-    }, action));
-  }), isRawViewerOpen && /*#__PURE__*/_react["default"].createElement(_RawViewer["default"], {
+  }, actions.map(action => /*#__PURE__*/_react.default.createElement(_ActionBarAction.default, _extends({
+    key: action.type
+  }, action))), isRawViewerOpen && /*#__PURE__*/_react.default.createElement(_RawViewer.default, {
     isOpen: isRawViewerOpen,
-    onClose: function onClose() {
+    onClose: () => {
       setIsRawViewerOpen(false);
     },
     packageMeta: packageMeta
   }));
 };
 var _default = ActionBar;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=ActionBar.js.map