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

package/build/layouts/Version/Version.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Grid = _interopRequireDefault(require("@mui/material/Grid"));
+var _react = _interopRequireDefault(require("react"));
+var _sections = require("../../sections");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const VersionLayout = () => {
+  return /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    className: 'container content',
+    container: true,
+    "data-testid": "version-layout",
+    spacing: 0
+  }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    md: 8,
+    xs: 12
+  }, /*#__PURE__*/_react.default.createElement(_sections.Detail, null)), /*#__PURE__*/_react.default.createElement(_Grid.default, {
+    item: true,
+    md: 4,
+    xs: 12
+  }, /*#__PURE__*/_react.default.createElement(_sections.SideBar, null)));
+};
+var _default = VersionLayout;
+exports.default = _default;
+//# sourceMappingURL=Version.js.map

package/build/layouts/Version/index.js

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

package/build/providers/AppConfigurationProvider/AppConfigurationProvider.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useConfig = exports.default = void 0;
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+var _isNil = _interopRequireDefault(require("lodash/isNil"));
+var _merge = _interopRequireDefault(require("lodash/merge"));
+var _react = _interopRequireWildcard(require("react"));
+var _colors = require("../../Theme/colors");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const defaultValues = {
+  configOptions: {
+    // note: dark mode set as undefined by design
+    primaryColor: _colors.PRIMARY_COLOR,
+    pkgManagers: ['yarn', 'pnpm', 'npm'],
+    scope: '',
+    base: '',
+    flags: {},
+    login: true,
+    url_prefix: '',
+    showInfo: true,
+    showSettings: true,
+    showThemeSwitch: true,
+    showFooter: true,
+    showSearch: true,
+    showRaw: true,
+    showDownloadTarball: true,
+    title: 'Verdaccio'
+  }
+};
+function getConfiguration() {
+  var _window, _window2;
+  const uiConfiguration = (0, _merge.default)(defaultValues.configOptions, (_window = window) === null || _window === void 0 ? void 0 : _window.__VERDACCIO_BASENAME_UI_OPTIONS);
+  if ((_window2 = window) !== null && _window2 !== void 0 && _window2.__VERDACCIO_BASENAME_UI_OPTIONS.pkgManagers) {
+    var _window3;
+    uiConfiguration.pkgManagers = (_window3 = window) === null || _window3 === void 0 ? void 0 : _window3.__VERDACCIO_BASENAME_UI_OPTIONS.pkgManagers;
+  }
+  if ((0, _isNil.default)(uiConfiguration.primaryColor) || (0, _isEmpty.default)(uiConfiguration.primaryColor)) {
+    uiConfiguration.primaryColor = _colors.PRIMARY_COLOR;
+  }
+  return uiConfiguration;
+}
+const AppConfigurationContext = /*#__PURE__*/(0, _react.createContext)(defaultValues);
+const AppConfigurationProvider = ({
+  children
+}) => {
+  const [configOptions] = (0, _react.useState)(getConfiguration());
+  const value = (0, _react.useMemo)(() => ({
+    configOptions
+  }), [configOptions]);
+  return /*#__PURE__*/_react.default.createElement(AppConfigurationContext.Provider, {
+    value: value
+  }, children);
+};
+var _default = AppConfigurationProvider;
+exports.default = _default;
+const useConfig = () => (0, _react.useContext)(AppConfigurationContext);
+exports.useConfig = useConfig;
+//# sourceMappingURL=AppConfigurationProvider.js.map

package/build/providers/AppConfigurationProvider/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _AppConfigurationProvider.default;
+  }
+});
+Object.defineProperty(exports, "useConfig", {
+  enumerable: true,
+  get: function () {
+    return _AppConfigurationProvider.useConfig;
+  }
+});
+var _AppConfigurationProvider = _interopRequireWildcard(require("./AppConfigurationProvider"));
+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/providers/PersistenceSettingProvider/PersistenceSettingProvider.js

@@ -0,0 +1,38 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSettings = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useLocalStorage = _interopRequireDefault(require("../../hooks/useLocalStorage"));
+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 defaultValues = {
+  isGlobal: false
+};
+const PersistenceSettingContext = /*#__PURE__*/(0, _react.createContext)(defaultValues);
+const PersistenceSettingProvider = ({
+  children
+}) => {
+  // get the initial state from the local storage
+  const [settings, setSettings] = (0, _useLocalStorage.default)(`settings-ui-verdaccio`, {});
+  const [localSettings, setLocalSettings] = (0, _react.useState)(settings ? settings : {});
+  const updateSettings = (0, _react.useCallback)(newSettings => {
+    setLocalSettings(newSettings);
+    setSettings(newSettings);
+  }, [setSettings]);
+  const value = (0, _react.useMemo)(() => ({
+    localSettings: localSettings ? localSettings : {},
+    updateSettings
+  }), [localSettings, updateSettings]);
+  return /*#__PURE__*/_react.default.createElement(PersistenceSettingContext.Provider, {
+    value: value
+  }, children);
+};
+var _default = PersistenceSettingProvider;
+exports.default = _default;
+const useSettings = () => (0, _react.useContext)(PersistenceSettingContext);
+exports.useSettings = useSettings;
+//# sourceMappingURL=PersistenceSettingProvider.js.map

package/build/providers/PersistenceSettingProvider/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _PersistenceSettingProvider.default;
+  }
+});
+Object.defineProperty(exports, "useSettings", {
+  enumerable: true,
+  get: function () {
+    return _PersistenceSettingProvider.useSettings;
+  }
+});
+var _PersistenceSettingProvider = _interopRequireWildcard(require("./PersistenceSettingProvider"));
+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/providers/TranslatorProvider/TranslatorProvider.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useLanguage = exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _useLocalStorage = _interopRequireDefault(require("../../hooks/useLocalStorage"));
+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 I18nTranslatorContext = /*#__PURE__*/(0, _react.createContext)({
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  setLanguage: _lng => {},
+  language: 'en-US',
+  listLanguages: []
+});
+
+/**
+ * Translator provider
+ * @category Provider
+ */
+const TranslatorProvider = ({
+  children,
+  onMount,
+  i18n,
+  listLanguages
+}) => {
+  var _i18n$languages;
+  const currentLanguage = (_i18n$languages = i18n.languages) === null || _i18n$languages === void 0 ? void 0 : _i18n$languages[0];
+  const [language, setLanguage] = (0, _useLocalStorage.default)('language', currentLanguage);
+  const changeLanguage = (0, _react.useCallback)(async () => {
+    await i18n.changeLanguage(language);
+  }, [i18n, language]);
+  (0, _react.useEffect)(() => {
+    changeLanguage();
+    onMount();
+  }, [language, onMount, changeLanguage]);
+  return /*#__PURE__*/_react.default.createElement(_reactI18next.I18nextProvider, {
+    i18n: i18n
+  }, /*#__PURE__*/_react.default.createElement(I18nTranslatorContext.Provider, {
+    value: {
+      setLanguage,
+      language,
+      listLanguages
+    }
+  }, children));
+};
+var _default = TranslatorProvider;
+exports.default = _default;
+const useLanguage = () => (0, _react.useContext)(I18nTranslatorContext);
+exports.useLanguage = useLanguage;
+//# sourceMappingURL=TranslatorProvider.js.map

package/build/providers/TranslatorProvider/TranslatorProvider.spec.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _react = require("@testing-library/react");
+var _i18next = _interopRequireDefault(require("i18next"));
+var _react2 = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _TranslatorProvider = _interopRequireWildcard(require("./TranslatorProvider"));
+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 }; }
+_i18next.default.use(_reactI18next.initReactI18next).init({
+  lng: 'en-US',
+  fallbackLng: 'en-US',
+  whitelist: ['en-US'],
+  load: 'currentOnly',
+  react: {
+    useSuspense: false
+  },
+  resources: {
+    'en-US': {
+      translation: {
+        'copy-to-clipboard': 'Copy to clipboard',
+        'author-anonymous': 'Anonymous',
+        'author-unknown': 'Unknown'
+      }
+    }
+  },
+  debug: false,
+  interpolation: {
+    escapeValue: false
+  }
+});
+const RandomComponent = () => {
+  const {
+    language
+  } = (0, _TranslatorProvider.useLanguage)();
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/_react2.default.createElement("div", null, /*#__PURE__*/_react2.default.createElement("div", null, language), /*#__PURE__*/_react2.default.createElement("div", null, t('copy-to-clipboard')));
+};
+test('should provide translation', () => {
+  const mount = jest.fn();
+  const {
+    getByText
+  } = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_TranslatorProvider.default, {
+    i18n: _i18next.default,
+    listLanguages: [],
+    onMount: mount
+  }, /*#__PURE__*/_react2.default.createElement(RandomComponent, null)));
+  expect(getByText('en-US')).toBeInTheDocument();
+  expect(getByText('Copy to clipboard')).toBeInTheDocument();
+});
+//# sourceMappingURL=TranslatorProvider.spec.js.map

package/build/providers/TranslatorProvider/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LanguageItem", {
+  enumerable: true,
+  get: function () {
+    return _TranslatorProvider.LanguageItem;
+  }
+});
+Object.defineProperty(exports, "TranslatorProvider", {
+  enumerable: true,
+  get: function () {
+    return _TranslatorProvider.default;
+  }
+});
+Object.defineProperty(exports, "useLanguage", {
+  enumerable: true,
+  get: function () {
+    return _TranslatorProvider.useLanguage;
+  }
+});
+var _TranslatorProvider = _interopRequireWildcard(require("./TranslatorProvider"));
+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/providers/VersionProvider/README.md

@@ -0,0 +1,22 @@
+# `VersionProvider`
+
+Use the hook `useVersion()` to get an object with:
+
+- packageMeta
+- packageName
+- packageVersion
+
+The provider must be
+
+```jsx
+function CustomComponent() {
+  const { packageMeta, packageName, packageVersion } = useVersion();
+  return <div />;
+}
+
+<Route path={Routes.PACKAGE}>
+  <VersionProvider>
+    <CustomComponent />
+  </VersionProvider>
+</Route>;
+```

package/build/providers/VersionProvider/VersionProvider.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useVersion = exports.default = exports.DetailContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactRedux = require("react-redux");
+var _reactRouterDom = require("react-router-dom");
+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 getRouterPackageName(packageName, scope) {
+  if (scope) {
+    return `@${scope}/${packageName}`;
+  }
+  return packageName;
+}
+const DetailContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.DetailContext = DetailContext;
+/**
+* 
+*  @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
+ */
+const VersionProvider = ({
+  children
+}) => {
+  const {
+    version: packageVersion,
+    package: pkgName,
+    scope
+  } = (0, _reactRouterDom.useParams)();
+  // @ts-ignore
+  const {
+    manifest,
+    readme,
+    packageName,
+    hasNotBeenFound
+  } = (0, _reactRedux.useSelector)(state => state.manifest);
+  const isLoading = (0, _reactRedux.useSelector)(state => {
+    var _state$loading;
+    return state === null || state === void 0 ? void 0 : (_state$loading = state.loading) === null || _state$loading === void 0 ? void 0 : _state$loading.models.manifest;
+  });
+  const dispatch = (0, _reactRedux.useDispatch)();
+  (0, _react.useEffect)(() => {
+    const packageName = getRouterPackageName(pkgName, scope);
+    dispatch.manifest.getManifest({
+      packageName,
+      packageVersion
+    });
+  }, [dispatch, packageVersion, pkgName, scope]);
+  return /*#__PURE__*/_react.default.createElement(DetailContext.Provider, {
+    value: {
+      packageMeta: manifest,
+      packageVersion,
+      readMe: readme,
+      packageName,
+      isLoading,
+      hasNotBeenFound
+    }
+  }, children);
+};
+var _default = VersionProvider;
+exports.default = _default;
+const useVersion = () => (0, _react.useContext)(DetailContext);
+exports.useVersion = useVersion;
+//# sourceMappingURL=VersionProvider.js.map

package/build/providers/VersionProvider/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "VersionProvider", {
+  enumerable: true,
+  get: function () {
+    return _VersionProvider.default;
+  }
+});
+Object.defineProperty(exports, "useVersion", {
+  enumerable: true,
+  get: function () {
+    return _VersionProvider.useVersion;
+  }
+});
+var _VersionProvider = _interopRequireWildcard(require("./VersionProvider"));
+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/providers/index.js

@@ -0,0 +1,39 @@
+"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 () {
+      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 () {
+      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 () {
+      return _TranslatorProvider[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/build/sections/Detail/ContainerContent.js

@@ -0,0 +1,57 @@
+"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(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; }
+let TabPosition = /*#__PURE__*/function (TabPosition) {
+  TabPosition["README"] = "readme";
+  TabPosition["DEPENDENCIES"] = "dependencies";
+  TabPosition["VERSIONS"] = "versions";
+  TabPosition["UPLINKS"] = "uplinks";
+  return TabPosition;
+}({});
+exports.TabPosition = TabPosition;
+const Versions = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Versions" */'../../components/Versions'))));
+const UpLinks = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "UpLinks" */'../../components/UpLinks'))));
+const Dependencies = (0, _loadable.default)(() => Promise.resolve().then(() => _interopRequireWildcard(require( /* webpackChunkName: "Dependencies" */'../../components/Dependencies'))));
+const ContainerContent = ({
+  tabPosition,
+  readDescription
+}) => {
+  const {
+    packageMeta,
+    packageName
+  } = (0, _providers.useVersion)();
+  switch (tabPosition) {
+    case TabPosition.README:
+      return /*#__PURE__*/_react.default.createElement(_ReadmeSection.default, {
+        description: readDescription
+      });
+    case TabPosition.UPLINKS:
+      return /*#__PURE__*/_react.default.createElement(UpLinks, {
+        packageMeta: packageMeta
+      });
+    case TabPosition.VERSIONS:
+      return /*#__PURE__*/_react.default.createElement(Versions, {
+        packageMeta: packageMeta,
+        packageName: packageName
+      });
+    case TabPosition.DEPENDENCIES:
+      return /*#__PURE__*/_react.default.createElement(Dependencies, {
+        packageMeta: packageMeta
+      });
+    default:
+      return null;
+  }
+};
+var _default = ContainerContent;
+exports.default = _default;
+//# sourceMappingURL=ContainerContent.js.map

package/build/sections/Detail/Detail.js

@@ -0,0 +1,52 @@
+"use strict";
+
+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 _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 }; }
+let TabPosition = /*#__PURE__*/function (TabPosition) {
+  TabPosition["README"] = "readme";
+  TabPosition["DEPENDENCIES"] = "dependencies";
+  TabPosition["VERSIONS"] = "versions";
+  TabPosition["UPLINKS"] = "uplinks";
+  return TabPosition;
+}({});
+exports.TabPosition = TabPosition;
+const DetailContainer = () => {
+  var _packageMeta$latest, _packageMeta$latest2;
+  const tabs = Object.values(TabPosition);
+  const [tabPosition, setTabPosition] = (0, _react.useState)(0);
+  const {
+    readMe,
+    packageMeta
+  } = (0, _providers.useVersion)();
+  const handleChange = (event, newValue) => {
+    setTabPosition(newValue);
+  };
+  return /*#__PURE__*/_react.default.createElement(_Box.default, {
+    component: "div",
+    display: "flex",
+    flexDirection: "column",
+    padding: 2
+  }, /*#__PURE__*/_react.default.createElement(_Tabs.default, {
+    onChange: handleChange,
+    tabPosition: tabPosition
+  }), (packageMeta === null || packageMeta === void 0 ? 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 ? void 0 : (_packageMeta$latest2 = packageMeta.latest) === null || _packageMeta$latest2 === void 0 ? void 0 : _packageMeta$latest2.deprecated
+  }), /*#__PURE__*/_react.default.createElement(_ContainerContent.default, {
+    readDescription: readMe,
+    tabPosition: tabs[tabPosition]
+  }));
+};
+var _default = DetailContainer;
+exports.default = _default;
+//# sourceMappingURL=Detail.js.map

package/build/sections/Detail/ReadmeSection.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Readme = _interopRequireDefault(require("../../components/Readme"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DetailContainerContentReadme = ({
+  description
+}) => {
+  if (!description) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement(_Readme.default, {
+    description: description
+  });
+};
+var _default = DetailContainerContentReadme;
+exports.default = _default;
+//# sourceMappingURL=ReadmeSection.js.map