@verdaccio/ui-components 4.0.0-next-8.12 → 4.0.0-next-8.13

package/build/providers/VersionProvider/VersionProvider.js

@@ -1,74 +1,60 @@
-import React, { useEffect } from 'react';
-import { createContext, useContext } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import { useParams } from 'react-router-dom';
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useVersion = exports["default"] = exports.DetailContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRouter = require("react-router");
+var _useData = require("../../api/use-data");
+var _configuration = require("../../configuration");
+var _routes = require("../../store/routes");
+var _utils = require("../../store/utils");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function getRouterPackageName(packageName, scope) {
-  if (scope) {
-    return "@".concat(scope, "/").concat(packageName);
-  }
-  return packageName;
+  return scope ? "".concat(scope, "/").concat(packageName) : packageName;
 }
-export var DetailContext = /*#__PURE__*/createContext({});
-/**
-*
-*  @example
-    Once a component has been wrapped with `VersionProvider`, use the hook `useVersion()` to get an object with:
-    ```jsx
-    function CustomComponent() {
-      const { packageMeta, packageName, packageVersion } = useVersion();
-      return <div />;
-    }
-
-    <Route path={Routes.PACKAGE}>
-      <VersionProvider>
-        <CustomComponent />
-      </VersionProvider>
-    </Route>;
-    ```
-    On mount, the provider will fetch data from the store for specific package or version provided via router.
-   @category Provider
- */
-var VersionProvider = _ref => {
-  var {
-    children
-  } = _ref;
-  var router = useParams();
-  var {
-    version: packageVersion,
-    package: pkgName,
-    scope
-  } = router;
-
-  // @ts-ignore
-  var {
-    manifest,
-    readme,
-    packageName,
-    hasNotBeenFound
-  } = useSelector(state => state.manifest);
-  var isLoading = useSelector(state => {
-    var _state$loading;
-    return state === null || state === void 0 || (_state$loading = state.loading) === null || _state$loading === void 0 ? void 0 : _state$loading.models.manifest;
-  });
-  var dispatch = useDispatch();
-  useEffect(() => {
-    var packageName = getRouterPackageName(pkgName, scope);
-    dispatch.manifest.getManifest({
-      packageName,
-      packageVersion
-    });
-  }, [dispatch, packageVersion, pkgName, scope]);
-  return /*#__PURE__*/React.createElement(DetailContext.Provider, {
-    value: {
-      packageMeta: manifest,
-      packageVersion,
-      readMe: readme,
-      packageName,
-      isLoading,
-      hasNotBeenFound
-    }
+var DetailContext = exports.DetailContext = /*#__PURE__*/(0, _react.createContext)(undefined);
+var VersionProvider = function VersionProvider(_ref) {
+  var _code, _readmeData$error, _sidebarData$error;
+  var children = _ref.children;
+  var _useParams = (0, _reactRouter.useParams)(),
+    scope = _useParams.scope,
+    pkgName = _useParams["package"],
+    packageVersion = _useParams.version;
+  var configuration = (0, _configuration.getConfiguration)();
+  var basePath = (0, _utils.stripTrailingSlash)(configuration.base);
+  var packageName = getRouterPackageName(pkgName !== null && pkgName !== void 0 ? pkgName : '', scope);
+  var readmeData = (0, _useData.useData)(basePath, _routes.APIRoute.README, packageName, packageVersion);
+  var sidebarData = (0, _useData.useData)(basePath, _routes.APIRoute.SIDEBAR, packageName, packageVersion);
+  var isLoading = readmeData.isLoading || sidebarData.isLoading;
+  var error = readmeData.error || sidebarData.error;
+  var errorCode = (_code = (_readmeData$error = readmeData.error) === null || _readmeData$error === void 0 ? void 0 : _readmeData$error.code) !== null && _code !== void 0 ? _code : (_sidebarData$error = sidebarData.error) === null || _sidebarData$error === void 0 ? void 0 : _sidebarData$error.code;
+  var value = (0, _react.useMemo)(function () {
+    return {
+      packageMeta: sidebarData.data,
+      readMe: readmeData.data,
+      packageName: packageName,
+      packageVersion: packageVersion,
+      isLoading: isLoading,
+      isForbidden: errorCode === 403,
+      isUnAuthorized: errorCode === 401,
+      hasNotBeenFound: errorCode === 404,
+      isError: errorCode !== undefined,
+      error: error
+    };
+  }, [sidebarData.data, readmeData.data, packageName, packageVersion, isLoading, errorCode, error]);
+  return /*#__PURE__*/_react["default"].createElement(DetailContext.Provider, {
+    value: value
   }, children);
 };
-export default VersionProvider;
-export var useVersion = () => useContext(DetailContext);
+var _default = exports["default"] = VersionProvider;
+var useVersion = exports.useVersion = function useVersion() {
+  var context = (0, _react.useContext)(DetailContext);
+  if (context === undefined) {
+    throw new Error('useVersion must be used within a VersionProvider');
+  }
+  return context;
+};
 //# sourceMappingURL=VersionProvider.js.map

package/build/providers/VersionProvider/VersionProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionProvider.js","names":["React","useEffect","createContext","useContext","useDispatch","useSelector","useParams","getRouterPackageName","packageName","scope","concat","DetailContext","VersionProvider","_ref","children","router","version","packageVersion","package","pkgName","manifest","readme","hasNotBeenFound","state","isLoading","_state$loading","loading","models","dispatch","getManifest","createElement","Provider","value","packageMeta","readMe","useVersion"],"sources":["../../../src/providers/VersionProvider/VersionProvider.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { createContext, useContext } from 'react';\nimport { useDispatch, useSelector } from 'react-redux';\nimport { useParams } from 'react-router-dom';\n\nimport { Dispatch, RootState } from '../../store/store';\nimport { PackageMetaInterface } from '../../types/packageMeta';\n\nfunction getRouterPackageName(packageName: string, scope?: string): string {\n  if (scope) {\n    return `@${scope}/${packageName}`;\n  }\n\n  return packageName;\n}\n\nexport interface DetailContextProps {\n  hasNotBeenFound: boolean;\n  isLoading: boolean;\n  packageMeta: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe: string;\n}\n\nexport interface VersionPageConsumerProps {\n  packageMeta: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe: string;\n}\n\nexport const DetailContext = createContext<Partial<DetailContextProps>>({});\n\ninterface Params {\n  scope?: string;\n  package: string;\n  version?: string;\n}\n\n/**\n*\n*  @example\n    Once a component has been wrapped with `VersionProvider`, use the hook `useVersion()` to get an object with:\n    ```jsx\n    function CustomComponent() {\n      const { packageMeta, packageName, packageVersion } = useVersion();\n      return <div />;\n    }\n\n    <Route path={Routes.PACKAGE}>\n      <VersionProvider>\n        <CustomComponent />\n      </VersionProvider>\n    </Route>;\n    ```\n    On mount, the provider will fetch data from the store for specific package or version provided via router.\n   @category Provider\n */\nconst VersionProvider: React.FC<{ children: any }> = ({ children }) => {\n  const router = useParams<Params>();\n\n  const { version: packageVersion, package: pkgName, scope } = router;\n\n  // @ts-ignore\n  const { manifest, readme, packageName, hasNotBeenFound } = useSelector(\n    (state: RootState) => state.manifest\n  );\n  const isLoading = useSelector((state: RootState) => state?.loading?.models.manifest);\n  const dispatch = useDispatch<Dispatch>();\n  useEffect(() => {\n    const packageName = getRouterPackageName(pkgName, scope);\n\n    dispatch.manifest.getManifest({ packageName, packageVersion });\n  }, [dispatch, packageVersion, pkgName, scope]);\n\n  return (\n    <DetailContext.Provider\n      value={{\n        packageMeta: manifest,\n        packageVersion,\n        readMe: readme,\n        packageName,\n        isLoading,\n        hasNotBeenFound,\n      }}\n    >\n      {children}\n    </DetailContext.Provider>\n  );\n};\n\nexport default VersionProvider;\n\nexport const useVersion = () => useContext(DetailContext);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;AACxC,SAASC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AACjD,SAASC,WAAW,EAAEC,WAAW,QAAQ,aAAa;AACtD,SAASC,SAAS,QAAQ,kBAAkB;AAK5C,SAASC,oBAAoBA,CAACC,WAAmB,EAAEC,KAAc,EAAU;EACzE,IAAIA,KAAK,EAAE;IACT,WAAAC,MAAA,CAAWD,KAAK,OAAAC,MAAA,CAAIF,WAAW;EACjC;EAEA,OAAOA,WAAW;AACpB;AAkBA,OAAO,IAAMG,aAAa,gBAAGT,aAAa,CAA8B,CAAC,CAAC,CAAC;AAQ3E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMU,eAA4C,GAAGC,IAAA,IAAkB;EAAA,IAAjB;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAChE,IAAME,MAAM,GAAGT,SAAS,CAAS,CAAC;EAElC,IAAM;IAAEU,OAAO,EAAEC,cAAc;IAAEC,OAAO,EAAEC,OAAO;IAAEV;EAAM,CAAC,GAAGM,MAAM;;EAEnE;EACA,IAAM;IAAEK,QAAQ;IAAEC,MAAM;IAAEb,WAAW;IAAEc;EAAgB,CAAC,GAAGjB,WAAW,CACnEkB,KAAgB,IAAKA,KAAK,CAACH,QAC9B,CAAC;EACD,IAAMI,SAAS,GAAGnB,WAAW,CAAEkB,KAAgB;IAAA,IAAAE,cAAA;IAAA,OAAKF,KAAK,aAALA,KAAK,gBAAAE,cAAA,GAALF,KAAK,CAAEG,OAAO,cAAAD,cAAA,uBAAdA,cAAA,CAAgBE,MAAM,CAACP,QAAQ;EAAA,EAAC;EACpF,IAAMQ,QAAQ,GAAGxB,WAAW,CAAW,CAAC;EACxCH,SAAS,CAAC,MAAM;IACd,IAAMO,WAAW,GAAGD,oBAAoB,CAACY,OAAO,EAAEV,KAAK,CAAC;IAExDmB,QAAQ,CAACR,QAAQ,CAACS,WAAW,CAAC;MAAErB,WAAW;MAAES;IAAe,CAAC,CAAC;EAChE,CAAC,EAAE,CAACW,QAAQ,EAAEX,cAAc,EAAEE,OAAO,EAAEV,KAAK,CAAC,CAAC;EAE9C,oBACET,KAAA,CAAA8B,aAAA,CAACnB,aAAa,CAACoB,QAAQ;IACrBC,KAAK,EAAE;MACLC,WAAW,EAAEb,QAAQ;MACrBH,cAAc;MACdiB,MAAM,EAAEb,MAAM;MACdb,WAAW;MACXgB,SAAS;MACTF;IACF;EAAE,GAEDR,QACqB,CAAC;AAE7B,CAAC;AAED,eAAeF,eAAe;AAE9B,OAAO,IAAMuB,UAAU,GAAGA,CAAA,KAAMhC,UAAU,CAACQ,aAAa,CAAC","ignoreList":[]}
+{"version":3,"file":"VersionProvider.js","names":["_react","_interopRequireWildcard","require","_reactRouter","_useData","_configuration","_routes","_utils","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","getRouterPackageName","packageName","scope","concat","DetailContext","exports","createContext","undefined","VersionProvider","_ref","_code","_readmeData$error","_sidebarData$error","children","_useParams","useParams","pkgName","packageVersion","version","configuration","getConfiguration","basePath","stripTrailingSlash","base","readmeData","useData","APIRoute","README","sidebarData","SIDEBAR","isLoading","error","errorCode","code","value","useMemo","packageMeta","data","readMe","isForbidden","isUnAuthorized","hasNotBeenFound","isError","createElement","Provider","_default","useVersion","context","useContext","Error"],"sources":["../../../src/providers/VersionProvider/VersionProvider.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\nimport { useParams } from 'react-router';\n\nimport { useData } from '../../api/use-data';\nimport { getConfiguration } from '../../configuration';\nimport { APIRoute } from '../../store/routes';\nimport { stripTrailingSlash } from '../../store/utils';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\n\nfunction getRouterPackageName(packageName: string, scope?: string): string {\n  return scope ? `${scope}/${packageName}` : packageName;\n}\n\nexport interface ApiError extends Error {\n  code?: number;\n}\n\nexport interface DetailContextProps {\n  error: ApiError | undefined;\n  hasNotBeenFound: boolean;\n  isForbidden: boolean;\n  isUnAuthorized: boolean;\n  isError: boolean;\n  isLoading: boolean;\n  packageMeta?: PackageMetaInterface;\n  packageName: string;\n  packageVersion?: string;\n  readMe?: string;\n}\n\nexport const DetailContext = createContext<DetailContextProps | undefined>(undefined);\n\nconst VersionProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n  const {\n    scope,\n    package: pkgName,\n    version: packageVersion,\n  } = useParams<Record<'scope' | 'package' | 'version', string | undefined>>();\n\n  const configuration = getConfiguration();\n  const basePath = stripTrailingSlash(configuration.base);\n  const packageName = getRouterPackageName(pkgName ?? '', scope);\n\n  const readmeData = useData<string>(basePath, APIRoute.README, packageName, packageVersion);\n\n  const sidebarData = useData<PackageMetaInterface>(\n    basePath,\n    APIRoute.SIDEBAR,\n    packageName,\n    packageVersion\n  );\n  const isLoading = readmeData.isLoading || sidebarData.isLoading;\n  const error: ApiError | undefined = readmeData.error || sidebarData.error;\n  const errorCode = (readmeData.error as ApiError)?.code ?? (sidebarData.error as ApiError)?.code;\n\n  const value = useMemo<DetailContextProps>(\n    () => ({\n      packageMeta: sidebarData.data,\n      readMe: readmeData.data,\n      packageName,\n      packageVersion,\n      isLoading,\n      isForbidden: errorCode === 403,\n      isUnAuthorized: errorCode === 401,\n      hasNotBeenFound: errorCode === 404,\n      isError: errorCode !== undefined,\n      error,\n    }),\n    [sidebarData.data, readmeData.data, packageName, packageVersion, isLoading, errorCode, error]\n  );\n\n  return <DetailContext.Provider value={value}>{children}</DetailContext.Provider>;\n};\n\nexport default VersionProvider;\n\nexport const useVersion = (): DetailContextProps => {\n  const context = useContext(DetailContext);\n  if (context === undefined) {\n    throw new Error('useVersion must be used within a VersionProvider');\n  }\n  return context;\n};\n"],"mappings":"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","ignoreList":[]}

package/build/providers/VersionProvider/index.js

@@ -1,2 +1,21 @@
-export { default as VersionProvider, useVersion } from './VersionProvider';
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VersionProvider", {
+  enumerable: true,
+  get: function get() {
+    return _VersionProvider["default"];
+  }
+});
+Object.defineProperty(exports, "useVersion", {
+  enumerable: true,
+  get: function get() {
+    return _VersionProvider.useVersion;
+  }
+});
+var _VersionProvider = _interopRequireWildcard(require("./VersionProvider"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/build/providers/VersionProvider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","VersionProvider","useVersion"],"sources":["../../../src/providers/VersionProvider/index.ts"],"sourcesContent":["export { default as VersionProvider, useVersion } from './VersionProvider';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,eAAe,EAAEC,UAAU,QAAQ,mBAAmB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_VersionProvider","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../../../src/providers/VersionProvider/index.ts"],"sourcesContent":["export { default as VersionProvider, useVersion } from './VersionProvider';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,gBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2E,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,wBAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/build/providers/index.d.ts

@@ -1,3 +1,8 @@
 export * from './AppConfigurationProvider';
 export * from './VersionProvider';
 export * from './TranslatorProvider';
+export * from './ManifestsProvider';
+export * from './AuthProvider';
+export * from './PersistenceSettingProvider';
+export * from './SearchProvider';
+export * from './DownloadProvider';

package/build/providers/index.js

@@ -1,4 +1,94 @@
-export * from './AppConfigurationProvider';
-export * from './VersionProvider';
-export * from './TranslatorProvider';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _AppConfigurationProvider = require("./AppConfigurationProvider");
+Object.keys(_AppConfigurationProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AppConfigurationProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AppConfigurationProvider[key];
+    }
+  });
+});
+var _VersionProvider = require("./VersionProvider");
+Object.keys(_VersionProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VersionProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VersionProvider[key];
+    }
+  });
+});
+var _TranslatorProvider = require("./TranslatorProvider");
+Object.keys(_TranslatorProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TranslatorProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TranslatorProvider[key];
+    }
+  });
+});
+var _ManifestsProvider = require("./ManifestsProvider");
+Object.keys(_ManifestsProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ManifestsProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ManifestsProvider[key];
+    }
+  });
+});
+var _AuthProvider = require("./AuthProvider");
+Object.keys(_AuthProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AuthProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _AuthProvider[key];
+    }
+  });
+});
+var _PersistenceSettingProvider = require("./PersistenceSettingProvider");
+Object.keys(_PersistenceSettingProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _PersistenceSettingProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _PersistenceSettingProvider[key];
+    }
+  });
+});
+var _SearchProvider = require("./SearchProvider");
+Object.keys(_SearchProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _SearchProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SearchProvider[key];
+    }
+  });
+});
+var _DownloadProvider = require("./DownloadProvider");
+Object.keys(_DownloadProvider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DownloadProvider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DownloadProvider[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/build/providers/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/providers/index.ts"],"sourcesContent":["export * from './AppConfigurationProvider';\nexport * from './VersionProvider';\nexport * from './TranslatorProvider';\n"],"mappings":"AAAA,cAAc,4BAA4B;AAC1C,cAAc,mBAAmB;AACjC,cAAc,sBAAsB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_AppConfigurationProvider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_VersionProvider","_TranslatorProvider","_ManifestsProvider","_AuthProvider","_PersistenceSettingProvider","_SearchProvider","_DownloadProvider"],"sources":["../../src/providers/index.ts"],"sourcesContent":["export * from './AppConfigurationProvider';\nexport * from './VersionProvider';\nexport * from './TranslatorProvider';\nexport * from './ManifestsProvider';\nexport * from './AuthProvider';\nexport * from './PersistenceSettingProvider';\nexport * from './SearchProvider';\nexport * from './DownloadProvider';\n"],"mappings":"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","ignoreList":[]}

package/build/routes/SecurityRoutes.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SecurityRoutes: () => React.JSX.Element;
+export { SecurityRoutes };

package/build/routes/SecurityRoutes.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SecurityRoutes = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactRouter = require("react-router");
+var _NotFound = _interopRequireDefault(require("../components/NotFound"));
+var _Security = require("../sections/Security");
+var _utils = require("../utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Layout = function Layout() {
+  return /*#__PURE__*/_react["default"].createElement(_reactRouter.Outlet, null);
+};
+var SecurityRoutes = exports.SecurityRoutes = function SecurityRoutes() {
+  return /*#__PURE__*/_react["default"].createElement(_reactRouter.Routes, null, /*#__PURE__*/_react["default"].createElement(_reactRouter.Route, {
+    element: /*#__PURE__*/_react["default"].createElement(Layout, null)
+  }, /*#__PURE__*/_react["default"].createElement(_reactRouter.Route, {
+    element: /*#__PURE__*/_react["default"].createElement(_Security.Login, null),
+    path: _utils.Route.LOGIN
+  }), /*#__PURE__*/_react["default"].createElement(_reactRouter.Route, {
+    element: /*#__PURE__*/_react["default"].createElement(_Security.Success, null),
+    path: _utils.Route.SUCCESS
+  }), /*#__PURE__*/_react["default"].createElement(_reactRouter.Route, {
+    element: /*#__PURE__*/_react["default"].createElement(_Security.AddUser, null),
+    path: _utils.Route.ADD_USER
+  }), /*#__PURE__*/_react["default"].createElement(_reactRouter.Route, {
+    element: /*#__PURE__*/_react["default"].createElement(_Security.ChangePassword, null),
+    path: _utils.Route.CHANGE_PASSWORD
+  })), /*#__PURE__*/_react["default"].createElement(_reactRouter.Route, {
+    element: /*#__PURE__*/_react["default"].createElement(_NotFound["default"], null),
+    path: "*"
+  }));
+};
+//# sourceMappingURL=SecurityRoutes.js.map

package/build/routes/SecurityRoutes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityRoutes.js","names":["_react","_interopRequireDefault","require","_reactRouter","_NotFound","_Security","_utils","e","__esModule","Layout","createElement","Outlet","SecurityRoutes","exports","Routes","Route","element","Login","path","LOGIN","Success","SUCCESS","AddUser","ADD_USER","ChangePassword","CHANGE_PASSWORD"],"sources":["../../src/routes/SecurityRoutes.tsx"],"sourcesContent":["import React from 'react';\nimport { Outlet, Route as RouterRoute, Routes } from 'react-router';\n\nimport NotFound from '../components/NotFound';\nimport { AddUser, ChangePassword, Login, Success } from '../sections/Security';\nimport { Route } from '../utils';\n\nconst Layout: React.FC = () => <Outlet />;\n\nconst SecurityRoutes = () => {\n  return (\n    <Routes>\n      <RouterRoute element={<Layout />}>\n        <RouterRoute element={<Login />} path={Route.LOGIN} />\n        <RouterRoute element={<Success />} path={Route.SUCCESS} />\n        <RouterRoute element={<AddUser />} path={Route.ADD_USER} />\n        <RouterRoute element={<ChangePassword />} path={Route.CHANGE_PASSWORD} />\n      </RouterRoute>\n      <RouterRoute element={<NotFound />} path=\"*\" />\n    </Routes>\n  );\n};\n\nexport { SecurityRoutes };\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAAiC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,gBAAAA,CAAA;AAEjC,IAAME,MAAgB,GAAG,SAAnBA,MAAgBA,CAAA;EAAA,oBAAST,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAQ,MAAM,MAAE,CAAC;AAAA;AAEzC,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAW,MAAM,qBACLd,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAY,KAAW;IAACC,OAAO,eAAEhB,MAAA,YAAAU,aAAA,CAACD,MAAM,MAAE;EAAE,gBAC/BT,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAY,KAAW;IAACC,OAAO,eAAEhB,MAAA,YAAAU,aAAA,CAACL,SAAA,CAAAY,KAAK,MAAE,CAAE;IAACC,IAAI,EAAEH,YAAK,CAACI;EAAM,CAAE,CAAC,eACtDnB,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAY,KAAW;IAACC,OAAO,eAAEhB,MAAA,YAAAU,aAAA,CAACL,SAAA,CAAAe,OAAO,MAAE,CAAE;IAACF,IAAI,EAAEH,YAAK,CAACM;EAAQ,CAAE,CAAC,eAC1DrB,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAY,KAAW;IAACC,OAAO,eAAEhB,MAAA,YAAAU,aAAA,CAACL,SAAA,CAAAiB,OAAO,MAAE,CAAE;IAACJ,IAAI,EAAEH,YAAK,CAACQ;EAAS,CAAE,CAAC,eAC3DvB,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAY,KAAW;IAACC,OAAO,eAAEhB,MAAA,YAAAU,aAAA,CAACL,SAAA,CAAAmB,cAAc,MAAE,CAAE;IAACN,IAAI,EAAEH,YAAK,CAACU;EAAgB,CAAE,CAC7D,CAAC,eACdzB,MAAA,YAAAU,aAAA,CAACP,YAAA,CAAAY,KAAW;IAACC,OAAO,eAAEhB,MAAA,YAAAU,aAAA,CAACN,SAAA,WAAQ,MAAE,CAAE;IAACc,IAAI,EAAC;EAAG,CAAE,CACxC,CAAC;AAEb,CAAC","ignoreList":[]}

package/build/sections/Detail/ContainerContent.js

@@ -1,47 +1,65 @@
-import React from 'react';
-import { useVersion } from '../../providers';
-import loadable from '../../utils/loadable';
-import ReadmeSection from './ReadmeSection';
-export var TabPosition = /*#__PURE__*/function (TabPosition) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TabPosition = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _providers = require("../../providers");
+var _loadable = _interopRequireDefault(require("../../utils/loadable"));
+var _ReadmeSection = _interopRequireDefault(require("./ReadmeSection"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var TabPosition = exports.TabPosition = /*#__PURE__*/function (TabPosition) {
   TabPosition["README"] = "readme";
   TabPosition["DEPENDENCIES"] = "dependencies";
   TabPosition["VERSIONS"] = "versions";
   TabPosition["UPLINKS"] = "uplinks";
   return TabPosition;
 }({});
-var Versions = loadable(() => import(/* webpackChunkName: "Versions" */'../../components/Versions'));
-var UpLinks = loadable(() => import(/* webpackChunkName: "UpLinks" */'../../components/UpLinks'));
-var Dependencies = loadable(() => import(/* webpackChunkName: "Dependencies" */'../../components/Dependencies'));
-var ContainerContent = _ref => {
-  var {
-    tabPosition,
-    readDescription
-  } = _ref;
-  var {
-    packageMeta,
-    packageName
-  } = useVersion();
+var Versions = (0, _loadable["default"])(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require(/* webpackChunkName: "Versions" */'../../components/Versions'));
+  });
+});
+var UpLinks = (0, _loadable["default"])(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require(/* webpackChunkName: "UpLinks" */'../../components/UpLinks'));
+  });
+});
+var Dependencies = (0, _loadable["default"])(function () {
+  return Promise.resolve().then(function () {
+    return _interopRequireWildcard(require(/* webpackChunkName: "Dependencies" */'../../components/Dependencies'));
+  });
+});
+var ContainerContent = function ContainerContent(_ref) {
+  var tabPosition = _ref.tabPosition,
+    readDescription = _ref.readDescription;
+  var _useVersion = (0, _providers.useVersion)(),
+    packageMeta = _useVersion.packageMeta,
+    packageName = _useVersion.packageName;
   switch (tabPosition) {
     case TabPosition.README:
-      return /*#__PURE__*/React.createElement(ReadmeSection, {
+      return /*#__PURE__*/_react["default"].createElement(_ReadmeSection["default"], {
         description: readDescription
       });
     case TabPosition.UPLINKS:
-      return /*#__PURE__*/React.createElement(UpLinks, {
+      return /*#__PURE__*/_react["default"].createElement(UpLinks, {
         packageMeta: packageMeta
       });
     case TabPosition.VERSIONS:
-      return /*#__PURE__*/React.createElement(Versions, {
+      return /*#__PURE__*/_react["default"].createElement(Versions, {
         packageMeta: packageMeta,
         packageName: packageName
       });
     case TabPosition.DEPENDENCIES:
-      return /*#__PURE__*/React.createElement(Dependencies, {
+      return /*#__PURE__*/_react["default"].createElement(Dependencies, {
         packageMeta: packageMeta
       });
     default:
       return null;
   }
 };
-export default ContainerContent;
+var _default = exports["default"] = ContainerContent;
 //# sourceMappingURL=ContainerContent.js.map

package/build/sections/Detail/ContainerContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainerContent.js","names":["React","useVersion","loadable","ReadmeSection","TabPosition","Versions","UpLinks","Dependencies","ContainerContent","_ref","tabPosition","readDescription","packageMeta","packageName","README","createElement","description","UPLINKS","VERSIONS","DEPENDENCIES"],"sources":["../../../src/sections/Detail/ContainerContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVersion } from '../../providers';\nimport loadable from '../../utils/loadable';\nimport ReadmeSection from './ReadmeSection';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst Versions = loadable(\n  () => import(/* webpackChunkName: \"Versions\" */ '../../components/Versions')\n);\nconst UpLinks = loadable(\n  () => import(/* webpackChunkName: \"UpLinks\" */ '../../components/UpLinks')\n);\n\nconst Dependencies = loadable(\n  () => import(/* webpackChunkName: \"Dependencies\" */ '../../components/Dependencies')\n);\n\ninterface Props {\n  tabPosition: TabPosition;\n  readDescription?: string;\n}\n\nconst ContainerContent: React.FC<Props> = ({ tabPosition, readDescription }) => {\n  const { packageMeta, packageName } = useVersion();\n  switch (tabPosition) {\n    case TabPosition.README:\n      return <ReadmeSection description={readDescription} />;\n    case TabPosition.UPLINKS:\n      return <UpLinks packageMeta={packageMeta} />;\n    case TabPosition.VERSIONS:\n      return <Versions packageMeta={packageMeta} packageName={packageName} />;\n    case TabPosition.DEPENDENCIES:\n      return <Dependencies packageMeta={packageMeta} />;\n    default:\n      return null;\n  }\n};\n\nexport default ContainerContent;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,OAAOC,QAAQ,MAAM,sBAAsB;AAC3C,OAAOC,aAAa,MAAM,iBAAiB;AAE3C,WAAYC,WAAW,0BAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAXA,WAAW;EAAA,OAAXA,WAAW;AAAA;AAOvB,IAAMC,QAAQ,GAAGH,QAAQ,CACvB,MAAM,MAAM,CAAC,kCAAmC,2BAA2B,CAC7E,CAAC;AACD,IAAMI,OAAO,GAAGJ,QAAQ,CACtB,MAAM,MAAM,CAAC,iCAAkC,0BAA0B,CAC3E,CAAC;AAED,IAAMK,YAAY,GAAGL,QAAQ,CAC3B,MAAM,MAAM,CAAC,sCAAuC,+BAA+B,CACrF,CAAC;AAOD,IAAMM,gBAAiC,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,WAAW;IAAEC;EAAgB,CAAC,GAAAF,IAAA;EACzE,IAAM;IAAEG,WAAW;IAAEC;EAAY,CAAC,GAAGZ,UAAU,CAAC,CAAC;EACjD,QAAQS,WAAW;IACjB,KAAKN,WAAW,CAACU,MAAM;MACrB,oBAAOd,KAAA,CAAAe,aAAA,CAACZ,aAAa;QAACa,WAAW,EAAEL;MAAgB,CAAE,CAAC;IACxD,KAAKP,WAAW,CAACa,OAAO;MACtB,oBAAOjB,KAAA,CAAAe,aAAA,CAACT,OAAO;QAACM,WAAW,EAAEA;MAAY,CAAE,CAAC;IAC9C,KAAKR,WAAW,CAACc,QAAQ;MACvB,oBAAOlB,KAAA,CAAAe,aAAA,CAACV,QAAQ;QAACO,WAAW,EAAEA,WAAY;QAACC,WAAW,EAAEA;MAAY,CAAE,CAAC;IACzE,KAAKT,WAAW,CAACe,YAAY;MAC3B,oBAAOnB,KAAA,CAAAe,aAAA,CAACR,YAAY;QAACK,WAAW,EAAEA;MAAY,CAAE,CAAC;IACnD;MACE,OAAO,IAAI;EACf;AACF,CAAC;AAED,eAAeJ,gBAAgB","ignoreList":[]}
+{"version":3,"file":"ContainerContent.js","names":["_react","_interopRequireDefault","require","_providers","_loadable","_ReadmeSection","e","__esModule","_typeof","o","Symbol","iterator","constructor","prototype","_interopRequireWildcard","t","WeakMap","r","n","i","f","__proto__","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TabPosition","exports","Versions","loadable","Promise","resolve","then","UpLinks","Dependencies","ContainerContent","_ref","tabPosition","readDescription","_useVersion","useVersion","packageMeta","packageName","README","createElement","description","UPLINKS","VERSIONS","DEPENDENCIES","_default"],"sources":["../../../src/sections/Detail/ContainerContent.tsx"],"sourcesContent":["import React from 'react';\n\nimport { useVersion } from '../../providers';\nimport loadable from '../../utils/loadable';\nimport ReadmeSection from './ReadmeSection';\n\nexport enum TabPosition {\n  README = 'readme',\n  DEPENDENCIES = 'dependencies',\n  VERSIONS = 'versions',\n  UPLINKS = 'uplinks',\n}\n\nconst Versions = loadable(\n  () => import(/* webpackChunkName: \"Versions\" */ '../../components/Versions')\n);\nconst UpLinks = loadable(\n  () => import(/* webpackChunkName: \"UpLinks\" */ '../../components/UpLinks')\n);\n\nconst Dependencies = loadable(\n  () => import(/* webpackChunkName: \"Dependencies\" */ '../../components/Dependencies')\n);\n\ninterface Props {\n  tabPosition: TabPosition;\n  readDescription?: string;\n}\n\nconst ContainerContent: React.FC<Props> = ({ tabPosition, readDescription }) => {\n  const { packageMeta, packageName } = useVersion();\n  switch (tabPosition) {\n    case TabPosition.README:\n      return <ReadmeSection description={readDescription} />;\n    case TabPosition.UPLINKS:\n      return <UpLinks packageMeta={packageMeta} />;\n    case TabPosition.VERSIONS:\n      return <Versions packageMeta={packageMeta} packageName={packageName} />;\n    case TabPosition.DEPENDENCIES:\n      return <Dependencies packageMeta={packageMeta} />;\n    default:\n      return null;\n  }\n};\n\nexport default ContainerContent;\n"],"mappings":"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","ignoreList":[]}

package/build/sections/Detail/Detail.js

@@ -1,45 +1,64 @@
-import Box from '@mui/material/Box';
-import React, { useState } from 'react';
-import Deprecated from '../../components/Deprecated';
-import { useConfig, useVersion } from '../../providers';
-import ContainerContent from './ContainerContent';
-import Tabs from './Tabs';
-export var TabPosition = /*#__PURE__*/function (TabPosition) {
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.TabPosition = void 0;
+var _Box = _interopRequireDefault(require("@mui/material/Box"));
+var _react = _interopRequireWildcard(require("react"));
+var _Deprecated = _interopRequireDefault(require("../../components/Deprecated"));
+var _providers = require("../../providers");
+var _ContainerContent = _interopRequireDefault(require("./ContainerContent"));
+var _Tabs = _interopRequireDefault(require("./Tabs"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var TabPosition = exports.TabPosition = /*#__PURE__*/function (TabPosition) {
   TabPosition["README"] = "readme";
   TabPosition["DEPENDENCIES"] = "dependencies";
   TabPosition["VERSIONS"] = "versions";
   TabPosition["UPLINKS"] = "uplinks";
   return TabPosition;
 }({});
-var DetailContainer = () => {
+var DetailContainer = function DetailContainer() {
   var _packageMeta$latest, _packageMeta$latest2;
-  var {
-    configOptions
-  } = useConfig();
-  var tabs = configOptions.showUplinks ? Object.values(TabPosition) : Object.values(TabPosition).filter(tab => tab !== TabPosition.UPLINKS);
-  var [tabPosition, setTabPosition] = useState(0);
-  var {
-    readMe,
-    packageMeta
-  } = useVersion();
-  var handleChange = (event, newValue) => {
+  var _useConfig = (0, _providers.useConfig)(),
+    configOptions = _useConfig.configOptions;
+  var tabs = configOptions.showUplinks ? Object.values(TabPosition) : Object.values(TabPosition).filter(function (tab) {
+    return tab !== TabPosition.UPLINKS;
+  });
+  var _useState = (0, _react.useState)(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    tabPosition = _useState2[0],
+    setTabPosition = _useState2[1];
+  var _useVersion = (0, _providers.useVersion)(),
+    readMe = _useVersion.readMe,
+    packageMeta = _useVersion.packageMeta;
+  var handleChange = function handleChange(event, newValue) {
     setTabPosition(newValue);
   };
-  return /*#__PURE__*/React.createElement(Box, {
+  return /*#__PURE__*/_react["default"].createElement(_Box["default"], {
     component: "div",
     display: "flex",
     flexDirection: "column",
+    minWidth: 0,
     padding: 0
-  }, /*#__PURE__*/React.createElement(Tabs, {
+  }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
     onChange: handleChange,
     showUplinks: configOptions.showUplinks,
     tabPosition: tabPosition
-  }), (packageMeta === null || packageMeta === void 0 || (_packageMeta$latest = packageMeta.latest) === null || _packageMeta$latest === void 0 ? void 0 : _packageMeta$latest.deprecated) && /*#__PURE__*/React.createElement(Deprecated, {
+  }), (packageMeta === null || packageMeta === void 0 || (_packageMeta$latest = packageMeta.latest) === null || _packageMeta$latest === void 0 ? void 0 : _packageMeta$latest.deprecated) && /*#__PURE__*/_react["default"].createElement(_Deprecated["default"], {
     message: packageMeta === null || packageMeta === void 0 || (_packageMeta$latest2 = packageMeta.latest) === null || _packageMeta$latest2 === void 0 ? void 0 : _packageMeta$latest2.deprecated
-  }), /*#__PURE__*/React.createElement(ContainerContent, {
+  }), /*#__PURE__*/_react["default"].createElement(_ContainerContent["default"], {
     readDescription: readMe,
     tabPosition: tabs[tabPosition]
   }));
 };
-export default DetailContainer;
+var _default = exports["default"] = DetailContainer;
 //# sourceMappingURL=Detail.js.map