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

package/src/sections/SideBar/Sidebar.test.tsx

@@ -3,7 +3,7 @@ import { MemoryRouter } from 'react-router';
 
 import { VersionProvider } from '../../providers';
 import { store } from '../../store';
-import { renderWithStore, screen, waitFor } from '../../test/test-react-testing-library';
+import { act, renderWithStore, screen, waitFor } from '../../test/test-react-testing-library';
 import Sidebar from './Sidebar';
 
 jest.mock('marked');
@@ -31,37 +31,44 @@ describe('Sidebar', () => {
     jest.clearAllMocks();
   });
   test('should render titles', async () => {
-    renderWithStore(<ComponentSideBar />, store);
-    await waitFor(() => expect(screen.getByText('jquery')).toBeInTheDocument());
+    act(() => {
+      renderWithStore(<ComponentSideBar />, store);
+    });
+    await waitFor(() => expect(screen.getAllByText('jquery')).toHaveLength(2));
 
-    expect(screen.getByText(`jquery`)).toBeInTheDocument();
     expect(screen.getByText(`sidebar.detail.latest-version`, { exact: false })).toBeInTheDocument();
     expect(
-      screen.getByText(`sidebar.detail.published a year ago`, { exact: false })
+      screen.getByText(/sidebar.detail.published .*years? ago/i, { exact: false })
     ).toBeInTheDocument();
     expect(screen.getByText(`sidebar.installation.title`, { exact: false })).toBeInTheDocument();
   });
 
   test('should render commonJS', async () => {
-    renderWithStore(<ComponentSideBar />, store);
-
-    await waitFor(() => expect(screen.getByText('jquery')).toBeInTheDocument());
+    act(() => {
+      renderWithStore(<ComponentSideBar />, store);
+    });
+    // package name + keyword
+    await waitFor(() => expect(screen.getAllByText('jquery')).toHaveLength(2));
     expect(screen.getByAltText('commonjs')).toBeInTheDocument();
   });
 
   test('should render typescript', async () => {
     mockPkgName.mockReturnValue('glob');
-    renderWithStore(<ComponentSideBar />, store);
-
+    act(() => {
+      renderWithStore(<ComponentSideBar />, store);
+    });
+    // just package name
     await waitFor(() => expect(screen.getByText('glob')).toBeInTheDocument());
     expect(screen.getByAltText('typescript')).toBeInTheDocument();
   });
 
   test('should render es modules', async () => {
     mockPkgName.mockReturnValue('got');
-    renderWithStore(<ComponentSideBar />, store);
-
-    await waitFor(() => expect(screen.getByText('got')).toBeInTheDocument());
+    act(() => {
+      renderWithStore(<ComponentSideBar />, store);
+    });
+    // package name + keyword
+    await waitFor(() => expect(screen.getAllByText('got')).toHaveLength(2));
     expect(screen.getByAltText('es6 modules')).toBeInTheDocument();
   });
 });

package/src/sections/SideBar/Sidebar.tsx

@@ -1,8 +1,6 @@
-import styled from '@emotion/styled';
 import Paper from '@mui/material/Paper';
 import React from 'react';
 
-import { Theme } from '../../Theme';
 import ActionBar from '../../components/ActionBar';
 import Author from '../../components/Author';
 import Developers, { DeveloperType } from '../../components/Developers';
@@ -10,6 +8,7 @@ import Dist from '../../components/Distribution';
 import Engines from '../../components/Engines';
 import FundButton from '../../components/FundButton';
 import Install from '../../components/Install';
+import Keywords from '../../components/Keywords';
 import Repository from '../../components/Repository';
 import SideBarTitle from '../../components/SideBarTitle';
 import { useConfig } from '../../providers';
@@ -35,7 +34,7 @@ const DetailSidebar: React.FC = () => {
   }
 
   return (
-    <StyledPaper sx={{ position: 'sticky', top: 0 }}>
+    <Paper data-testid="sidebar" sx={{ position: 'sticky', top: 0, p: 2, ml: 2 }}>
       <SideBarTitle
         description={packageMeta.latest?.description}
         hasTypes={typeof packageMeta.latest?.types === 'string'}
@@ -50,20 +49,17 @@ const DetailSidebar: React.FC = () => {
         showDownloadTarball={configOptions.showDownloadTarball}
         showRaw={configOptions.showRaw}
       />
-      <Install configOptions={configOptions} packageMeta={packageMeta} packageName={packageName} />
       <FundButton packageMeta={packageMeta} />
+      <Install configOptions={configOptions} packageMeta={packageMeta} packageName={packageName} />
       <Repository packageMeta={packageMeta} />
       <Engines packageMeta={packageMeta} />
       <Dist packageMeta={packageMeta} />
+      <Keywords packageMeta={packageMeta} />
       <Author packageMeta={packageMeta} />
       <Developers packageMeta={packageMeta} type={DeveloperType.MAINTAINERS} />
       <Developers packageMeta={packageMeta} type={DeveloperType.CONTRIBUTORS} />
-    </StyledPaper>
+    </Paper>
   );
 };
 
 export default DetailSidebar;
-
-const StyledPaper = styled(Paper)<{ theme?: Theme }>(({ theme }) => ({
-  padding: theme?.spacing(3, 2),
-}));

package/src/store/api.test.ts

@@ -31,6 +31,22 @@ describe('api', () => {
 
       expect(handled).toEqual([true, blob]);
     });
+
+    test('should test pdf scenario', async () => {
+      const blob = new Blob(['foo']);
+      const blobPromise = Promise.resolve<Blob>(blob);
+      const response: Response = {
+        url: 'http://localhost:8080/test.pdf',
+        blob: () => blobPromise,
+        ok: true,
+        headers: new Headers({
+          'Content-Type': 'application/pdf',
+        }),
+      } as Response;
+      const handled = await handleResponseType(response);
+
+      expect(handled).toEqual([true, blob]);
+    });
   });
 
   describe('api client', () => {

package/src/store/models/configuration.ts

@@ -7,6 +7,7 @@ import { Manifest, TemplateUIOptions } from '@verdaccio/types';
 import type { RootModel } from '.';
 import { colors } from '../../Theme';
 import API from '../api';
+import { APIRoute } from './routes';
 
 const defaultValues: TemplateUIOptions = {
   primaryColor: colors.PRIMARY_COLOR,
@@ -39,7 +40,7 @@ export const configuration = createModel<RootModel>()({
   },
   effects: (dispatch) => ({
     async getPackages() {
-      const payload: Manifest[] = await API.request(`/-/verdaccio/packages`, 'GET');
+      const payload: Manifest[] = await API.request(APIRoute.CONFIG, 'GET');
       dispatch.packages.savePackages(payload);
     },
   }),

package/src/store/models/login.ts

@@ -5,6 +5,8 @@ import type { RootModel } from '.';
 import { isTokenExpire } from '../../utils';
 import API from '../api';
 import storage from '../storage';
+import { APIRoute } from './routes';
+import { stripTrailingSlash } from './utils';
 
 export const HEADERS = {
   JSON: 'application/json',
@@ -80,19 +82,15 @@ export const login = createModel<RootModel>()({
   },
   effects: (dispatch) => ({
     async getUser({ username, password }, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = stripTrailingSlash(state.configuration.config.base);
       try {
-        const payload: LoginResponse = await API.request(
-          `${basePath}-/verdaccio/sec/login`,
-          'POST',
-          {
-            body: JSON.stringify({ username, password }),
-            headers: {
-              Accept: HEADERS.JSON,
-              'Content-Type': HEADERS.JSON,
-            },
-          }
-        );
+        const payload: LoginResponse = await API.request(`${basePath}${APIRoute.LOGIN}`, 'POST', {
+          body: JSON.stringify({ username, password }),
+          headers: {
+            Accept: HEADERS.JSON,
+            'Content-Type': HEADERS.JSON,
+          },
+        });
         dispatch.login.logInUser(payload);
         dispatch.packages.getPackages(undefined);
       } catch (error: any) {

package/src/store/models/manifest.ts

@@ -5,6 +5,8 @@ import { Manifest } from '@verdaccio/types';
 import type { RootModel } from '.';
 import { PackageMetaInterface } from '../../types/packageMeta';
 import API from '../api';
+import { APIRoute } from './routes';
+import { stripTrailingSlash } from './utils';
 
 function isPackageVersionValid(
   packageMeta: Partial<PackageMetaInterface>,
@@ -83,10 +85,10 @@ export const manifest = createModel<RootModel>()({
   },
   effects: (dispatch) => ({
     async getManifest({ packageName, packageVersion }, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = stripTrailingSlash(state.configuration.config.base);
       try {
         const manifest: Manifest = await API.request(
-          `${basePath}-/verdaccio/data/sidebar/${packageName}${
+          `${basePath}${APIRoute.SIDEBAR}${packageName}${
             packageVersion ? `?v=${packageVersion}` : ''
           }`
         );
@@ -98,10 +100,9 @@ export const manifest = createModel<RootModel>()({
         }
 
         const readme: string = await API.request<string>(
-          `${basePath}-/verdaccio/data/package/readme/${packageName}${
+          `${basePath}${APIRoute.README}${packageName}${
             packageVersion ? `?v=${packageVersion}` : ''
-          }`,
-          'GET'
+          }`
         );
         dispatch.manifest.saveManifest({ packageName, packageVersion, manifest, readme });
       } catch (error: any) {

package/src/store/models/packages.ts

@@ -4,6 +4,8 @@ import { Manifest } from '@verdaccio/types';
 
 import type { RootModel } from '.';
 import API from '../api';
+import { APIRoute } from './routes';
+import { stripTrailingSlash } from './utils';
 
 /**
  *
@@ -23,12 +25,9 @@ export const packages = createModel<RootModel>()({
   },
   effects: (dispatch) => ({
     async getPackages(_payload, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = stripTrailingSlash(state.configuration.config.base);
       try {
-        const payload: Manifest[] = await API.request(
-          `${basePath}-/verdaccio/data/packages`,
-          'GET'
-        );
+        const payload: Manifest[] = await API.request(`${basePath}${APIRoute.PACKAGES}`);
         dispatch.packages.savePackages(payload);
       } catch (error: any) {
         // eslint-disable-next-line no-console

package/src/store/models/routes.ts

@@ -0,0 +1,10 @@
+// Example API request:
+// http://localhost:8000/-/verdaccio/data/package/readme/jquery
+export enum APIRoute {
+  LOGIN = '/-/verdaccio/sec/login',
+  CONFIG = '/-/verdaccio/packages',
+  PACKAGES = '/-/verdaccio/data/packages',
+  SEARCH = '/-/verdaccio/data/search/', // :value
+  SIDEBAR = '/-/verdaccio/data/sidebar/', // :packageName?v=version
+  README = '/-/verdaccio/data/package/readme/', // :packageName?v=version
+}

package/src/store/models/search.ts

@@ -5,6 +5,8 @@ import { SearchResultWeb } from '@verdaccio/types';
 
 import type { RootModel } from '.';
 import API from '../api';
+import { APIRoute } from './routes';
+import { stripTrailingSlash } from './utils';
 
 const CONSTANTS = {
   API_DELAY: 300,
@@ -55,7 +57,7 @@ export const search = createModel<RootModel>()({
   },
   effects: (dispatch) => ({
     async getSuggestions({ value }, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = stripTrailingSlash(state.configuration.config.base);
       try {
         const controller = new window.AbortController();
         dispatch.search.addControllerToQueue({ controller });
@@ -63,7 +65,7 @@ export const search = createModel<RootModel>()({
         // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API#Browser_compatibility
         // FUTURE: signal is not well supported for IE and Samsung Browser
         const suggestions: SearchResultWeb[] = await API.request(
-          `${basePath}-/verdaccio/data/search/${encodeURIComponent(value)}`,
+          `${basePath}${APIRoute.SEARCH}${encodeURIComponent(value)}`,
           'GET',
           {
             signal,

package/src/store/models/utils.ts

@@ -0,0 +1,3 @@
+export function stripTrailingSlash(url: string): string {
+  return url.replace(/\/$/, '');
+}

package/src/types/packageMeta.ts

@@ -1,7 +1,7 @@
 export type ModuleType = 'commonjs' | 'module';
 
 export type Latest = {
-  author?: Author;
+  author?: string | Author;
   deprecated?: string;
   name: string;
   dist?: {
@@ -15,7 +15,7 @@ export type Latest = {
     pnpm?: string;
     yarn?: string;
   };
-  license?: undefined | LicenseInterface | string;
+  license?: string | LicenseInterface;
   version: string;
   homepage?: string;
   bugs?: {
@@ -32,6 +32,7 @@ export type Latest = {
   funding?: Funding;
   maintainers?: Developer[];
   contributors?: Developer[];
+  keywords?: string | string[];
 };
 
 export interface PackageMetaInterface {
@@ -44,8 +45,9 @@ export interface PackageMetaInterface {
 
 export interface Developer {
   name: string;
-  email: string;
-  avatar: string;
+  email?: string;
+  url?: string;
+  avatar?: string;
 }
 
 interface Funding {
@@ -75,7 +77,7 @@ export interface Version {
   version: string;
   author?: string | Author;
   description?: string;
-  license?: string;
+  license?: string | LicenseInterface;
   main?: string;
   keywords?: string[];
   deprecated?: string;

package/src/utils/routes.ts

@@ -1,5 +1,6 @@
 export enum Route {
   ROOT = '/',
+  DETAIL = '/-/web/detail/',
   SCOPE_PACKAGE = '/-/web/detail/@:scope/:package',
   SCOPE_PACKAGE_VERSION = '/-/web/detail/@:scope/:package/v/:version',
   PACKAGE = '/-/web/detail/:package',

package/src/utils/utils.test.ts

@@ -2,12 +2,14 @@ import MockDate from 'mockdate';
 
 import { packageMeta } from './__partials__/packageMeta';
 import {
+  fileSizeSI,
   formatDate,
   formatDateDistance,
   formatLicense,
   formatRepository,
   getLastUpdatedPackageTime,
   getRecentReleases,
+  getUplink,
 } from './utils';
 
 // jest.useFakeTimers().setSystemTime(new Date('2020-01-01'));
@@ -111,3 +113,35 @@ describe('getRecentReleases', (): void => {
     expect(getRecentReleases()).toEqual([]);
   });
 });
+
+describe('getUplink', (): void => {
+  test('getUplink for npmjs', () => {
+    expect(getUplink('npmjs', 'semver')).toEqual('https://www.npmjs.com/package/semver');
+  });
+
+  test('getUplink for server1', () => {
+    expect(getUplink('server1', 'semver')).toEqual(null);
+  });
+});
+
+describe('fileSizeSI', (): void => {
+  test('fileSizeSI as number 1234567', () => {
+    expect(fileSizeSI(1234567)).toEqual('1.2 MB');
+  });
+
+  test('fileSizeSI as number 9876', () => {
+    expect(fileSizeSI(9876)).toEqual('9.9 kB');
+  });
+
+  test('fileSizeSI as number 1000', () => {
+    expect(fileSizeSI(1000)).toEqual('1.0 kB');
+  });
+
+  test('fileSizeSI as number 123', () => {
+    expect(fileSizeSI(123)).toEqual('123 Bytes');
+  });
+
+  test('fileSizeSI as number 0', () => {
+    expect(fileSizeSI(0)).toEqual('0 Bytes');
+  });
+});

package/src/utils/utils.ts

@@ -105,6 +105,15 @@ export function getAuthorName(authorName?: string): string {
   return authorName;
 }
 
+export function getUplink(upLinkName: string, packageName: string): string | null {
+  // TODO: make this a config like "uplinks: npmjs: web: https://www.npmjs.com/package/"
+  switch (upLinkName) {
+    case 'npmjs':
+      return `https://www.npmjs.com/package/${packageName}`;
+  }
+  return null;
+}
+
 export function fileSizeSI(
   a: number,
   b?: typeof Math,
@@ -112,9 +121,15 @@ export function fileSizeSI(
   d?: number,
   e?: number
 ): string {
-  return (
-    ((b = Math), (c = b.log), (d = 1e3), (e = (c(a) / c(d)) | 0), a / b.pow(d, e)).toFixed(2) +
-    ' ' +
-    (e ? 'kMGTPEZY'[--e] + 'B' : 'Bytes')
-  );
+  b = Math;
+  c = b.log;
+  d = 1e3;
+  e = (c(a) / c(d)) | 0;
+  let size = a / b.pow(d, e);
+  // no decimals for Bytes
+  if (e === 0) {
+    return Math.floor(size) + ' Bytes';
+  } else {
+    return size.toFixed(1) + ' ' + 'kMGTPEZY'[--e] + 'B';
+  }
 }

package/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../../tsconfig.reference.json",
+  "extends": "../../tsconfig.reference.json",
   "compilerOptions": {
     "module": "esnext",
     "moduleResolution": "node",

package/build/components/Developers/styles.js

@@ -1,65 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledText = exports.Fab = exports.Details = exports.Content = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _Fab = _interopRequireDefault(require("@mui/material/Fab"));
-var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Details = exports.Details = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV === "production" ? {
-  target: "e1u5w7z83"
-} : {
-  target: "e1u5w7z83",
-  label: "Details"
-})(process.env.NODE_ENV === "production" ? {
-  name: "zigog8",
-  styles: "display:flex;flex-direction:column;align-items:center"
-} : {
-  name: "zigog8",
-  styles: "display:flex;flex-direction:column;align-items:center",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RldmVsb3BlcnMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EZXZlbG9wZXJzL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGYWJNVUkgZnJvbSAnQG11aS9tYXRlcmlhbC9GYWInO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBEZXRhaWxzID0gc3R5bGVkKCdzcGFuJykoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZCgnZGl2Jykoe1xuICBtYXJnaW46ICcxMHB4IDAgMTBweCAwJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICAnPiAqJzoge1xuICAgIG1hcmdpbjogJzVweCcsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWU/LmZvbnRXZWlnaHQuYm9sZCxcbiAgbWFyZ2luQm90dG9tOiAnMTBweCcsXG4gIHRleHRUcmFuc2Zvcm06ICdjYXBpdGFsaXplJyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEZhYiA9IHN0eWxlZChGYWJNVUkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluLFxuICBjb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUud2hpdGUsXG59KSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const Content = exports.Content = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
-  target: "e1u5w7z82"
-} : {
-  target: "e1u5w7z82",
-  label: "Content"
-})(process.env.NODE_ENV === "production" ? {
-  name: "mkcn9c",
-  styles: "margin:10px 0 10px 0;display:flex;flex-wrap:wrap;> *{margin:5px;}"
-} : {
-  name: "mkcn9c",
-  styles: "margin:10px 0 10px 0;display:flex;flex-wrap:wrap;> *{margin:5px;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RldmVsb3BlcnMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvY29tcG9uZW50cy9EZXZlbG9wZXJzL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGYWJNVUkgZnJvbSAnQG11aS9tYXRlcmlhbC9GYWInO1xuaW1wb3J0IFR5cG9ncmFwaHkgZnJvbSAnQG11aS9tYXRlcmlhbC9UeXBvZ3JhcGh5JztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi9UaGVtZSc7XG5cbmV4cG9ydCBjb25zdCBEZXRhaWxzID0gc3R5bGVkKCdzcGFuJykoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGZsZXhEaXJlY3Rpb246ICdjb2x1bW4nLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbn0pO1xuXG5leHBvcnQgY29uc3QgQ29udGVudCA9IHN0eWxlZCgnZGl2Jykoe1xuICBtYXJnaW46ICcxMHB4IDAgMTBweCAwJyxcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4V3JhcDogJ3dyYXAnLFxuICAnPiAqJzoge1xuICAgIG1hcmdpbjogJzVweCcsXG4gIH0sXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFRleHQgPSBzdHlsZWQoVHlwb2dyYXBoeSk8eyB0aGVtZT86IFRoZW1lIH0+KChwcm9wcykgPT4gKHtcbiAgZm9udFdlaWdodDogcHJvcHMudGhlbWU/LmZvbnRXZWlnaHQuYm9sZCxcbiAgbWFyZ2luQm90dG9tOiAnMTBweCcsXG4gIHRleHRUcmFuc2Zvcm06ICdjYXBpdGFsaXplJyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IEZhYiA9IHN0eWxlZChGYWJNVUkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGJhY2tncm91bmRDb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUucHJpbWFyeS5tYWluLFxuICBjb2xvcjogcHJvcHMudGhlbWU/LnBhbGV0dGUud2hpdGUsXG59KSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledText = exports.StyledText = /*#__PURE__*/(0, _base.default)(_Typography.default, process.env.NODE_ENV === "production" ? {
-  target: "e1u5w7z81"
-} : {
-  target: "e1u5w7z81",
-  label: "StyledText"
-})(props => {
-  var _props$theme;
-  return {
-    fontWeight: (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.fontWeight.bold,
-    marginBottom: '10px',
-    textTransform: 'capitalize'
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RldmVsb3BlcnMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCMEIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGV2ZWxvcGVycy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRmFiTVVJIGZyb20gJ0BtdWkvbWF0ZXJpYWwvRmFiJztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtdWkvbWF0ZXJpYWwvVHlwb2dyYXBoeSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgRGV0YWlscyA9IHN0eWxlZCgnc3BhbicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQoJ2RpdicpKHtcbiAgbWFyZ2luOiAnMTBweCAwIDEwcHggMCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgJz4gKic6IHtcbiAgICBtYXJnaW46ICc1cHgnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG4gIG1hcmdpbkJvdHRvbTogJzEwcHgnLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBGYWIgPSBzdHlsZWQoRmFiTVVJKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbixcbiAgY29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLndoaXRlLFxufSkpO1xuIl19 */");
-const Fab = exports.Fab = /*#__PURE__*/(0, _base.default)(_Fab.default, process.env.NODE_ENV === "production" ? {
-  target: "e1u5w7z80"
-} : {
-  target: "e1u5w7z80",
-  label: "Fab"
-})(props => {
-  var _props$theme2, _props$theme3;
-  return {
-    backgroundColor: (_props$theme2 = props.theme) === null || _props$theme2 === void 0 ? void 0 : _props$theme2.palette.primary.main,
-    color: (_props$theme3 = props.theme) === null || _props$theme3 === void 0 ? void 0 : _props$theme3.palette.white
-  };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0RldmVsb3BlcnMvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCbUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvRGV2ZWxvcGVycy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRmFiTVVJIGZyb20gJ0BtdWkvbWF0ZXJpYWwvRmFiJztcbmltcG9ydCBUeXBvZ3JhcGh5IGZyb20gJ0BtdWkvbWF0ZXJpYWwvVHlwb2dyYXBoeSc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWUnO1xuXG5leHBvcnQgY29uc3QgRGV0YWlscyA9IHN0eWxlZCgnc3BhbicpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG59KTtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQoJ2RpdicpKHtcbiAgbWFyZ2luOiAnMTBweCAwIDEwcHggMCcsXG4gIGRpc3BsYXk6ICdmbGV4JyxcbiAgZmxleFdyYXA6ICd3cmFwJyxcbiAgJz4gKic6IHtcbiAgICBtYXJnaW46ICc1cHgnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUZXh0ID0gc3R5bGVkKFR5cG9ncmFwaHkpPHsgdGhlbWU/OiBUaGVtZSB9PigocHJvcHMpID0+ICh7XG4gIGZvbnRXZWlnaHQ6IHByb3BzLnRoZW1lPy5mb250V2VpZ2h0LmJvbGQsXG4gIG1hcmdpbkJvdHRvbTogJzEwcHgnLFxuICB0ZXh0VHJhbnNmb3JtOiAnY2FwaXRhbGl6ZScsXG59KSk7XG5cbmV4cG9ydCBjb25zdCBGYWIgPSBzdHlsZWQoRmFiTVVJKTx7IHRoZW1lPzogVGhlbWUgfT4oKHByb3BzKSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLnByaW1hcnkubWFpbixcbiAgY29sb3I6IHByb3BzLnRoZW1lPy5wYWxldHRlLndoaXRlLFxufSkpO1xuIl19 */");
-//# sourceMappingURL=styles.js.map

package/build/components/Distribution/utils.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.fileSizeSI = fileSizeSI;
-exports.formatLicense = formatLicense;
-/**
- * Formats license field for webui.
- * @see https://docs.npmjs.com/files/package.json#license
- */
-// License should use type License defined above, but conflicts with the unit test that provide array or empty object
-function formatLicense(license) {
-  if (typeof license === 'string') {
-    return license;
-  }
-  if (license !== null && license !== void 0 && license.type) {
-    return license.type;
-  }
-  return;
-}
-function fileSizeSI(a, b, c, d, e) {
-  return (b = Math, c = b.log, d = 1e3, e = c(a) / c(d) | 0, a / b.pow(d, e)).toFixed(2) + ' ' + (e ? 'kMGTPEZY'[--e] + 'B' : 'Bytes');
-}
-//# sourceMappingURL=utils.js.map

package/build/components/Distribution/utilts.spec.js

@@ -1,18 +0,0 @@
-"use strict";
-
-var _utils = require("./utils");
-test('formatLicense as  string', () => {
-  expect((0, _utils.formatLicense)('MIT')).toEqual('MIT');
-});
-test('formatLicense as format object', () => {
-  expect((0, _utils.formatLicense)({
-    type: 'MIT'
-  })).toEqual('MIT');
-});
-test('fileSizeSI as number 1000', () => {
-  expect((0, _utils.fileSizeSI)(1000)).toEqual('1.00 kB');
-});
-test('fileSizeSI as number 0', () => {
-  expect((0, _utils.fileSizeSI)(0)).toEqual('0.00 Bytes');
-});
-//# sourceMappingURL=utilts.spec.js.map

package/build/components/Package/Tag/Tag.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const Tag = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement(_styles.Wrapper, null, children);
-var _default = exports.default = Tag;
-//# sourceMappingURL=Tag.js.map

package/build/components/Package/Tag/styles.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Wrapper = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV === "production" ? {
-  target: "e1bcw0zd0"
-} : {
-  target: "e1bcw0zd0",
-  label: "Wrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "bk6wq0",
-  styles: "vertical-align:middle;line-height:22px;border-radius:2px;color:#485a3e;background-color:#f3f4f2;padding:0.22rem 0.4rem;margin:8px 8px 0 0"
-} : {
-  name: "bk6wq0",
-  styles: "vertical-align:middle;line-height:22px;border-radius:2px;color:#485a3e;background-color:#f3f4f2;padding:0.22rem 0.4rem;margin:8px 8px 0 0",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhY2thZ2UvVGFnL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUGFja2FnZS9UYWcvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnc3BhbicpKHtcbiAgdmVydGljYWxBbGlnbjogJ21pZGRsZScsXG4gIGxpbmVIZWlnaHQ6ICcyMnB4JyxcbiAgYm9yZGVyUmFkaXVzOiAnMnB4JyxcbiAgY29sb3I6ICcjNDg1YTNlJyxcbiAgYmFja2dyb3VuZENvbG9yOiAnI2YzZjRmMicsXG4gIHBhZGRpbmc6ICcwLjIycmVtIDAuNHJlbScsXG4gIG1hcmdpbjogJzhweCA4cHggMCAwJyxcbn0pO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-//# sourceMappingURL=styles.js.map

package/build/sections/Header/RegistryInfoDialog/RegistryInfoDialog.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _Button = _interopRequireDefault(require("@mui/material/Button"));
-var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
-var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _styles = require("./styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const RegistryInfoDialog = ({
-  open = false,
-  children,
-  onClose,
-  title = ''
-}) => {
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)();
-  return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
-    "data-testid": 'registryInfo--dialog',
-    id: "registryInfo--dialog-container",
-    maxWidth: "sm",
-    onClose: onClose,
-    open: open
-  }, /*#__PURE__*/_react.default.createElement(_styles.Title, null, title), /*#__PURE__*/_react.default.createElement(_styles.Content, null, children), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
-    color: "inherit",
-    id: "registryInfo--dialog-close",
-    onClick: onClose
-  }, t('button.close'))));
-};
-var _default = exports.default = RegistryInfoDialog;
-//# sourceMappingURL=RegistryInfoDialog.js.map