@verdaccio/ui-theme 6.0.0-6-next.12 → 6.0.0-6-next.13

package/src/pages/home/PackageList/Package/Package.test.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import { MemoryRouter } from 'react-router';
-
-import { renderWithStore, cleanup } from 'verdaccio-ui/utils/test-react-testing-library';
+import { cleanup, renderWithStore } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import { store } from '../../../../store';
-
 import Package from './Package';
 
 /**

package/src/pages/home/PackageList/Package/Package.tsx

@@ -1,14 +1,13 @@
-import { css } from '@emotion/core';
+import { css } from '@emotion/react';
 import styled from '@emotion/styled';
-import BugReport from '@material-ui/icons/BugReport';
-import DownloadIcon from '@material-ui/icons/CloudDownload';
-import HomeIcon from '@material-ui/icons/Home';
+import BugReport from '@mui/icons-material/BugReport';
+import DownloadIcon from '@mui/icons-material/CloudDownload';
+import HomeIcon from '@mui/icons-material/Home';
 import React, { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useDispatch, useSelector } from 'react-redux';
-
 import Grid from 'verdaccio-ui/components/Grid';
-import { Version, FileBinary, Time, Law } from 'verdaccio-ui/components/Icons';
+import { FileBinary, Law, Time, Version } from 'verdaccio-ui/components/Icons';
 import Link from 'verdaccio-ui/components/Link';
 import ListItem from 'verdaccio-ui/components/ListItem';
 import Tooltip from 'verdaccio-ui/components/Tooltip';
@@ -17,9 +16,9 @@ import fileSizeSI from 'verdaccio-ui/utils/file-size';
 import { formatDate, formatDateDistance, getAuthorName } from 'verdaccio-ui/utils/package';
 import { isURL } from 'verdaccio-ui/utils/url';
 
-import { PackageMetaInterface, Author as PackageAuthor } from '../../../../../types/packageMeta';
+import { Author as PackageAuthor, PackageMetaInterface } from '../../../../../types/packageMeta';
 import { Dispatch, RootState } from '../../../../store/store';
-
+import Tag from './Tag';
 import {
   Author,
   Avatar,
@@ -28,15 +27,14 @@ import {
   GridRightAligned,
   IconButton,
   OverviewItem,
-  Wrapper,
   PackageListItemText,
   PackageTitle,
   Published,
   TagContainer,
   Text,
+  Wrapper,
   WrapperLink,
 } from './styles';
-import Tag from './Tag';
 
 interface Bugs {
   url: string;
@@ -71,7 +69,7 @@ const Package: React.FC<PackageInterface> = ({
   time,
   version,
 }) => {
-  const config = useSelector((state: RootState) => state.configuration);
+  const config = useSelector((state: RootState) => state.configuration.config);
   const dispatch = useDispatch<Dispatch>();
   const { t } = useTranslation();
 
@@ -134,7 +132,7 @@ const Package: React.FC<PackageInterface> = ({
     isURL(homepage) && (
       <Link external={true} to={homepage}>
         <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>
-          <IconButton aria-label={t('package.homepage')}>
+          <IconButton aria-label={t('package.homepage')} size="large">
             <HomeIcon />
           </IconButton>
         </Tooltip>
@@ -146,7 +144,7 @@ const Package: React.FC<PackageInterface> = ({
     isURL(bugs.url) && (
       <Link external={true} to={bugs.url}>
         <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>
-          <IconButton aria-label={t('package.bugs')}>
+          <IconButton aria-label={t('package.bugs')} size="large">
             <BugReport />
           </IconButton>
         </Tooltip>
@@ -156,7 +154,6 @@ const Package: React.FC<PackageInterface> = ({
   const renderDownloadLink = (): React.ReactNode =>
     dist?.tarball &&
     isURL(dist.tarball) && (
-      // eslint-disable-next-line
       <Link
         external={true}
         onClick={() => {
@@ -166,7 +163,7 @@ const Package: React.FC<PackageInterface> = ({
         <Tooltip
           aria-label={t('package.download', { what: t('package.the-tar-file') })}
           title={t('package.tarball')}>
-          <IconButton aria-label={t('package.download')}>
+          <IconButton aria-label={t('package.download')} size="large">
             <DownloadIcon />
           </IconButton>
         </Tooltip>
@@ -176,7 +173,7 @@ const Package: React.FC<PackageInterface> = ({
   const renderPrimaryComponent = (): React.ReactNode => {
     return (
       <Grid container={true} item={true} xs={12}>
-        <Grid item={true} xs={true}>
+        <Grid item={true} xs={11}>
           <WrapperLink to={`/-/web/detail/${packageName}`}>
             <PackageTitle className="package-title">{packageName}</PackageTitle>
           </WrapperLink>
@@ -208,8 +205,6 @@ const Package: React.FC<PackageInterface> = ({
   const renderPackageListItemText = (): React.ReactNode => (
     <PackageListItemText
       className="package-link"
-      // @ts-ignore
-      component="div"
       primary={renderPrimaryComponent()}
       secondary={renderSecondaryComponent()}
     />
@@ -233,7 +228,7 @@ export default Package;
 
 const iconStyle = ({ theme }: { theme: Theme }) => css`
   margin: 2px 10px 0 0;
-  fill: ${theme?.palette.type === 'light' ? theme?.palette.greyLight2 : theme?.palette.white};
+  fill: ${theme?.palette.mode === 'light' ? theme?.palette.greyLight2 : theme?.palette.white};
 `;
 
 const StyledVersion = styled(Version)`

package/src/pages/home/PackageList/Package/Tag/Tag.test.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import { render } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import Tag from './Tag';

package/src/pages/home/PackageList/Package/styles.ts

@@ -1,6 +1,5 @@
 import styled from '@emotion/styled';
 import { Link } from 'react-router-dom';
-
 import { default as Photo } from 'verdaccio-ui/components/Avatar';
 import Grid from 'verdaccio-ui/components/Grid';
 import { default as MuiIconButton } from 'verdaccio-ui/components/IconButton';
@@ -14,7 +13,7 @@ export const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({
   display: 'flex',
   alignItems: 'center',
   margin: '0 0 0 16px',
-  color: theme?.palette.type === 'light' ? theme?.palette.greyLight2 : theme?.palette.white,
+  color: theme?.palette.mode === 'light' ? theme?.palette.greyLight2 : theme?.palette.white,
   fontSize: 12,
   [`@media (max-width: ${theme?.breakPoints.medium}px)`]: {
     ':nth-of-type(3)': {
@@ -29,14 +28,14 @@ export const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({
 }));
 
 export const Published = styled('span')<{ theme?: Theme }>(({ theme }) => ({
-  color: theme?.palette.type === 'light' ? theme?.palette.greyLight2 : theme?.palette.white,
+  color: theme?.palette.mode === 'light' ? theme?.palette.greyLight2 : theme?.palette.white,
   margin: '0 5px 0 0',
 }));
 
 export const Text = styled(Label)<{ theme?: Theme }>(({ theme }) => ({
   fontSize: '12px',
   fontWeight: theme?.fontWeight.semiBold,
-  color: theme?.palette.type === 'light' ? theme?.palette.greyLight2 : theme?.palette.white,
+  color: theme?.palette.mode === 'light' ? theme?.palette.greyLight2 : theme?.palette.white,
 }));
 
 export const Details = styled('span')({
@@ -65,7 +64,7 @@ export const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({
   fontSize: 20,
   display: 'block',
   marginBottom: 12,
-  color: theme?.palette.type == 'dark' ? theme?.palette.dodgerBlue : theme?.palette.eclipse,
+  color: theme?.palette.mode == 'dark' ? theme?.palette.dodgerBlue : theme?.palette.eclipse,
   cursor: 'pointer',
   [`@media (max-width: ${theme?.breakPoints.small}px)`]: {
     fontSize: 14,
@@ -106,7 +105,7 @@ export const PackageListItemText = styled(ListItemText)({
 });
 
 export const Description = styled(MuiText)<{ theme?: Theme }>(({ theme }) => ({
-  color: theme?.palette.type === 'light' ? theme?.palette.greyDark2 : theme?.palette.white,
+  color: theme?.palette.mode === 'light' ? theme?.palette.greyDark2 : theme?.palette.white,
   fontSize: '14px',
   paddingRight: 0,
 }));

package/src/pages/home/PackageList/PackageList.tsx

@@ -3,7 +3,6 @@ import { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';
 import { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';
 import { List, ListRowProps } from 'react-virtualized/dist/commonjs/List';
 import { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';
-
 import Divider from 'verdaccio-ui/components/Divider';
 import { formatLicense } from 'verdaccio-ui/utils/package';
 

package/src/pages/home/PackageList/Packagelist.test.tsx

@@ -1,10 +1,8 @@
 import React from 'react';
 import { BrowserRouter } from 'react-router-dom';
-
-import { renderWithStore, cleanup } from 'verdaccio-ui/utils/test-react-testing-library';
+import { cleanup, renderWithStore } from 'verdaccio-ui/utils/test-react-testing-library';
 
 import { store } from '../../../store';
-
 import { PackageList } from './PackageList';
 
 describe('<PackageList /> component', () => {

package/src/providers/API/api.ts

@@ -1,5 +1,5 @@
-import storage from './storage';
 import '../../../types';
+import storage from './storage';
 
 /**
  * Handles response according to content type

package/src/providers/config/AppConfigurationProvider.tsx

@@ -1,10 +1,10 @@
-import { TemplateUIOptions } from '@verdaccio/types';
 import isEmpty from 'lodash/isEmpty';
 import isNil from 'lodash/isNil';
-import React, { createContext, FunctionComponent, useContext, useMemo, useState } from 'react';
-
+import React, { FunctionComponent, createContext, useContext, useMemo, useState } from 'react';
 import { PRIMARY_COLOR } from 'verdaccio-ui/utils/colors';
 
+import { TemplateUIOptions } from '@verdaccio/types';
+
 type ConfigProviderProps = {
   configOptions: TemplateUIOptions;
   setConfigOptions: Function;

package/src/store/models/configuration.ts

@@ -1,13 +1,12 @@
 import { createModel } from '@rematch/core';
-import { Package, TemplateUIOptions } from '@verdaccio/types';
 import isEmpty from 'lodash/isEmpty';
 import isNil from 'lodash/isNil';
-
 import { PRIMARY_COLOR } from 'verdaccio-ui/utils/colors';
 
-import API from '../../providers/API/api';
+import { Package, TemplateUIOptions } from '@verdaccio/types';
 
 import type { RootModel } from '.';
+import API from '../../providers/API/api';
 
 const defaultValues: TemplateUIOptions = {
   primaryColor: PRIMARY_COLOR,

package/src/store/models/download.ts

@@ -1,10 +1,9 @@
 import { createModel } from '@rematch/core';
 
+import type { RootModel } from '.';
 import API from '../../providers/API/api';
 import { downloadFile, extractFileName } from '../../utils/url';
 
-import type { RootModel } from '.';
-
 export const download = createModel<RootModel>()({
   state: {},
   reducers: {},

package/src/store/models/index.ts

@@ -6,6 +6,7 @@ import { login } from './login';
 import { manifest } from './manifest';
 import { packages } from './packages';
 import { search } from './search';
+
 export interface RootModel extends Models<RootModel> {
   packages: typeof packages;
   manifest: typeof manifest;

package/src/store/models/login.ts

@@ -1,11 +1,13 @@
 import { createModel } from '@rematch/core';
 import i18next from 'i18next';
 
-import { HEADERS } from '../../lib/constants';
+import type { RootModel } from '.';
 import API from '../../providers/API/api';
 import storage from '../../utils/storage';
 
-import type { RootModel } from '.';
+export const HEADERS = {
+  JSON: 'application/json',
+};
 
 export type LoginError = {
   type: string;

package/src/store/models/manifest.ts

@@ -1,10 +1,10 @@
 import { createModel } from '@rematch/core';
-import { Package } from '@verdaccio/types';
 import { PackageMetaInterface } from 'types/packageMeta';
 
-import API from '../../providers/API/api';
+import { Package } from '@verdaccio/types';
 
 import type { RootModel } from '.';
+import API from '../../providers/API/api';
 
 function isPackageVersionValid(
   packageMeta: Partial<PackageMetaInterface>,

package/src/store/models/packages.ts

@@ -1,9 +1,9 @@
 import { createModel } from '@rematch/core';
-import { Package } from '@verdaccio/types';
 
-import API from '../../providers/API/api';
+import { Package } from '@verdaccio/types';
 
 import type { RootModel } from '.';
+import API from '../../providers/API/api';
 
 export const packages = createModel<RootModel>()({
   state: {

package/src/store/models/search.ts

@@ -1,9 +1,9 @@
 import { createModel } from '@rematch/core';
-import { Package } from '@verdaccio/types';
 
-import API from '../../providers/API/api';
+import { SearchResultWeb } from '@verdaccio/types';
 
 import type { RootModel } from '.';
+import API from '../../providers/API/api';
 
 const CONSTANTS = {
   API_DELAY: 300,
@@ -11,7 +11,7 @@ const CONSTANTS = {
 };
 
 type SearchState = {
-  suggestions: Partial<Package>[];
+  suggestions: SearchResultWeb[];
   controller: AbortController[];
 };
 
@@ -42,7 +42,7 @@ export const search = createModel<RootModel>()({
         isError: true,
       };
     },
-    saveSearch(state, { suggestions }: { suggestions: Partial<Package>[] }) {
+    saveSearch(state, { suggestions }: { suggestions: SearchResultWeb[] }) {
       return {
         ...state,
         suggestions,
@@ -59,7 +59,7 @@ export const search = createModel<RootModel>()({
         const signal = controller.signal;
         // 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: Partial<Package>[] = await API.request(
+        const suggestions: SearchResultWeb[] = await API.request(
           `${basePath}-/verdaccio/search/${encodeURIComponent(value)}`,
           'GET',
           {

package/src/store/store.ts

@@ -1,7 +1,7 @@
-import { init, RematchDispatch, RematchRootState } from '@rematch/core';
+import { RematchDispatch, RematchRootState, init } from '@rematch/core';
 import loadingPlugin, { ExtraModelsFromLoading } from '@rematch/loading';
 
-import { models, RootModel } from './models';
+import { RootModel, models } from './models';
 
 type FullModel = ExtraModelsFromLoading<RootModel>;
 

package/src/utils/login.test.ts

@@ -1,11 +1,10 @@
 // eslint-disable-next-line jest/no-mocks-import
 import {
-  generateTokenWithTimeRange,
+  generateInvalidToken,
   generateTokenWithExpirationAsString,
   generateTokenWithOutExpiration,
-  generateInvalidToken,
+  generateTokenWithTimeRange,
 } from '../../jest/unit/components/__mocks__/token';
-
 import { isTokenExpire } from './login';
 
 /* eslint-disable no-console */

package/src/utils/package.test.ts

@@ -1,10 +1,9 @@
 import { packageMeta } from '../../jest/unit/components/store/packageMeta';
-
 import {
-  formatLicense,
-  formatRepository,
   formatDate,
   formatDateDistance,
+  formatLicense,
+  formatRepository,
   getLastUpdatedPackageTime,
   getRecentReleases,
 } from './package';

package/src/utils/package.ts

@@ -1,10 +1,11 @@
-import { UpLinks } from '@verdaccio/types';
 import dayjs from 'dayjs';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import i18next from 'i18next';
 import isString from 'lodash/isString';
 
+import { UpLinks } from '@verdaccio/types';
+
 import { Time } from '../../types/packageMeta';
 
 export const TIMEFORMAT = 'L LTS';

package/src/utils/sec-utils.ts

@@ -1,4 +1,4 @@
-import { filterXSS, escapeAttrValue } from 'xss';
+import { escapeAttrValue, filterXSS } from 'xss';
 
 const xssOpts = {
   onIgnoreTagAttr: function (tag: string, name: string, value: string) {

package/src/utils/test-react-testing-library.tsx

@@ -1,8 +1,8 @@
+import { StyledEngineProvider } from '@mui/material/styles';
 import { render } from '@testing-library/react';
 import React from 'react';
 import { I18nextProvider } from 'react-i18next';
 import { Provider } from 'react-redux';
-
 import ThemeProvider from 'verdaccio-ui/design-tokens/ThemeProvider';
 import AppConfigurationProvider from 'verdaccio-ui/providers/config';
 
@@ -13,9 +13,11 @@ const renderWithStore = (ui, store) =>
     wrapper: ({ children }) => (
       <Provider store={store}>
         <AppConfigurationProvider>
-          <ThemeProvider>
-            <I18nextProvider i18n={i18nConfig}>{children}</I18nextProvider>
-          </ThemeProvider>
+          <StyledEngineProvider injectFirst={true}>
+            <ThemeProvider>
+              <I18nextProvider i18n={i18nConfig}>{children}</I18nextProvider>
+            </ThemeProvider>
+          </StyledEngineProvider>
         </AppConfigurationProvider>
       </Provider>
     ),
@@ -24,9 +26,11 @@ const renderWithStore = (ui, store) =>
 const customRender = (node: React.ReactElement, ...options: any) => {
   return render(
     <AppConfigurationProvider>
-      <ThemeProvider>
-        <I18nextProvider i18n={i18nConfig}>{node}</I18nextProvider>
-      </ThemeProvider>
+      <StyledEngineProvider injectFirst={true}>
+        <ThemeProvider>
+          <I18nextProvider i18n={i18nConfig}>{node}</I18nextProvider>
+        </ThemeProvider>
+      </StyledEngineProvider>
     </AppConfigurationProvider>,
     ...options
   );

package/src/utils/url.test.ts

@@ -1,4 +1,4 @@
-import { isURL, isEmail, extractFileName } from './url';
+import { extractFileName, isEmail, isURL } from './url';
 
 describe('utils', () => {
   describe('url', () => {

package/src/utils/url.ts

@@ -1,5 +1,6 @@
 import isEmailValidator from 'validator/lib/isEmail';
 import isURLValidator from 'validator/lib/isURL';
+
 import '../../types';
 
 export function isURL(url: string): boolean {

package/static/Dependencies.15768a14646212b71166.js

@@ -0,0 +1,2 @@
+/*! For license information please see Dependencies.15768a14646212b71166.js.LICENSE.txt */
+"use strict";(self.webpackChunk_verdaccio_ui_theme=self.webpackChunk_verdaccio_ui_theme||[]).push([["Dependencies"],{"./src/components/Card.tsx":(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var r,o=a("../../../node_modules/.pnpm/@babel+runtime@7.16.3/node_modules/@babel/runtime/helpers/esm/extends.js"),n=a("../../../node_modules/.pnpm/@mui+material@5.0.6_033766d34292bd5d464212fd95cb4b6d/node_modules/@mui/material/Card/Card.js"),d=a("../../../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var s=(0,d.forwardRef)((function(e,t){return d.createElement(n.default,(0,o.default)({},e,{ref:t}))})),l=s;const i=l;var c,u;(c="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(c.register(s,"Card","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/Card.tsx"),c.register(l,"default","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/Card.tsx")),(u="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&u(e)},"./src/components/CardContent.tsx":(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var r,o=a("../../../node_modules/.pnpm/@babel+runtime@7.16.3/node_modules/@babel/runtime/helpers/esm/extends.js"),n=a("../../../node_modules/.pnpm/@mui+material@5.0.6_033766d34292bd5d464212fd95cb4b6d/node_modules/@mui/material/CardContent/CardContent.js"),d=a("../../../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var s=(0,d.forwardRef)((function(e,t){return d.createElement(n.default,(0,o.default)({},e,{innerRef:t}))})),l=s;const i=l;var c,u;(c="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(c.register(s,"CardContent","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/CardContent.tsx"),c.register(l,"default","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/CardContent.tsx")),(u="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&u(e)},"./src/components/Chip.tsx":(e,t,a)=>{a.r(t),a.d(t,{default:()=>i});var r,o=a("../../../node_modules/.pnpm/@babel+runtime@7.16.3/node_modules/@babel/runtime/helpers/esm/extends.js"),n=a("../../../node_modules/.pnpm/@mui+material@5.0.6_033766d34292bd5d464212fd95cb4b6d/node_modules/@mui/material/Chip/Chip.js"),d=a("../../../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var s=(0,d.forwardRef)((function(e,t){return d.createElement(n.default,(0,o.default)({},e,{innerRef:t}))})),l=s;const i=l;var c,u;(c="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(c.register(s,"Chip","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/Chip.tsx"),c.register(l,"default","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/Chip.tsx")),(u="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&u(e)},"./src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx":(e,t,a)=>{a.r(t),a.d(t,{default:()=>v});var r,o=a("../../../node_modules/.pnpm/@babel+runtime@7.16.3/node_modules/@babel/runtime/helpers/esm/slicedToArray.js"),n=a("../../../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js"),d=a("../../../node_modules/.pnpm/react-i18next@11.12.0_i18next@20.6.1+react@17.0.2/node_modules/react-i18next/dist/es/useTranslation.js"),s=a("../../../node_modules/.pnpm/react-router@5.2.1_react@17.0.2/node_modules/react-router/esm/react-router.js"),l=a("./src/components/CardContent.tsx"),i=a("./src/pages/Version/context.ts"),c=a("./src/pages/Version/DetailContainer/NoItems/index.ts"),u=a("./src/pages/Version/DetailContainer/Dependencies/styles.ts");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);var p="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default.signature:function(e){return e},m=function(e){var t=e.title,a=e.dependencies,r=(0,n.useContext)(i.DetailContext).enableLoading,c=(0,s.useHistory)(),p=(0,d.useTranslation)().t,m=Object.entries(a);return n.createElement(u.CardWrap,null,n.createElement(l.default,null,n.createElement(u.StyledText,{variant:"subtitle1"},"".concat(t," (").concat(m.length,")")),n.createElement(u.Tags,null,m.map((function(e){var t=(0,o.default)(e,2),a=t[0],d=t[1];return n.createElement(u.Tag,{className:"dep-tag",clickable:!0,key:a,label:p("dependencies.dependency-block",{package:a,version:d}),onClick:function(){return function(e){null==r||r(),c.push("/-/web/detail/".concat(e))}(a)}})})))))};function f(e){return!!e&&Object.keys(e).length>0}p(m,"useContext{{ enableLoading }}\nuseHistory{history}\nuseTranslation{{ t }}",(function(){return[s.useHistory,d.useTranslation]}));var b=function(){var e=(0,n.useContext)(i.DetailContext).packageMeta,t=(0,d.useTranslation)().t;if(!e)throw new Error(t("error.package-meta-is-required-at-detail-context"));var a=e.latest,r=a.dependencies,s=a.devDependencies,l=a.peerDependencies,u=a.name,p={dependencies:r,devDependencies:s,peerDependencies:l};return f(r)||f(s)||f(l)?n.createElement(n.Fragment,null,Object.entries(p).map((function(e){var t=(0,o.default)(e,2),a=t[0],r=t[1];return r&&0!==Object.keys(r).length?n.createElement(m,{dependencies:r,key:a,title:a}):null}))):n.createElement(c.default,{className:"no-dependencies",text:t("dependencies.has-no-dependencies",{package:u})})};p(b,"useContext{{ packageMeta }}\nuseTranslation{{ t }}",(function(){return[d.useTranslation]}));var g=b;const v=g;var h,x;(h="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(h.register(m,"DependencyBlock","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx"),h.register(f,"hasKeys","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx"),h.register(b,"Dependencies","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx"),h.register(g,"default","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx")),(x="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&x(e)},"./src/pages/Version/DetailContainer/Dependencies/index.ts":(e,t,a)=>{a.r(t),a.d(t,{default:()=>r.default});var r=a("./src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx");"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature},"./src/pages/Version/DetailContainer/Dependencies/styles.ts":(e,t,a)=>{a.r(t),a.d(t,{CardWrap:()=>c,StyledText:()=>u,Tags:()=>p,Tag:()=>m});var r,o=a("../../../node_modules/.pnpm/@emotion+styled@11.3.0_3d8bae71cea7a7ccc2d524c8303aad06/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),n=a("./src/components/Card.tsx"),d=a("./src/components/Chip.tsx"),s=a("./src/components/Text/index.ts");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var l,i,c=(0,o.default)(n.default,{target:"e12vbvs3",label:"CardWrap"})({name:"13ksum9",styles:"margin:0 0 16px"}),u=(0,o.default)(s.default,{target:"e12vbvs2",label:"StyledText"})((function(e){return{fontWeight:e.theme&&e.theme.fontWeight.bold,textTransform:"capitalize"}}),""),p=(0,o.default)("div",{target:"e12vbvs1",label:"Tags"})({name:"li4bbv",styles:"display:flex;justify-content:start;flex-wrap:wrap;margin:0 -5px"}),m=(0,o.default)(d.default,{target:"e12vbvs0",label:"Tag"})({name:"t10jb8",styles:"margin:5px"});(l="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(l.register(c,"CardWrap","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/styles.ts"),l.register(u,"StyledText","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/styles.ts"),l.register(p,"Tags","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/styles.ts"),l.register(m,"Tag","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/Dependencies/styles.ts")),(i="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&i(e)},"./src/pages/Version/DetailContainer/NoItems/NoItems.tsx":(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var r,o=a("../../../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js"),n=a("./src/components/Text/index.ts");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var d=function(e){var t=e.className,a=e.text;return o.createElement(n.default,{className:t,gutterBottom:!0,variant:"subtitle1"},a)},s=d;const l=s;var i,c;(i="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(i.register(d,"NoItems","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/NoItems/NoItems.tsx"),i.register(s,"default","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailContainer/NoItems/NoItems.tsx")),(c="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&c(e)},"./src/pages/Version/DetailContainer/NoItems/index.ts":(e,t,a)=>{a.r(t),a.d(t,{default:()=>r.default});var r=a("./src/pages/Version/DetailContainer/NoItems/NoItems.tsx");"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature}}]);

package/static/Dependencies.15768a14646212b71166.js.LICENSE.txt

@@ -0,0 +1,78 @@
+/*!
+ * 
+ *     Name: Dependencies
+ *     Generated on: 1639591616140
+ *     Package: @verdaccio/ui-theme
+ *     Version: v6.0.0-6-next.13
+ *     License: MIT
+ *     https://www.verdaccio.org
+ *
+ */
+
+/*! ../../context */
+
+/*! ../NoItems */
+
+/*! ./Dependencies */
+
+/*! ./NoItems */
+
+/*! ./styles */
+
+/*! @babel/runtime/helpers/extends */
+
+/*! @babel/runtime/helpers/slicedToArray */
+
+/*! @emotion/styled/base */
+
+/*! @mui/material/Card */
+
+/*! @mui/material/CardContent */
+
+/*! @mui/material/Chip */
+
+/*! react */
+
+/*! react-i18next */
+
+/*! react-router-dom */
+
+/*! verdaccio-ui/components/Card */
+
+/*! verdaccio-ui/components/CardContent */
+
+/*! verdaccio-ui/components/Chip */
+
+/*! verdaccio-ui/components/Text */
+
+/*!*********************************!*\
+  !*** ./src/components/Card.tsx ***!
+  \*********************************/
+
+/*!*********************************!*\
+  !*** ./src/components/Chip.tsx ***!
+  \*********************************/
+
+/*!****************************************!*\
+  !*** ./src/components/CardContent.tsx ***!
+  \****************************************/
+
+/*!************************************************************!*\
+  !*** ./src/pages/Version/DetailContainer/NoItems/index.ts ***!
+  \************************************************************/
+
+/*!***************************************************************!*\
+  !*** ./src/pages/Version/DetailContainer/NoItems/NoItems.tsx ***!
+  \***************************************************************/
+
+/*!*****************************************************************!*\
+  !*** ./src/pages/Version/DetailContainer/Dependencies/index.ts ***!
+  \*****************************************************************/
+
+/*!******************************************************************!*\
+  !*** ./src/pages/Version/DetailContainer/Dependencies/styles.ts ***!
+  \******************************************************************/
+
+/*!*************************************************************************!*\
+  !*** ./src/pages/Version/DetailContainer/Dependencies/Dependencies.tsx ***!
+  \*************************************************************************/

package/static/Dist.15768a14646212b71166.js

@@ -0,0 +1,2 @@
+/*! For license information please see Dist.15768a14646212b71166.js.LICENSE.txt */
+"use strict";(self.webpackChunk_verdaccio_ui_theme=self.webpackChunk_verdaccio_ui_theme||[]).push([["Dist"],{"./src/components/Chip.tsx":(e,t,a)=>{a.r(t),a.d(t,{default:()=>l});var r,o=a("../../../node_modules/.pnpm/@babel+runtime@7.16.3/node_modules/@babel/runtime/helpers/esm/extends.js"),i=a("../../../node_modules/.pnpm/@mui+material@5.0.6_033766d34292bd5d464212fd95cb4b6d/node_modules/@mui/material/Chip/Chip.js"),s=a("../../../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var n=(0,s.forwardRef)((function(e,t){return s.createElement(i.default,(0,o.default)({},e,{innerRef:t}))})),d=n;const l=d;var c,u;(c="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(c.register(n,"Chip","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/Chip.tsx"),c.register(d,"default","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/components/Chip.tsx")),(u="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&u(e)},"./src/pages/Version/DetailSidebar/Dist/Dist.tsx":(e,t,a)=>{a.r(t),a.d(t,{default:()=>b});var r,o=a("../../../node_modules/.pnpm/react@17.0.2/node_modules/react/index.js"),i=a("../../../node_modules/.pnpm/react-i18next@11.12.0_i18next@20.6.1+react@17.0.2/node_modules/react-i18next/dist/es/useTranslation.js"),s=a("./src/components/List.tsx"),n=a("./src/utils/file-size.ts"),d=a("./src/utils/package.ts"),l=a("./src/pages/Version/context.ts"),c=a("./src/pages/Version/DetailSidebar/Dist/styles.ts");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);var u="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default.signature:function(e){return e},m=function(e){var t=e.name,a=e.children;return a?o.createElement(c.DistChips,{label:o.createElement(o.Fragment,null,o.createElement("b",null,t),": ",a)}):null},p=function(){var e=(0,o.useContext)(l.DetailContext).packageMeta,t=(0,i.useTranslation)().t;if(!e)return null;var a=e&&e.latest,r=a.dist,u=a.license;return o.createElement(s.default,{subheader:o.createElement(c.StyledText,{variant:"subtitle1"},t("sidebar.distribution.title"))},o.createElement(c.DistListItem,{button:!0},o.createElement(m,{name:t("sidebar.distribution.file-count")},r.fileCount),o.createElement(m,{name:t("sidebar.distribution.size")},r.unpackedSize&&(0,n.default)(r.unpackedSize)),o.createElement(m,{name:t("sidebar.distribution.license")},(0,d.formatLicense)(u))))};u(p,"useContext{{ packageMeta }}\nuseTranslation{{ t }}",(function(){return[i.useTranslation]}));var f=p;const b=f;var g,h;(g="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(g.register(m,"DistChip","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailSidebar/Dist/Dist.tsx"),g.register(p,"Dist","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailSidebar/Dist/Dist.tsx"),g.register(f,"default","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailSidebar/Dist/Dist.tsx")),(h="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&h(e)},"./src/pages/Version/DetailSidebar/Dist/index.ts":(e,t,a)=>{a.r(t),a.d(t,{default:()=>r.default});var r=a("./src/pages/Version/DetailSidebar/Dist/Dist.tsx");"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature},"./src/pages/Version/DetailSidebar/Dist/styles.ts":(e,t,a)=>{a.r(t),a.d(t,{StyledText:()=>u,DistListItem:()=>m,DistChips:()=>p,DownloadButton:()=>f});var r,o=a("../../../node_modules/.pnpm/@emotion+styled@11.3.0_3d8bae71cea7a7ccc2d524c8303aad06/node_modules/@emotion/styled/base/dist/emotion-styled-base.browser.esm.js"),i=a("./src/components/Chip.tsx"),s=a("./src/components/FloatingActionButton.tsx"),n=a("./src/components/ListItem.tsx"),d=a("./src/components/Text/index.ts");e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;var l,c,u=(0,o.default)(d.default,{target:"emhg1mg3",label:"StyledText"})((function(e){return{fontWeight:e.theme&&e.theme.fontWeight.bold,textTransform:"capitalize"}}),""),m=(0,o.default)(n.default,{target:"emhg1mg2",label:"DistListItem"})({name:"8a1gtu",styles:"padding-left:0;padding-right:0;flex-wrap:wrap"}),p=(0,o.default)(i.default,{target:"emhg1mg1",label:"DistChips"})({name:"186t8fy",styles:"margin-right:5px;text-transform:capitalize;margin-top:5px"}),f=(0,o.default)(s.default,{target:"emhg1mg0",label:"DownloadButton"})((function(e){return{backgroundColor:e.theme&&e.theme.palette.primary.main,color:e.theme&&e.theme.palette.white}}),"");(l="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&(l.register(u,"StyledText","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailSidebar/Dist/styles.ts"),l.register(m,"DistListItem","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailSidebar/Dist/styles.ts"),l.register(p,"DistChips","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailSidebar/Dist/styles.ts"),l.register(f,"DownloadButton","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/pages/Version/DetailSidebar/Dist/styles.ts")),(c="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&c(e)},"./src/utils/file-size.ts":(e,t,a)=>{var r;a.r(t),a.d(t,{default:()=>s}),e=a.hmd(e),(r="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.enterModule:void 0)&&r(e);var o,i;"undefined"!=typeof reactHotLoaderGlobal&&reactHotLoaderGlobal.default.signature;function s(e,t,a,r,o){return(t=Math,a=t.log,1e3,o=a(e)/a(1e3)|0,e/t.pow(1e3,o)).toFixed(2)+" "+(o?"kMGTPEZY"[--o]+"B":"Bytes")}(o="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.default:void 0)&&o.register(s,"fileSizeSI","/home/runner/work/verdaccio/verdaccio/packages/plugins/ui-theme/src/utils/file-size.ts"),(i="undefined"!=typeof reactHotLoaderGlobal?reactHotLoaderGlobal.leaveModule:void 0)&&i(e)}}]);