@verdaccio/ui-components 5.0.0-next-9.14 → 5.0.0-next-9.16

package/build/components/NoItems/NoItems.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NoItems.mjs","names":[],"sources":["../../../src/components/NoItems/NoItems.tsx"],"sourcesContent":["import Alert from '@mui/material/Alert';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string;\n}\n\nconst NoItems: React.FC<Props> = ({ text, ...props }) => (\n  // @ts-ignore - Alert does accept children despite the type error\n  <Alert severity=\"info\">\n    <Typography {...props}>{text}</Typography>\n  </Alert>\n);\n\nexport default NoItems;\n"],"mappings":";;;;;AAQA,IAAM,WAA4B,EAAE,MAAM,GAAG,YAE3C,oBAAC,OAAD;CAAO,UAAS;WACd,oBAAC,YAAD;EAAY,GAAI;YAAQ;EAAkB,CAAA;CACpC,CAAA"}
+{"version":3,"file":"NoItems.mjs","names":[],"sources":["../../../src/components/NoItems/NoItems.tsx"],"sourcesContent":["import Alert from '@mui/material/Alert';\nimport Typography from '@mui/material/Typography';\nimport React from 'react';\n\ninterface Props {\n  text: string;\n}\n\nconst NoItems: React.FC<Props> = ({ text, ...props }) => (\n  // @ts-ignore - Alert does accept children despite the type error\n  <Alert severity=\"info\">\n    <Typography {...props}>{text}</Typography>\n  </Alert>\n);\n\nexport default NoItems;\n"],"mappings":";;;;;AAQA,IAAM,WAA4B,EAAE,MAAM,GAAG,YAE3C,oBAAC,OAAD;CAAO,UAAS;WACd,oBAAC,YAAD;EAAY,GAAI;YAAQ;CAAiB,CAAA;AACpC,CAAA"}

package/build/components/NoItems/index.js

@@ -1 +1,2 @@
-require("./NoItems.js");
+const require_NoItems = require("./NoItems.js");
+exports.default = require_NoItems.default;

package/build/components/NoItems/index.mjs

@@ -1 +1,2 @@
-import "./NoItems.mjs";
+import NoItems from "./NoItems.mjs";
+export { NoItems as default };

package/build/components/NotFound/NotFound.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import React from 'react';
 declare const NotFound: React.FC;
 export default NotFound;

package/build/components/NotFound/NotFound.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.js","names":[],"sources":["../../../src/components/NotFound/NotFound.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport FolderOffIcon from '@mui/icons-material/FolderOff';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { Theme } from '../../';\nimport Heading from '../Heading';\n\nconst NotFound: React.FC = () => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n\n  const handleGoHome = useCallback(() => {\n    navigate('/');\n  }, [navigate]);\n\n  return (\n    <Box\n      alignItems=\"center\"\n      data-testid=\"404\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      p={2}\n    >\n      <Container>\n        <FolderOffIcon color=\"primary\" style={{ fontSize: 236 }} />\n      </Container>\n      <StyledHeading className=\"not-found-text\" variant=\"h4\">\n        {t('error.404.sorry-we-could-not-find-it')}\n      </StyledHeading>\n      <Button data-testid=\"not-found-go-to-home-button\" onClick={handleGoHome} variant=\"contained\">\n        {t('button.go-to-the-home-page')}\n      </Button>\n    </Box>\n  );\n};\n\nexport default NotFound;\n\nconst Container = styled('div')({\n  margin: '0 auto',\n});\n\nconst StyledHeading = styled(Heading)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n  marginBottom: 16,\n}));\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,IAAM,iBAA2B;CAC/B,MAAM,YAAA,GAAA,aAAA,cAAwB;CAC9B,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;CAE9B,MAAM,gBAAA,GAAA,MAAA,mBAAiC;AACrC,WAAS,IAAI;IACZ,CAAC,SAAS,CAAC;AAEd,QACE,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;EACE,YAAW;EACX,eAAY;EACZ,SAAQ;EACR,eAAc;EACd,UAAU;EACV,gBAAe;EACf,GAAG;YAPL;GASE,iBAAA,GAAA,kBAAA,KAAC,WAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,8BAAA,SAAD;IAAe,OAAM;IAAU,OAAO,EAAE,UAAU,KAAK;IAAI,CAAA,EACjD,CAAA;GACZ,iBAAA,GAAA,kBAAA,KAAC,eAAD;IAAe,WAAU;IAAiB,SAAQ;cAC/C,EAAE,uCAAuC;IAC5B,CAAA;GAChB,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;IAAQ,eAAY;IAA8B,SAAS;IAAc,SAAQ;cAC9E,EAAE,6BAA6B;IACzB,CAAA;GACL;;;AAMV,IAAM,aAAA,GAAA,gBAAA,SAAmB,MAAM,CAAC,EAC9B,QAAQ,UACT,CAAC;AAEF,IAAM,iBAAA,GAAA,gBAAA,SAAuB,gBAAA,QAAQ,EAAqB,EAAE,aAAa;CACvE,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,qBAAA,OAAO;CAC5E,cAAc;CACf,EAAE"}
+{"version":3,"file":"NotFound.js","names":[],"sources":["../../../src/components/NotFound/NotFound.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport FolderOffIcon from '@mui/icons-material/FolderOff';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { Theme } from '../../';\nimport Heading from '../Heading';\n\nconst NotFound: React.FC = () => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n\n  const handleGoHome = useCallback(() => {\n    navigate('/');\n  }, [navigate]);\n\n  return (\n    <Box\n      alignItems=\"center\"\n      data-testid=\"404\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      p={2}\n    >\n      <Container>\n        <FolderOffIcon color=\"primary\" style={{ fontSize: 236 }} />\n      </Container>\n      <StyledHeading className=\"not-found-text\" variant=\"h4\">\n        {t('error.404.sorry-we-could-not-find-it')}\n      </StyledHeading>\n      <Button data-testid=\"not-found-go-to-home-button\" onClick={handleGoHome} variant=\"contained\">\n        {t('button.go-to-the-home-page')}\n      </Button>\n    </Box>\n  );\n};\n\nexport default NotFound;\n\nconst Container = styled('div')({\n  margin: '0 auto',\n});\n\nconst StyledHeading = styled(Heading)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n  marginBottom: 16,\n}));\n"],"mappings":";;;;;;;;;;;;;;;;;;AAYA,IAAM,iBAA2B;CAC/B,MAAM,YAAA,GAAA,aAAA,YAAA,CAAuB;CAC7B,MAAM,EAAE,OAAA,GAAA,cAAA,eAAA,CAAqB;CAE7B,MAAM,gBAAA,GAAA,MAAA,YAAA,OAAiC;EACrC,SAAS,GAAG;CACd,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,kBAAA,SAAD;EACE,YAAW;EACX,eAAY;EACZ,SAAQ;EACR,eAAc;EACd,UAAU;EACV,gBAAe;EACf,GAAG;YAPL;GASE,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,8BAAA,SAAD;IAAe,OAAM;IAAU,OAAO,EAAE,UAAU,IAAI;GAAI,CAAA,EACjD,CAAA;GACX,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;IAAe,WAAU;IAAiB,SAAQ;cAC/C,EAAE,sCAAsC;GAC5B,CAAA;GACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;IAAQ,eAAY;IAA8B,SAAS;IAAc,SAAQ;cAC9E,EAAE,4BAA4B;GACzB,CAAA;EACL;;AAET;AAIA,IAAM,aAAA,GAAA,gBAAA,QAAA,CAAmB,KAAK,CAAC,CAAC,EAC9B,QAAQ,SACV,CAAC;AAED,IAAM,iBAAA,GAAA,gBAAA,QAAA,CAAuB,gBAAA,OAAO,CAAC,EAAqB,EAAE,aAAa;CACvE,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,qBAAA,OAAO;CAC5E,cAAc;AAChB,EAAE"}

package/build/components/NotFound/NotFound.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotFound.mjs","names":[],"sources":["../../../src/components/NotFound/NotFound.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport FolderOffIcon from '@mui/icons-material/FolderOff';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { Theme } from '../../';\nimport Heading from '../Heading';\n\nconst NotFound: React.FC = () => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n\n  const handleGoHome = useCallback(() => {\n    navigate('/');\n  }, [navigate]);\n\n  return (\n    <Box\n      alignItems=\"center\"\n      data-testid=\"404\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      p={2}\n    >\n      <Container>\n        <FolderOffIcon color=\"primary\" style={{ fontSize: 236 }} />\n      </Container>\n      <StyledHeading className=\"not-found-text\" variant=\"h4\">\n        {t('error.404.sorry-we-could-not-find-it')}\n      </StyledHeading>\n      <Button data-testid=\"not-found-go-to-home-button\" onClick={handleGoHome} variant=\"contained\">\n        {t('button.go-to-the-home-page')}\n      </Button>\n    </Box>\n  );\n};\n\nexport default NotFound;\n\nconst Container = styled('div')({\n  margin: '0 auto',\n});\n\nconst StyledHeading = styled(Heading)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n  marginBottom: 16,\n}));\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,iBAA2B;CAC/B,MAAM,WAAW,aAAa;CAC9B,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,eAAe,kBAAkB;AACrC,WAAS,IAAI;IACZ,CAAC,SAAS,CAAC;AAEd,QACE,qBAAC,KAAD;EACE,YAAW;EACX,eAAY;EACZ,SAAQ;EACR,eAAc;EACd,UAAU;EACV,gBAAe;EACf,GAAG;YAPL;GASE,oBAAC,WAAD,EAAA,UACE,oBAAC,eAAD;IAAe,OAAM;IAAU,OAAO,EAAE,UAAU,KAAK;IAAI,CAAA,EACjD,CAAA;GACZ,oBAAC,eAAD;IAAe,WAAU;IAAiB,SAAQ;cAC/C,EAAE,uCAAuC;IAC5B,CAAA;GAChB,oBAAC,QAAD;IAAQ,eAAY;IAA8B,SAAS;IAAc,SAAQ;cAC9E,EAAE,6BAA6B;IACzB,CAAA;GACL;;;AAMV,IAAM,YAAY,OAAO,MAAM,CAAC,EAC9B,QAAQ,UACT,CAAC;AAEF,IAAM,gBAAgB,OAAO,QAAQ,EAAqB,EAAE,aAAa;CACvE,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,OAAO;CAC5E,cAAc;CACf,EAAE"}
+{"version":3,"file":"NotFound.mjs","names":[],"sources":["../../../src/components/NotFound/NotFound.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport FolderOffIcon from '@mui/icons-material/FolderOff';\nimport Box from '@mui/material/Box';\nimport Button from '@mui/material/Button';\nimport { common } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { useNavigate } from 'react-router';\n\nimport type { Theme } from '../../';\nimport Heading from '../Heading';\n\nconst NotFound: React.FC = () => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n\n  const handleGoHome = useCallback(() => {\n    navigate('/');\n  }, [navigate]);\n\n  return (\n    <Box\n      alignItems=\"center\"\n      data-testid=\"404\"\n      display=\"flex\"\n      flexDirection=\"column\"\n      flexGrow={1}\n      justifyContent=\"center\"\n      p={2}\n    >\n      <Container>\n        <FolderOffIcon color=\"primary\" style={{ fontSize: 236 }} />\n      </Container>\n      <StyledHeading className=\"not-found-text\" variant=\"h4\">\n        {t('error.404.sorry-we-could-not-find-it')}\n      </StyledHeading>\n      <Button data-testid=\"not-found-go-to-home-button\" onClick={handleGoHome} variant=\"contained\">\n        {t('button.go-to-the-home-page')}\n      </Button>\n    </Box>\n  );\n};\n\nexport default NotFound;\n\nconst Container = styled('div')({\n  margin: '0 auto',\n});\n\nconst StyledHeading = styled(Heading)<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? theme.palette.primary.main : common.white,\n  marginBottom: 16,\n}));\n"],"mappings":";;;;;;;;;;;;AAYA,IAAM,iBAA2B;CAC/B,MAAM,WAAW,YAAY;CAC7B,MAAM,EAAE,MAAM,eAAe;CAE7B,MAAM,eAAe,kBAAkB;EACrC,SAAS,GAAG;CACd,GAAG,CAAC,QAAQ,CAAC;CAEb,OACE,qBAAC,KAAD;EACE,YAAW;EACX,eAAY;EACZ,SAAQ;EACR,eAAc;EACd,UAAU;EACV,gBAAe;EACf,GAAG;YAPL;GASE,oBAAC,WAAD,EAAA,UACE,oBAAC,eAAD;IAAe,OAAM;IAAU,OAAO,EAAE,UAAU,IAAI;GAAI,CAAA,EACjD,CAAA;GACX,oBAAC,eAAD;IAAe,WAAU;IAAiB,SAAQ;cAC/C,EAAE,sCAAsC;GAC5B,CAAA;GACf,oBAAC,QAAD;IAAQ,eAAY;IAA8B,SAAS;IAAc,SAAQ;cAC9E,EAAE,4BAA4B;GACzB,CAAA;EACL;;AAET;AAIA,IAAM,YAAY,OAAO,KAAK,CAAC,CAAC,EAC9B,QAAQ,SACV,CAAC;AAED,IAAM,gBAAgB,OAAO,OAAO,CAAC,EAAqB,EAAE,aAAa;CACvE,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,OAAO;CAC5E,cAAc;AAChB,EAAE"}

package/build/components/NotFound/index.js

@@ -1 +1,2 @@
-require("./NotFound.js");
+const require_NotFound = require("./NotFound.js");
+exports.default = require_NotFound.default;

package/build/components/NotFound/index.mjs

@@ -1 +1,2 @@
-import "./NotFound.mjs";
+import NotFound from "./NotFound.mjs";
+export { NotFound as default };

package/build/components/Package/Package.d.ts

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
-import { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';
-import { PackageMetaInterface } from '../../types/packageMeta';
+import React from 'react';
+import type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';
+import type { PackageMetaInterface } from '../../types/packageMeta';
 interface Bugs {
     url: string;
 }

package/build/components/Package/Package.js.map

@@ -1 +1 @@
-{"version":3,"file":"Package.js","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Link, LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n  Author,\n  Avatar,\n  Description,\n  Details,\n  GridRightAligned,\n  IconButton,\n  OverviewItem,\n  PackageListItemText,\n  PackageTitle,\n  Published,\n  Wrapper,\n  WrapperLink,\n} from './styles';\n\ninterface Bugs {\n  url: string;\n}\n\ninterface Dist {\n  unpackedSize: number;\n  tarball: string;\n}\n\nexport interface PackageInterface {\n  name: string;\n  version: string;\n  time?: number | string;\n  author: PackageAuthor;\n  description?: string;\n  keywords?: PackageMetaInterface['latest']['keywords'];\n  license?: PackageMetaInterface['latest']['license'];\n  homepage?: string;\n  bugs?: Bugs;\n  dist?: Dist;\n  showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n  author: { name: authorName, avatar: authorAvatar },\n  bugs,\n  description,\n  dist,\n  homepage,\n  keywords,\n  license,\n  name: packageName,\n  time,\n  showDownload = true,\n  version,\n}) => {\n  const config = getConfiguration();\n  const { t } = useTranslation();\n  const { isLoading } = useManifests();\n  const { downloadTarball } = useDownload();\n\n  const handleDownload = useCallback(\n    async (tarballDist: string) => {\n      // FIXME: check, the dist might be different thant npmjs\n      const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n      downloadTarball?.({ link });\n    },\n    [config, downloadTarball]\n  );\n\n  const renderVersionInfo = (): React.ReactNode =>\n    version && (\n      <OverviewItem>\n        <StyledVersion />\n        {t('package.version', { version })}\n      </OverviewItem>\n    );\n\n  const renderAuthorInfo = (): React.ReactNode => {\n    const name = utils.getAuthorName(authorName);\n    return (\n      <OverviewItem>\n        <Author>\n          <Avatar alt={name} src={authorAvatar} />\n          <Details>{name}</Details>\n        </Author>\n      </OverviewItem>\n    );\n  };\n\n  const renderFileSize = (): React.ReactNode =>\n    dist?.unpackedSize && (\n      <OverviewItem>\n        <StyledFileBinary />\n        {utils.fileSizeSI(dist.unpackedSize)}\n      </OverviewItem>\n    );\n\n  const renderLicenseInfo = (): React.ReactNode =>\n    license && (\n      <OverviewItem>\n        <StyledLaw />\n        {license as string}\n      </OverviewItem>\n    );\n\n  const renderPublishedInfo = (): React.ReactNode =>\n    time && (\n      <OverviewItem>\n        <StyledTime />\n        <Published title={utils.formatDate(time)}>\n          {t('package.published-on', { time: utils.formatDateDistance(time) })}\n        </Published>\n      </OverviewItem>\n    );\n\n  const renderHomePageLink = (): React.ReactNode =>\n    homepage &&\n    url.isURL(homepage) && (\n      <LinkExternal to={homepage}>\n        <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n          <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n            <HomeIcon />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderBugsLink = (): React.ReactNode =>\n    bugs?.url &&\n    url.isURL(bugs.url) && (\n      <LinkExternal to={bugs.url}>\n        <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n          <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n            <BugReport />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderDownloadLink = (): React.ReactNode =>\n    dist?.tarball &&\n    url.isURL(dist.tarball) && (\n      <Link\n        onClick={() => {\n          handleDownload(dist.tarball);\n        }}\n        to=\"#\"\n      >\n        <Tooltip\n          aria-label={t('package.download', { what: t('package.the-tar-file') })}\n          title={t('package.tarball')}\n        >\n          <IconButton\n            aria-label={t('package.download')}\n            color=\"primary\"\n            data-testid=\"download-tarball\"\n            size=\"large\"\n          >\n            {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n          </IconButton>\n        </Tooltip>\n      </Link>\n    );\n\n  const renderPrimaryComponent = (): React.ReactNode => {\n    return (\n      <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n        <Grid size=\"grow\">\n          <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n            <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n              {packageName}\n            </PackageTitle>\n          </WrapperLink>\n        </Grid>\n        <GridRightAligned size=\"auto\">\n          {renderHomePageLink()}\n          {renderBugsLink()}\n          {showDownload && renderDownloadLink()}\n        </GridRightAligned>\n      </Grid>\n    );\n  };\n\n  const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n  const renderPackageListItemText = (): React.ReactNode => (\n    <PackageListItemText\n      primary={renderPrimaryComponent()}\n      secondary={renderSecondaryComponent()}\n    />\n  );\n\n  const renderKeywords = (): React.ReactNode => (\n    <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n      <List sx={{ p: 0, my: 0 }}>\n        <KeywordListItems keywords={keywords} />\n      </List>\n    </ListItem>\n  );\n\n  return (\n    <Wrapper className={'package'} data-testid=\"package-item-list\">\n      <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n        {renderPackageListItemText()}\n      </ListItem>\n      {keywords && keywords?.length > 0 ? renderKeywords() : null}\n      <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n        {renderAuthorInfo()}\n        {renderVersionInfo()}\n        {renderPublishedInfo()}\n        {renderFileSize()}\n        {renderLicenseInfo()}\n      </ListItem>\n    </Wrapper>\n  );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n  margin: 0 10px 0 0;\n  fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n"],"mappings":"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"}
+{"version":3,"file":"Package.js","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Link, LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n  Author,\n  Avatar,\n  Description,\n  Details,\n  GridRightAligned,\n  IconButton,\n  OverviewItem,\n  PackageListItemText,\n  PackageTitle,\n  Published,\n  Wrapper,\n  WrapperLink,\n} from './styles';\n\ninterface Bugs {\n  url: string;\n}\n\ninterface Dist {\n  unpackedSize: number;\n  tarball: string;\n}\n\nexport interface PackageInterface {\n  name: string;\n  version: string;\n  time?: number | string;\n  author: PackageAuthor;\n  description?: string;\n  keywords?: PackageMetaInterface['latest']['keywords'];\n  license?: PackageMetaInterface['latest']['license'];\n  homepage?: string;\n  bugs?: Bugs;\n  dist?: Dist;\n  showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n  author: { name: authorName, avatar: authorAvatar },\n  bugs,\n  description,\n  dist,\n  homepage,\n  keywords,\n  license,\n  name: packageName,\n  time,\n  showDownload = true,\n  version,\n}) => {\n  const config = getConfiguration();\n  const { t } = useTranslation();\n  const { isLoading } = useManifests();\n  const { downloadTarball } = useDownload();\n\n  const handleDownload = useCallback(\n    async (tarballDist: string) => {\n      // FIXME: check, the dist might be different thant npmjs\n      const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n      downloadTarball?.({ link });\n    },\n    [config, downloadTarball]\n  );\n\n  const renderVersionInfo = (): React.ReactNode =>\n    version && (\n      <OverviewItem>\n        <StyledVersion />\n        {t('package.version', { version })}\n      </OverviewItem>\n    );\n\n  const renderAuthorInfo = (): React.ReactNode => {\n    const name = utils.getAuthorName(authorName);\n    return (\n      <OverviewItem>\n        <Author>\n          <Avatar alt={name} src={authorAvatar} />\n          <Details>{name}</Details>\n        </Author>\n      </OverviewItem>\n    );\n  };\n\n  const renderFileSize = (): React.ReactNode =>\n    dist?.unpackedSize && (\n      <OverviewItem>\n        <StyledFileBinary />\n        {utils.fileSizeSI(dist.unpackedSize)}\n      </OverviewItem>\n    );\n\n  const renderLicenseInfo = (): React.ReactNode =>\n    license && (\n      <OverviewItem>\n        <StyledLaw />\n        {license as string}\n      </OverviewItem>\n    );\n\n  const renderPublishedInfo = (): React.ReactNode =>\n    time && (\n      <OverviewItem>\n        <StyledTime />\n        <Published title={utils.formatDate(time)}>\n          {t('package.published-on', { time: utils.formatDateDistance(time) })}\n        </Published>\n      </OverviewItem>\n    );\n\n  const renderHomePageLink = (): React.ReactNode =>\n    homepage &&\n    url.isURL(homepage) && (\n      <LinkExternal to={homepage}>\n        <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n          <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n            <HomeIcon />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderBugsLink = (): React.ReactNode =>\n    bugs?.url &&\n    url.isURL(bugs.url) && (\n      <LinkExternal to={bugs.url}>\n        <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n          <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n            <BugReport />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderDownloadLink = (): React.ReactNode =>\n    dist?.tarball &&\n    url.isURL(dist.tarball) && (\n      <Link\n        onClick={() => {\n          handleDownload(dist.tarball);\n        }}\n        to=\"#\"\n      >\n        <Tooltip\n          aria-label={t('package.download', { what: t('package.the-tar-file') })}\n          title={t('package.tarball')}\n        >\n          <IconButton\n            aria-label={t('package.download')}\n            color=\"primary\"\n            data-testid=\"download-tarball\"\n            size=\"large\"\n          >\n            {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n          </IconButton>\n        </Tooltip>\n      </Link>\n    );\n\n  const renderPrimaryComponent = (): React.ReactNode => {\n    return (\n      <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n        <Grid size=\"grow\">\n          <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n            <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n              {packageName}\n            </PackageTitle>\n          </WrapperLink>\n        </Grid>\n        <GridRightAligned size=\"auto\">\n          {renderHomePageLink()}\n          {renderBugsLink()}\n          {showDownload && renderDownloadLink()}\n        </GridRightAligned>\n      </Grid>\n    );\n  };\n\n  const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n  const renderPackageListItemText = (): React.ReactNode => (\n    <PackageListItemText\n      primary={renderPrimaryComponent()}\n      secondary={renderSecondaryComponent()}\n    />\n  );\n\n  const renderKeywords = (): React.ReactNode => (\n    <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n      <List sx={{ p: 0, my: 0 }}>\n        <KeywordListItems keywords={keywords} />\n      </List>\n    </ListItem>\n  );\n\n  return (\n    <Wrapper className={'package'} data-testid=\"package-item-list\">\n      <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n        {renderPackageListItemText()}\n      </ListItem>\n      {keywords && keywords?.length > 0 ? renderKeywords() : null}\n      <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n        {renderAuthorInfo()}\n        {renderVersionInfo()}\n        {renderPublishedInfo()}\n        {renderFileSize()}\n        {renderLicenseInfo()}\n      </ListItem>\n    </Wrapper>\n  );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n  margin: 0 10px 0 0;\n  fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n"],"mappings":"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"}

package/build/components/Package/Package.mjs

@@ -20,7 +20,7 @@ import Tooltip from "@mui/material/Tooltip";
 import { useCallback } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
-import BugReport from "@mui/icons-material/BugReport";
+import BugReportIcon from "@mui/icons-material/BugReport";
 import DownloadIcon from "@mui/icons-material/CloudDownload";
 import HomeIcon from "@mui/icons-material/Home";
 import CircularProgress from "@mui/material/CircularProgress";
@@ -75,7 +75,7 @@ var Package = ({ author: { name: authorName, avatar: authorAvatar }, bugs, descr
 				"aria-label": t("package.bugs"),
 				color: "primary",
 				size: "large",
-				children: /* @__PURE__ */ jsx(BugReport, {})
+				children: /* @__PURE__ */ jsx(BugReportIcon, {})
 			})
 		})
 	});

package/build/components/Package/Package.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Package.mjs","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Link, LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n  Author,\n  Avatar,\n  Description,\n  Details,\n  GridRightAligned,\n  IconButton,\n  OverviewItem,\n  PackageListItemText,\n  PackageTitle,\n  Published,\n  Wrapper,\n  WrapperLink,\n} from './styles';\n\ninterface Bugs {\n  url: string;\n}\n\ninterface Dist {\n  unpackedSize: number;\n  tarball: string;\n}\n\nexport interface PackageInterface {\n  name: string;\n  version: string;\n  time?: number | string;\n  author: PackageAuthor;\n  description?: string;\n  keywords?: PackageMetaInterface['latest']['keywords'];\n  license?: PackageMetaInterface['latest']['license'];\n  homepage?: string;\n  bugs?: Bugs;\n  dist?: Dist;\n  showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n  author: { name: authorName, avatar: authorAvatar },\n  bugs,\n  description,\n  dist,\n  homepage,\n  keywords,\n  license,\n  name: packageName,\n  time,\n  showDownload = true,\n  version,\n}) => {\n  const config = getConfiguration();\n  const { t } = useTranslation();\n  const { isLoading } = useManifests();\n  const { downloadTarball } = useDownload();\n\n  const handleDownload = useCallback(\n    async (tarballDist: string) => {\n      // FIXME: check, the dist might be different thant npmjs\n      const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n      downloadTarball?.({ link });\n    },\n    [config, downloadTarball]\n  );\n\n  const renderVersionInfo = (): React.ReactNode =>\n    version && (\n      <OverviewItem>\n        <StyledVersion />\n        {t('package.version', { version })}\n      </OverviewItem>\n    );\n\n  const renderAuthorInfo = (): React.ReactNode => {\n    const name = utils.getAuthorName(authorName);\n    return (\n      <OverviewItem>\n        <Author>\n          <Avatar alt={name} src={authorAvatar} />\n          <Details>{name}</Details>\n        </Author>\n      </OverviewItem>\n    );\n  };\n\n  const renderFileSize = (): React.ReactNode =>\n    dist?.unpackedSize && (\n      <OverviewItem>\n        <StyledFileBinary />\n        {utils.fileSizeSI(dist.unpackedSize)}\n      </OverviewItem>\n    );\n\n  const renderLicenseInfo = (): React.ReactNode =>\n    license && (\n      <OverviewItem>\n        <StyledLaw />\n        {license as string}\n      </OverviewItem>\n    );\n\n  const renderPublishedInfo = (): React.ReactNode =>\n    time && (\n      <OverviewItem>\n        <StyledTime />\n        <Published title={utils.formatDate(time)}>\n          {t('package.published-on', { time: utils.formatDateDistance(time) })}\n        </Published>\n      </OverviewItem>\n    );\n\n  const renderHomePageLink = (): React.ReactNode =>\n    homepage &&\n    url.isURL(homepage) && (\n      <LinkExternal to={homepage}>\n        <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n          <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n            <HomeIcon />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderBugsLink = (): React.ReactNode =>\n    bugs?.url &&\n    url.isURL(bugs.url) && (\n      <LinkExternal to={bugs.url}>\n        <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n          <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n            <BugReport />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderDownloadLink = (): React.ReactNode =>\n    dist?.tarball &&\n    url.isURL(dist.tarball) && (\n      <Link\n        onClick={() => {\n          handleDownload(dist.tarball);\n        }}\n        to=\"#\"\n      >\n        <Tooltip\n          aria-label={t('package.download', { what: t('package.the-tar-file') })}\n          title={t('package.tarball')}\n        >\n          <IconButton\n            aria-label={t('package.download')}\n            color=\"primary\"\n            data-testid=\"download-tarball\"\n            size=\"large\"\n          >\n            {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n          </IconButton>\n        </Tooltip>\n      </Link>\n    );\n\n  const renderPrimaryComponent = (): React.ReactNode => {\n    return (\n      <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n        <Grid size=\"grow\">\n          <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n            <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n              {packageName}\n            </PackageTitle>\n          </WrapperLink>\n        </Grid>\n        <GridRightAligned size=\"auto\">\n          {renderHomePageLink()}\n          {renderBugsLink()}\n          {showDownload && renderDownloadLink()}\n        </GridRightAligned>\n      </Grid>\n    );\n  };\n\n  const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n  const renderPackageListItemText = (): React.ReactNode => (\n    <PackageListItemText\n      primary={renderPrimaryComponent()}\n      secondary={renderSecondaryComponent()}\n    />\n  );\n\n  const renderKeywords = (): React.ReactNode => (\n    <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n      <List sx={{ p: 0, my: 0 }}>\n        <KeywordListItems keywords={keywords} />\n      </List>\n    </ListItem>\n  );\n\n  return (\n    <Wrapper className={'package'} data-testid=\"package-item-list\">\n      <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n        {renderPackageListItemText()}\n      </ListItem>\n      {keywords && keywords?.length > 0 ? renderKeywords() : null}\n      <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n        {renderAuthorInfo()}\n        {renderVersionInfo()}\n        {renderPublishedInfo()}\n        {renderFileSize()}\n        {renderLicenseInfo()}\n      </ListItem>\n    </Wrapper>\n  );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n  margin: 0 10px 0 0;\n  fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n"],"mappings":"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"}
+{"version":3,"file":"Package.mjs","names":[],"sources":["../../../src/components/Package/Package.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport BugReport from '@mui/icons-material/BugReport';\nimport DownloadIcon from '@mui/icons-material/CloudDownload';\nimport HomeIcon from '@mui/icons-material/Home';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Grid from '@mui/material/Grid';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport Tooltip from '@mui/material/Tooltip';\nimport { common, grey } from '@mui/material/colors';\nimport React, { useCallback } from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Link, LinkExternal, useDownload, useManifests } from '../../';\nimport { FileBinary, Law, Time, Version } from '../../components/Icons';\nimport { getConfiguration } from '../../configuration';\nimport type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport type { PackageMetaInterface } from '../../types/packageMeta';\nimport { Route, url, utils } from '../../utils';\nimport KeywordListItems from '../Keywords/KeywordListItems';\nimport {\n  Author,\n  Avatar,\n  Description,\n  Details,\n  GridRightAligned,\n  IconButton,\n  OverviewItem,\n  PackageListItemText,\n  PackageTitle,\n  Published,\n  Wrapper,\n  WrapperLink,\n} from './styles';\n\ninterface Bugs {\n  url: string;\n}\n\ninterface Dist {\n  unpackedSize: number;\n  tarball: string;\n}\n\nexport interface PackageInterface {\n  name: string;\n  version: string;\n  time?: number | string;\n  author: PackageAuthor;\n  description?: string;\n  keywords?: PackageMetaInterface['latest']['keywords'];\n  license?: PackageMetaInterface['latest']['license'];\n  homepage?: string;\n  bugs?: Bugs;\n  dist?: Dist;\n  showDownload?: boolean;\n}\n\nconst Package: React.FC<PackageInterface> = ({\n  author: { name: authorName, avatar: authorAvatar },\n  bugs,\n  description,\n  dist,\n  homepage,\n  keywords,\n  license,\n  name: packageName,\n  time,\n  showDownload = true,\n  version,\n}) => {\n  const config = getConfiguration();\n  const { t } = useTranslation();\n  const { isLoading } = useManifests();\n  const { downloadTarball } = useDownload();\n\n  const handleDownload = useCallback(\n    async (tarballDist: string) => {\n      // FIXME: check, the dist might be different thant npmjs\n      const link = tarballDist.replace(`https://registry.npmjs.org/`, config.base);\n      downloadTarball?.({ link });\n    },\n    [config, downloadTarball]\n  );\n\n  const renderVersionInfo = (): React.ReactNode =>\n    version && (\n      <OverviewItem>\n        <StyledVersion />\n        {t('package.version', { version })}\n      </OverviewItem>\n    );\n\n  const renderAuthorInfo = (): React.ReactNode => {\n    const name = utils.getAuthorName(authorName);\n    return (\n      <OverviewItem>\n        <Author>\n          <Avatar alt={name} src={authorAvatar} />\n          <Details>{name}</Details>\n        </Author>\n      </OverviewItem>\n    );\n  };\n\n  const renderFileSize = (): React.ReactNode =>\n    dist?.unpackedSize && (\n      <OverviewItem>\n        <StyledFileBinary />\n        {utils.fileSizeSI(dist.unpackedSize)}\n      </OverviewItem>\n    );\n\n  const renderLicenseInfo = (): React.ReactNode =>\n    license && (\n      <OverviewItem>\n        <StyledLaw />\n        {license as string}\n      </OverviewItem>\n    );\n\n  const renderPublishedInfo = (): React.ReactNode =>\n    time && (\n      <OverviewItem>\n        <StyledTime />\n        <Published title={utils.formatDate(time)}>\n          {t('package.published-on', { time: utils.formatDateDistance(time) })}\n        </Published>\n      </OverviewItem>\n    );\n\n  const renderHomePageLink = (): React.ReactNode =>\n    homepage &&\n    url.isURL(homepage) && (\n      <LinkExternal to={homepage}>\n        <Tooltip aria-label={t('package.homepage')} title={t('package.visit-home-page')}>\n          <IconButton aria-label={t('package.homepage')} color=\"primary\" size=\"large\">\n            <HomeIcon />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderBugsLink = (): React.ReactNode =>\n    bugs?.url &&\n    url.isURL(bugs.url) && (\n      <LinkExternal to={bugs.url}>\n        <Tooltip aria-label={t('package.bugs')} title={t('package.open-an-issue')}>\n          <IconButton aria-label={t('package.bugs')} color=\"primary\" size=\"large\">\n            <BugReport />\n          </IconButton>\n        </Tooltip>\n      </LinkExternal>\n    );\n\n  const renderDownloadLink = (): React.ReactNode =>\n    dist?.tarball &&\n    url.isURL(dist.tarball) && (\n      <Link\n        onClick={() => {\n          handleDownload(dist.tarball);\n        }}\n        to=\"#\"\n      >\n        <Tooltip\n          aria-label={t('package.download', { what: t('package.the-tar-file') })}\n          title={t('package.tarball')}\n        >\n          <IconButton\n            aria-label={t('package.download')}\n            color=\"primary\"\n            data-testid=\"download-tarball\"\n            size=\"large\"\n          >\n            {isLoading ? <CircularProgress size={13} /> : <DownloadIcon />}\n          </IconButton>\n        </Tooltip>\n      </Link>\n    );\n\n  const renderPrimaryComponent = (): React.ReactNode => {\n    return (\n      <Grid alignItems=\"center\" container={true} size={{ xs: 12 }} wrap=\"wrap\">\n        <Grid size=\"grow\">\n          <WrapperLink to={`${Route.DETAIL}${packageName}`}>\n            <PackageTitle className=\"package-title\" data-testid=\"package-title\">\n              {packageName}\n            </PackageTitle>\n          </WrapperLink>\n        </Grid>\n        <GridRightAligned size=\"auto\">\n          {renderHomePageLink()}\n          {renderBugsLink()}\n          {showDownload && renderDownloadLink()}\n        </GridRightAligned>\n      </Grid>\n    );\n  };\n\n  const renderSecondaryComponent = (): React.ReactNode => <Description>{description}</Description>;\n\n  const renderPackageListItemText = (): React.ReactNode => (\n    <PackageListItemText\n      primary={renderPrimaryComponent()}\n      secondary={renderSecondaryComponent()}\n    />\n  );\n\n  const renderKeywords = (): React.ReactNode => (\n    <ListItem alignItems={'flex-start'} sx={{ py: 0, my: 0 }}>\n      <List sx={{ p: 0, my: 0 }}>\n        <KeywordListItems keywords={keywords} />\n      </List>\n    </ListItem>\n  );\n\n  return (\n    <Wrapper className={'package'} data-testid=\"package-item-list\">\n      <ListItem alignItems={'flex-start'} sx={{ mb: 0 }}>\n        {renderPackageListItemText()}\n      </ListItem>\n      {keywords && keywords?.length > 0 ? renderKeywords() : null}\n      <ListItem alignItems={'flex-start'} sx={{ mt: 0 }}>\n        {renderAuthorInfo()}\n        {renderVersionInfo()}\n        {renderPublishedInfo()}\n        {renderFileSize()}\n        {renderLicenseInfo()}\n      </ListItem>\n    </Wrapper>\n  );\n};\n\nexport default Package;\n\nconst iconStyle = ({ theme }: { theme: Theme }) => css`\n  margin: 0 10px 0 0;\n  fill: ${theme.palette.mode === 'light' ? grey[900] : common.white};\n`;\n\nconst StyledVersion = styled(Version)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)<{ theme?: Theme }>`\n  ${iconStyle};\n`;\n"],"mappings":"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"}

package/build/components/Package/index.js

@@ -1 +1,2 @@
-require("./Package.js");
+const require_Package = require("./Package.js");
+exports.default = require_Package.default;

package/build/components/Package/index.mjs

@@ -1 +1,2 @@
-import "./Package.mjs";
+import Package from "./Package.mjs";
+export { Package as default };

package/build/components/Package/styles.d.ts

@@ -1,53 +1,43 @@
-import { Theme } from '../../';
-export declare const OverviewItem: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+import type { Theme } from '../../';
+export declare const OverviewItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Published: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Published: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Details: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Details: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const Author: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Author: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Avatar: import('@emotion/styled').StyledComponent<import('@mui/material/Avatar').AvatarOwnProps & import('@mui/material/Avatar').AvatarSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "className" | "classes" | "sx" | "variant" | "slots" | "slotProps" | "src" | "alt" | "imgProps" | "sizes" | "srcSet"> & {
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Avatar: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const WrapperLink: import("@emotion/styled").StyledComponent<import("react-router").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const WrapperLink: import('@emotion/styled').StyledComponent<import('react-router').LinkProps & import('react').RefAttributes<HTMLAnchorElement> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-export declare const PackageTitle: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+export declare const PackageTitle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const GridRightAligned: import('@emotion/styled').StyledComponent<import('@mui/material/Grid').GridBaseProps & {
-    sx?: import('@mui/system').SxProps<import('@mui/material').Theme> | undefined;
-} & import('@mui/system').SystemProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | ("p" | "zIndex" | "typography" | "fontFamily" | "fontSize" | "fontWeight" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint") | keyof import('@mui/material/Grid').GridBaseProps> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-export declare const Wrapper: import('@emotion/styled').StyledComponent<import('@mui/material/List').ListOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "children" | "style" | "className" | "classes" | "sx" | "dense" | "disablePadding" | "subheader"> & {
-    theme?: import('@emotion/react').Theme;
-} & {
-    theme?: Theme;
-}, {}, {}>;
-export declare const IconButton: import('@emotion/styled').StyledComponent<import('@mui/material/IconButton').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "style" | "color" | "className" | "classes" | "sx" | "tabIndex" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loading" | "loadingIndicator" | "size"> & {
-    theme?: import('@emotion/react').Theme;
-}, {}, {}>;
-export declare const PackageListItemText: import('@emotion/styled').StyledComponent<import('@mui/material/ListItemText').ListItemTextProps<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>, import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
-    theme?: import('@emotion/react').Theme;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const GridRightAligned: import("@emotion/styled").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;
+export declare const Wrapper: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const IconButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const PackageListItemText: import("@emotion/styled").StyledComponent<import("@mui/material").ListItemTextProps<import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>, import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements>> & {
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
-export declare const Description: import('@emotion/styled').StyledComponent<{
-    theme?: import('@emotion/react').Theme;
+export declare const Description: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  margin: '0 20px 0 0',\n  color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n  fontSize: 12,\n  [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n    ':nth-of-type(3)': {\n      display: 'none',\n    },\n  },\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    ':nth-of-type(4)': {\n      display: 'none',\n    },\n  },\n}));\n\nexport const Published = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n  marginLeft: '5px',\n  lineHeight: 1.5,\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n  width: '20px',\n  height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n  textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  fontWeight: theme.fontWeight.bold,\n  fontSize: 20,\n  display: 'block',\n  color: theme.palette.primary.main,\n  cursor: 'pointer',\n  textDecoration: 'none',\n  wordBreak: 'break-word',\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    fontSize: 16,\n  },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n  padding: 6,\n  svg: {\n    fontSize: 16,\n  },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n  paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? greyDark : common.white,\n  fontSize: '14px',\n  paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAa,gBAAA,GAAA,gBAAA,SAAsB,OAAO,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,qBAAA,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,QACV,EACF;EACA,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,QACV,EACF;CACF,EAAE;AAEH,IAAa,aAAA,GAAA,gBAAA,SAAmB,OAAO,CAAC,EACtC,QAAQ,aACT,CAAC;AAEF,IAAa,WAAA,GAAA,gBAAA,SAAiB,OAAO,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;CAChB,CAAC;AAEF,IAAa,UAAA,GAAA,gBAAA,SAAgB,MAAM,CAAC;CAClC,SAAS;CACT,YAAY;CACb,CAAC;AAEF,IAAa,UAAA,GAAA,gBAAA,SAAgB,qBAAA,QAAM,CAAC;CAClC,OAAO;CACP,QAAQ;CACT,CAAC;AAEF,IAAa,eAAA,GAAA,gBAAA,SAAqB,aAAA,KAAK,CAAC,EACtC,gBAAgB,QACjB,CAAC;AAEF,IAAa,gBAAA,GAAA,gBAAA,SAAsB,OAAO,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,IACX;CACF,EAAE;AAEH,IAAa,oBAAA,GAAA,gBAAA,SAA0B,mBAAA,QAAK,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;CACjB,CAAC;AAEF,IAAa,WAAA,GAAA,gBAAA,SAAiB,mBAAA,QAAK,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,OACvC,EACF,EAAE;AAEH,IAAa,cAAA,GAAA,gBAAA,SAAoB,yBAAA,QAAc,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,IACX;CACF,CAAC;AAEF,IAAa,uBAAA,GAAA,gBAAA,SAA6B,2BAAA,QAAa,CAAC,EACtD,cAAc,GACf,CAAC;AAEF,IAAa,eAAA,GAAA,gBAAA,SAAqB,OAAO,EAAqB,EAAE,aAAa;CAC3E,OAAO,MAAM,QAAQ,SAAS,UAAU,eAAA,WAAW,qBAAA,OAAO;CAC1D,UAAU;CACV,cAAc;CACf,EAAE"}
+{"version":3,"file":"styles.js","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  margin: '0 20px 0 0',\n  color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n  fontSize: 12,\n  [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n    ':nth-of-type(3)': {\n      display: 'none',\n    },\n  },\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    ':nth-of-type(4)': {\n      display: 'none',\n    },\n  },\n}));\n\nexport const Published = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n  marginLeft: '5px',\n  lineHeight: 1.5,\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n  width: '20px',\n  height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n  textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  fontWeight: theme.fontWeight.bold,\n  fontSize: 20,\n  display: 'block',\n  color: theme.palette.primary.main,\n  cursor: 'pointer',\n  textDecoration: 'none',\n  wordBreak: 'break-word',\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    fontSize: 16,\n  },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n  padding: 6,\n  svg: {\n    fontSize: 16,\n  },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n  paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? greyDark : common.white,\n  fontSize: '14px',\n  paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;;;;;;;;AAYA,IAAa,gBAAA,GAAA,gBAAA,QAAA,CAAsB,MAAM,CAAC,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,qBAAA,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,OACX,EACF;EACC,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,OACX,EACF;AACF,EAAE;AAEF,IAAa,aAAA,GAAA,gBAAA,QAAA,CAAmB,MAAM,CAAC,CAAC,EACtC,QAAQ,YACV,CAAC;AAED,IAAa,WAAA,GAAA,gBAAA,QAAA,CAAiB,MAAM,CAAC,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;AACjB,CAAC;AAED,IAAa,UAAA,GAAA,gBAAA,QAAA,CAAgB,KAAK,CAAC,CAAC;CAClC,SAAS;CACT,YAAY;AACd,CAAC;AAED,IAAa,UAAA,GAAA,gBAAA,QAAA,CAAgB,qBAAA,OAAK,CAAC,CAAC;CAClC,OAAO;CACP,QAAQ;AACV,CAAC;AAED,IAAa,eAAA,GAAA,gBAAA,QAAA,CAAqB,aAAA,IAAI,CAAC,CAAC,EACtC,gBAAgB,OAClB,CAAC;AAED,IAAa,gBAAA,GAAA,gBAAA,QAAA,CAAsB,MAAM,CAAC,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,GACZ;AACF,EAAE;AAEF,IAAa,oBAAA,GAAA,gBAAA,QAAA,CAA0B,mBAAA,OAAI,CAAC,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;AAClB,CAAC;AAED,IAAa,WAAA,GAAA,gBAAA,QAAA,CAAiB,mBAAA,OAAI,CAAC,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,MACxC,EACF,EAAE;AAEF,IAAa,cAAA,GAAA,gBAAA,QAAA,CAAoB,yBAAA,OAAa,CAAC,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,GACZ;AACF,CAAC;AAED,IAAa,uBAAA,GAAA,gBAAA,QAAA,CAA6B,2BAAA,OAAY,CAAC,CAAC,EACtD,cAAc,EAChB,CAAC;AAED,IAAa,eAAA,GAAA,gBAAA,QAAA,CAAqB,MAAM,CAAC,EAAqB,EAAE,aAAa;CAC3E,OAAO,MAAM,QAAQ,SAAS,UAAU,eAAA,WAAW,qBAAA,OAAO;CAC1D,UAAU;CACV,cAAc;AAChB,EAAE"}

package/build/components/Package/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  margin: '0 20px 0 0',\n  color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n  fontSize: 12,\n  [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n    ':nth-of-type(3)': {\n      display: 'none',\n    },\n  },\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    ':nth-of-type(4)': {\n      display: 'none',\n    },\n  },\n}));\n\nexport const Published = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n  marginLeft: '5px',\n  lineHeight: 1.5,\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n  width: '20px',\n  height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n  textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  fontWeight: theme.fontWeight.bold,\n  fontSize: 20,\n  display: 'block',\n  color: theme.palette.primary.main,\n  cursor: 'pointer',\n  textDecoration: 'none',\n  wordBreak: 'break-word',\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    fontSize: 16,\n  },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n  padding: 6,\n  svg: {\n    fontSize: 16,\n  },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n  paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? greyDark : common.white,\n  fontSize: '14px',\n  paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;AAYA,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,QACV,EACF;EACA,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,QACV,EACF;CACF,EAAE;AAEH,IAAa,YAAY,OAAO,OAAO,CAAC,EACtC,QAAQ,aACT,CAAC;AAEF,IAAa,UAAU,OAAO,OAAO,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;CAChB,CAAC;AAEF,IAAa,SAAS,OAAO,MAAM,CAAC;CAClC,SAAS;CACT,YAAY;CACb,CAAC;AAEF,IAAa,WAAS,OAAO,OAAM,CAAC;CAClC,OAAO;CACP,QAAQ;CACT,CAAC;AAEF,IAAa,cAAc,OAAO,KAAK,CAAC,EACtC,gBAAgB,QACjB,CAAC;AAEF,IAAa,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,IACX;CACF,EAAE;AAEH,IAAa,mBAAmB,OAAO,KAAK,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;CACjB,CAAC;AAEF,IAAa,UAAU,OAAO,KAAK,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,OACvC,EACF,EAAE;AAEH,IAAa,eAAa,OAAO,WAAc,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,IACX;CACF,CAAC;AAEF,IAAa,sBAAsB,OAAO,aAAa,CAAC,EACtD,cAAc,GACf,CAAC;AAEF,IAAa,cAAc,OAAO,OAAO,EAAqB,EAAE,aAAa;CAC3E,OAAO,MAAM,QAAQ,SAAS,UAAU,WAAW,OAAO;CAC1D,UAAU;CACV,cAAc;CACf,EAAE"}
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/Package/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as Photo } from '@mui/material/Avatar';\nimport Grid from '@mui/material/Grid';\nimport { default as MuiIconButton } from '@mui/material/IconButton';\nimport List from '@mui/material/List';\nimport ListItemText from '@mui/material/ListItemText';\nimport { common } from '@mui/material/colors';\nimport { Link } from 'react-router';\n\nimport type { Theme } from '../../';\nimport { greyDark } from '../../Theme/colors';\n\nexport const OverviewItem = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  margin: '0 20px 0 0',\n  color: theme.palette.mode === 'light' ? theme.palette.greyDark2 : common.white,\n  fontSize: 12,\n  [`@media (max-width: ${theme.breakPoints.medium}px)`]: {\n    ':nth-of-type(3)': {\n      display: 'none',\n    },\n  },\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    ':nth-of-type(4)': {\n      display: 'none',\n    },\n  },\n}));\n\nexport const Published = styled('span')({\n  margin: '0 5px 0 0',\n});\n\nexport const Details = styled('span')({\n  marginLeft: '5px',\n  lineHeight: 1.5,\n  display: 'flex',\n  flexDirection: 'column',\n});\n\nexport const Author = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n});\n\nexport const Avatar = styled(Photo)({\n  width: '20px',\n  height: '20px',\n});\n\nexport const WrapperLink = styled(Link)({\n  textDecoration: 'none',\n});\n\nexport const PackageTitle = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  fontWeight: theme.fontWeight.bold,\n  fontSize: 20,\n  display: 'block',\n  color: theme.palette.primary.main,\n  cursor: 'pointer',\n  textDecoration: 'none',\n  wordBreak: 'break-word',\n  [`@media (max-width: ${theme.breakPoints.small}px)`]: {\n    fontSize: 16,\n  },\n}));\n\nexport const GridRightAligned = styled(Grid)({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'flex-end',\n});\n\nexport const Wrapper = styled(List)<{ theme?: Theme }>(({ theme }) => ({\n  '&:hover': {\n    backgroundColor: theme.palette.action.hover,\n  },\n}));\n\nexport const IconButton = styled(MuiIconButton)({\n  padding: 6,\n  svg: {\n    fontSize: 16,\n  },\n});\n\nexport const PackageListItemText = styled(ListItemText)({\n  paddingRight: 0,\n});\n\nexport const Description = styled('span')<{ theme?: Theme }>(({ theme }) => ({\n  color: theme.palette.mode === 'light' ? greyDark : common.white,\n  fontSize: '14px',\n  paddingRight: 0,\n}));\n"],"mappings":";;;;;;;;;;AAYA,IAAa,eAAe,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa;CAC5E,SAAS;CACT,YAAY;CACZ,QAAQ;CACR,OAAO,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,YAAY,OAAO;CACzE,UAAU;EACT,sBAAsB,MAAM,YAAY,OAAO,OAAO,EACrD,mBAAmB,EACjB,SAAS,OACX,EACF;EACC,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,mBAAmB,EACjB,SAAS,OACX,EACF;AACF,EAAE;AAEF,IAAa,YAAY,OAAO,MAAM,CAAC,CAAC,EACtC,QAAQ,YACV,CAAC;AAED,IAAa,UAAU,OAAO,MAAM,CAAC,CAAC;CACpC,YAAY;CACZ,YAAY;CACZ,SAAS;CACT,eAAe;AACjB,CAAC;AAED,IAAa,SAAS,OAAO,KAAK,CAAC,CAAC;CAClC,SAAS;CACT,YAAY;AACd,CAAC;AAED,IAAa,WAAS,OAAO,MAAK,CAAC,CAAC;CAClC,OAAO;CACP,QAAQ;AACV,CAAC;AAED,IAAa,cAAc,OAAO,IAAI,CAAC,CAAC,EACtC,gBAAgB,OAClB,CAAC;AAED,IAAa,eAAe,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa;CAC5E,YAAY,MAAM,WAAW;CAC7B,UAAU;CACV,SAAS;CACT,OAAO,MAAM,QAAQ,QAAQ;CAC7B,QAAQ;CACR,gBAAgB;CAChB,WAAW;EACV,sBAAsB,MAAM,YAAY,MAAM,OAAO,EACpD,UAAU,GACZ;AACF,EAAE;AAEF,IAAa,mBAAmB,OAAO,IAAI,CAAC,CAAC;CAC3C,SAAS;CACT,YAAY;CACZ,gBAAgB;AAClB,CAAC;AAED,IAAa,UAAU,OAAO,IAAI,CAAC,EAAqB,EAAE,aAAa,EACrE,WAAW,EACT,iBAAiB,MAAM,QAAQ,OAAO,MACxC,EACF,EAAE;AAEF,IAAa,eAAa,OAAO,UAAa,CAAC,CAAC;CAC9C,SAAS;CACT,KAAK,EACH,UAAU,GACZ;AACF,CAAC;AAED,IAAa,sBAAsB,OAAO,YAAY,CAAC,CAAC,EACtD,cAAc,EAChB,CAAC;AAED,IAAa,cAAc,OAAO,MAAM,CAAC,EAAqB,EAAE,aAAa;CAC3E,OAAO,MAAM,QAAQ,SAAS,UAAU,WAAW,OAAO;CAC1D,UAAU;CACV,cAAc;AAChB,EAAE"}

package/build/components/PackageList/PackageList.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';
+import React from 'react';
+import type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';
 interface Props {
     packages: ManifestWeb[];
 }

package/build/components/PackageList/PackageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PackageList.js","names":[],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst cache = new CellMeasurerCache({\n  fixedWidth: true,\n  defaultHeight: 100,\n});\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAM,QAAQ,IAAI,6CAAA,kBAAkB;CAClC,YAAY;CACZ,eAAe;CAChB,CAAC;AAEF,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkB,iCAAA,WAAW;CACrC,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAA,cAAA,cAAuC,QAAQ;AACrD,SACE,iBAAA,GAAA,kBAAA,KAAC,6CAAA,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;aAC9E,iBAAA,GAAA,kBAAA,MAAC,OAAD;IAAY;cAAZ,CACG,UAAU,KAAK,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD,EAAW,CAAA,EAC3B,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;KACT,CAAA,CACE;;GACO,EAjBkC,IAiBlC;;AAMnB,KAAI,EAFgB,UAAU,SAAS,GAGrC,QAAO,iBAAA,GAAA,kBAAA,KAAC,aAAA,SAAD,EAAQ,CAAA;AAGjB,QACE,iBAAA,GAAA,kBAAA,KAAC,yBAAA,kBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,+CAAA,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,iBAAA,GAAA,kBAAA,KAAC,0CAAA,WAAD;EAAW,eAAe;aACtB,EAAE,YAAY;AACd,UACE,iBAAA,GAAA,kBAAA,KAAC,qCAAA,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;IACP,CAAA;;EAGI,CAAA,EAEC,CAAA,EACA,CAAA"}
+{"version":3,"file":"PackageList.js","names":[],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst cache = new CellMeasurerCache({\n  fixedWidth: true,\n  defaultHeight: 100,\n});\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAM,QAAQ,IAAI,6CAAA,kBAAkB;CAClC,YAAY;CACZ,eAAe;AACjB,CAAC;AAED,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkB,iCAAA,UAAU;CACpC,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAA,cAAA,cAAuC,OAAO;EACpD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,6CAAA,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;aAC9E,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAY;cAAZ,CACG,UAAU,KAAK,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD,CAAU,CAAA,GAC1B,iBAAA,GAAA,kBAAA,IAAA,CAAC,gBAAA,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;IACV,CAAA,CACE;;EACO,GAjBmC,GAiBnC;CAElB;CAIA,IAAI,EAFgB,UAAU,SAAS,IAGrC,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,aAAA,SAAD,CAAO,CAAA;CAGhB,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,yBAAA,kBAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,+CAAA,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,iBAAA,GAAA,kBAAA,IAAA,CAAC,0CAAA,WAAD;EAAW,eAAe;aACtB,EAAE,YAAY;GACd,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,qCAAA,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;GACR,CAAA;EAEL;CACS,CAAA,EAEC,CAAA,EACA,CAAA;AAEtB"}

package/build/components/PackageList/PackageList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PackageList.mjs","names":[],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst cache = new CellMeasurerCache({\n  fixedWidth: true,\n  defaultHeight: 100,\n});\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAM,QAAQ,IAAI,kBAAkB;CAClC,YAAY;CACZ,eAAe;CAChB,CAAC;AAEF,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAmB,cAAoB,QAAQ;AACrD,SACE,oBAAC,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;aAC9E,qBAAC,OAAD;IAAY;cAAZ,CACG,UAAU,KAAK,oBAAC,SAAD,EAAW,CAAA,EAC3B,oBAAC,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;KACT,CAAA,CACE;;GACO,EAjBkC,IAiBlC;;AAMnB,KAAI,EAFgB,UAAU,SAAS,GAGrC,QAAO,oBAAC,MAAD,EAAQ,CAAA;AAGjB,QACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,oBAAC,WAAD;EAAW,eAAe;aACtB,EAAE,YAAY;AACd,UACE,oBAAC,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;IACP,CAAA;;EAGI,CAAA,EAEC,CAAA,EACA,CAAA"}
+{"version":3,"file":"PackageList.mjs","names":[],"sources":["../../../src/components/PackageList/PackageList.tsx"],"sourcesContent":["import Divider from '@mui/material/Divider';\nimport React from 'react';\nimport { AutoSizer } from 'react-virtualized/dist/commonjs/AutoSizer';\nimport { CellMeasurer, CellMeasurerCache } from 'react-virtualized/dist/commonjs/CellMeasurer';\nimport type { ListRowProps } from 'react-virtualized/dist/commonjs/List';\nimport { List } from 'react-virtualized/dist/commonjs/List';\nimport { WindowScroller } from 'react-virtualized/dist/commonjs/WindowScroller';\n\nimport { DownloadProvider, Help, Package, useConfig } from '../..';\nimport type { ManifestWeb } from '../../providers/ManifestsProvider/ManifestsProvider';\nimport { utils } from '../../utils';\n\ninterface Props {\n  packages: ManifestWeb[];\n}\n\nconst cache = new CellMeasurerCache({\n  fixedWidth: true,\n  defaultHeight: 100,\n});\n\nconst PackageList: React.FC<Props> = ({ packages }) => {\n  const { configOptions } = useConfig();\n  const renderRow = ({ index, key, parent, style }: ListRowProps) => {\n    const { name, version, description, time, keywords, dist, homepage, bugs, author, license } =\n      packages[index];\n    // TODO: move format license to API side.\n    const formattedLicense = utils.formatLicense(license);\n    return (\n      <CellMeasurer cache={cache} columnIndex={0} key={key} parent={parent} rowIndex={index}>\n        <div style={style}>\n          {index !== 0 && <Divider />}\n          <Package\n            author={author}\n            bugs={bugs}\n            description={description}\n            dist={dist}\n            homepage={homepage}\n            keywords={keywords}\n            license={formattedLicense}\n            name={name}\n            showDownload={configOptions.showDownloadTarball}\n            time={time}\n            version={version}\n          />\n        </div>\n      </CellMeasurer>\n    );\n  };\n\n  const hasPackages = packages?.length > 0;\n\n  if (!hasPackages) {\n    return <Help />;\n  }\n\n  return (\n    <DownloadProvider>\n      <WindowScroller>\n        {({ height, isScrolling, scrollTop, onChildScroll }) => (\n          <AutoSizer disableHeight={true}>\n            {({ width }) => {\n              return (\n                <List\n                  autoHeight={true}\n                  deferredMeasurementCache={cache}\n                  height={height}\n                  isScrolling={isScrolling}\n                  onScroll={onChildScroll}\n                  overscanRowCount={3}\n                  rowCount={packages?.length}\n                  rowHeight={cache.rowHeight}\n                  rowRenderer={renderRow}\n                  scrollTop={scrollTop}\n                  width={width}\n                />\n              );\n            }}\n          </AutoSizer>\n        )}\n      </WindowScroller>\n    </DownloadProvider>\n  );\n};\n\nexport default PackageList;\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,IAAM,QAAQ,IAAI,kBAAkB;CAClC,YAAY;CACZ,eAAe;AACjB,CAAC;AAED,IAAM,eAAgC,EAAE,eAAe;CACrD,MAAM,EAAE,kBAAkB,UAAU;CACpC,MAAM,aAAa,EAAE,OAAO,KAAK,QAAQ,YAA0B;EACjE,MAAM,EAAE,MAAM,SAAS,aAAa,MAAM,UAAU,MAAM,UAAU,MAAM,QAAQ,YAChF,SAAS;EAEX,MAAM,mBAAmB,cAAoB,OAAO;EACpD,OACE,oBAAC,cAAD;GAAqB;GAAO,aAAa;GAAqB;GAAQ,UAAU;aAC9E,qBAAC,OAAD;IAAY;cAAZ,CACG,UAAU,KAAK,oBAAC,SAAD,CAAU,CAAA,GAC1B,oBAAC,SAAD;KACU;KACF;KACO;KACP;KACI;KACA;KACV,SAAS;KACH;KACN,cAAc,cAAc;KACtB;KACG;IACV,CAAA,CACE;;EACO,GAjBmC,GAiBnC;CAElB;CAIA,IAAI,EAFgB,UAAU,SAAS,IAGrC,OAAO,oBAAC,MAAD,CAAO,CAAA;CAGhB,OACE,oBAAC,kBAAD,EAAA,UACE,oBAAC,gBAAD,EAAA,WACI,EAAE,QAAQ,aAAa,WAAW,oBAClC,oBAAC,WAAD;EAAW,eAAe;aACtB,EAAE,YAAY;GACd,OACE,oBAAC,MAAD;IACE,YAAY;IACZ,0BAA0B;IAClB;IACK;IACb,UAAU;IACV,kBAAkB;IAClB,UAAU,UAAU;IACpB,WAAW,MAAM;IACjB,aAAa;IACF;IACJ;GACR,CAAA;EAEL;CACS,CAAA,EAEC,CAAA,EACA,CAAA;AAEtB"}

package/build/components/PackageList/index.js

@@ -1 +1,2 @@
-require("./PackageList.js");
+const require_PackageList = require("./PackageList.js");
+exports.default = require_PackageList.default;

package/build/components/PackageList/index.mjs

@@ -1 +1,2 @@
-import "./PackageList.mjs";
+import PackageList from "./PackageList.mjs";
+export { PackageList as default };

package/build/components/Person/Person.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { Developer } from '../../types/packageMeta';
+import React from 'react';
+import type { Developer } from '../../types/packageMeta';
 declare const Person: React.FC<{
     person: Developer;
     packageName: string;

package/build/components/Person/Person.js.map

@@ -1 +1 @@
-{"version":3,"file":"Person.js","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n  person: Developer;\n  packageName: string;\n  version: string;\n  withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n  const link = getLink(person, packageName, version);\n\n  const avatarComponent = (\n    <Avatar alt={person.name} src={person.avatar} sx={{ width: 40, height: 40, ml: 0, mr: 1 }} />\n  );\n\n  return (\n    <>\n      <Tooltip\n        data-testid={person.name}\n        key={person.email}\n        title={<PersonTooltip person={person} />}\n      >\n        {link.length > 0 ? (\n          <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n        ) : (\n          avatarComponent\n        )}\n      </Tooltip>\n      {withText && (\n        <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n          {getName(person.name)}\n        </Typography>\n      )}\n    </>\n  );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,cAAA,QAAQ,QAAQ,aAAa,QAAQ;CAElD,MAAM,kBACJ,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;EAAQ,KAAK,OAAO;EAAM,KAAK,OAAO;EAAQ,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;GAAG;EAAI,CAAA;AAG/F,QACE,iBAAA,GAAA,kBAAA,MAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,iBAAA,GAAA,kBAAA,KAAC,sBAAA,SAAD,EAAuB,QAAU,CAAA;YAEvC,KAAK,SAAS,IACb,iBAAA,GAAA,kBAAA,KAAC,qBAAA,SAAD;GAAc,IAAI;aAAO;GAA+B,CAAA,GAExD;EAEM,EARH,OAAO,MAQJ,EACT,YACC,iBAAA,GAAA,kBAAA,KAAC,cAAA,YAAD;EAAY,IAAI,EAAE,IAAI,GAAG;EAAE,SAAQ;YAChC,cAAA,QAAQ,OAAO,KAAK;EACV,CAAA,CAEd,EAAA,CAAA"}
+{"version":3,"file":"Person.js","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n  person: Developer;\n  packageName: string;\n  version: string;\n  withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n  const link = getLink(person, packageName, version);\n\n  const avatarComponent = (\n    <Avatar alt={person.name} src={person.avatar} sx={{ width: 40, height: 40, ml: 0, mr: 1 }} />\n  );\n\n  return (\n    <>\n      <Tooltip\n        data-testid={person.name}\n        key={person.email}\n        title={<PersonTooltip person={person} />}\n      >\n        {link.length > 0 ? (\n          <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n        ) : (\n          avatarComponent\n        )}\n      </Tooltip>\n      {withText && (\n        <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n          {getName(person.name)}\n        </Typography>\n      )}\n    </>\n  );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,cAAA,QAAQ,QAAQ,aAAa,OAAO;CAEjD,MAAM,kBACJ,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;EAAQ,KAAK,OAAO;EAAM,KAAK,OAAO;EAAQ,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;EAAE;CAAI,CAAA;CAG9F,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAA,kBAAA,UAAA,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,SAAD,EAAuB,OAAS,CAAA;YAEtC,KAAK,SAAS,IACb,iBAAA,GAAA,kBAAA,IAAA,CAAC,qBAAA,SAAD;GAAc,IAAI;aAAO;EAA8B,CAAA,IAEvD;CAEK,GARF,OAAO,KAQL,GACR,YACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,YAAD;EAAY,IAAI,EAAE,IAAI,EAAE;EAAG,SAAQ;YAChC,cAAA,QAAQ,OAAO,IAAI;CACV,CAAA,CAEd,EAAA,CAAA;AAEN"}

package/build/components/Person/Person.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Person.mjs","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n  person: Developer;\n  packageName: string;\n  version: string;\n  withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n  const link = getLink(person, packageName, version);\n\n  const avatarComponent = (\n    <Avatar alt={person.name} src={person.avatar} sx={{ width: 40, height: 40, ml: 0, mr: 1 }} />\n  );\n\n  return (\n    <>\n      <Tooltip\n        data-testid={person.name}\n        key={person.email}\n        title={<PersonTooltip person={person} />}\n      >\n        {link.length > 0 ? (\n          <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n        ) : (\n          avatarComponent\n        )}\n      </Tooltip>\n      {withText && (\n        <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n          {getName(person.name)}\n        </Typography>\n      )}\n    </>\n  );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,QAAQ,QAAQ,aAAa,QAAQ;CAElD,MAAM,kBACJ,oBAAC,QAAD;EAAQ,KAAK,OAAO;EAAM,KAAK,OAAO;EAAQ,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;GAAG;EAAI,CAAA;AAG/F,QACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,oBAAC,eAAD,EAAuB,QAAU,CAAA;YAEvC,KAAK,SAAS,IACb,oBAAC,cAAD;GAAc,IAAI;aAAO;GAA+B,CAAA,GAExD;EAEM,EARH,OAAO,MAQJ,EACT,YACC,oBAAC,YAAD;EAAY,IAAI,EAAE,IAAI,GAAG;EAAE,SAAQ;YAChC,QAAQ,OAAO,KAAK;EACV,CAAA,CAEd,EAAA,CAAA"}
+{"version":3,"file":"Person.mjs","names":[],"sources":["../../../src/components/Person/Person.tsx"],"sourcesContent":["import { Typography } from '@mui/material';\nimport Avatar from '@mui/material/Avatar';\nimport Tooltip from '@mui/material/Tooltip';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport LinkExternal from '../LinkExternal';\nimport PersonTooltip from './PersonTooltip';\nimport { getLink, getName } from './utils';\n\nconst Person: React.FC<{\n  person: Developer;\n  packageName: string;\n  version: string;\n  withText?: boolean;\n}> = ({ person, packageName, version, withText = false }) => {\n  const link = getLink(person, packageName, version);\n\n  const avatarComponent = (\n    <Avatar alt={person.name} src={person.avatar} sx={{ width: 40, height: 40, ml: 0, mr: 1 }} />\n  );\n\n  return (\n    <>\n      <Tooltip\n        data-testid={person.name}\n        key={person.email}\n        title={<PersonTooltip person={person} />}\n      >\n        {link.length > 0 ? (\n          <LinkExternal to={link}>{avatarComponent}</LinkExternal>\n        ) : (\n          avatarComponent\n        )}\n      </Tooltip>\n      {withText && (\n        <Typography sx={{ ml: 1 }} variant=\"subtitle2\">\n          {getName(person.name)}\n        </Typography>\n      )}\n    </>\n  );\n};\n\nexport default Person;\n"],"mappings":";;;;;;;;;;AAUA,IAAM,UAKA,EAAE,QAAQ,aAAa,SAAS,WAAW,YAAY;CAC3D,MAAM,OAAO,QAAQ,QAAQ,aAAa,OAAO;CAEjD,MAAM,kBACJ,oBAAC,QAAD;EAAQ,KAAK,OAAO;EAAM,KAAK,OAAO;EAAQ,IAAI;GAAE,OAAO;GAAI,QAAQ;GAAI,IAAI;GAAG,IAAI;EAAE;CAAI,CAAA;CAG9F,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,SAAD;EACE,eAAa,OAAO;EAEpB,OAAO,oBAAC,eAAD,EAAuB,OAAS,CAAA;YAEtC,KAAK,SAAS,IACb,oBAAC,cAAD;GAAc,IAAI;aAAO;EAA8B,CAAA,IAEvD;CAEK,GARF,OAAO,KAQL,GACR,YACC,oBAAC,YAAD;EAAY,IAAI,EAAE,IAAI,EAAE;EAAG,SAAQ;YAChC,QAAQ,OAAO,IAAI;CACV,CAAA,CAEd,EAAA,CAAA;AAEN"}

package/build/components/Person/PersonTooltip.d.ts

@@ -1,5 +1,5 @@
-import { default as React } from 'react';
-import { Developer } from '../../types/packageMeta';
+import React from 'react';
+import type { Developer } from '../../types/packageMeta';
 declare const PersonTooltip: React.FC<{
     person: Developer;
 }>;

package/build/components/Person/PersonTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonTooltip.js","names":[],"sources":["../../../src/components/Person/PersonTooltip.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst PersonTooltip: React.FC<{ person: Developer }> = ({ person }) => (\n  <Typography data-testid={person.name + '-tooltip'}>\n    {person.name}\n    {person.email && url.isEmail(person.email) && (\n      <LinkExternal to={`mailto:${person.email}`}>\n        <br />\n        {person.email}\n      </LinkExternal>\n    )}\n    {person.url && url.isURL(person.url) && (\n      <LinkExternal to={person.url}>\n        <br />\n        {person.url}\n      </LinkExternal>\n    )}\n  </Typography>\n);\n\nexport default PersonTooltip;\n"],"mappings":";;;;;;;;;;;AAOA,IAAM,iBAAkD,EAAE,aACxD,iBAAA,GAAA,kBAAA,MAAC,yBAAA,SAAD;CAAY,eAAa,OAAO,OAAO;WAAvC;EACG,OAAO;EACP,OAAO,SAAA,YAAA,QAAqB,OAAO,MAAM,IACxC,iBAAA,GAAA,kBAAA,MAAC,qBAAA,SAAD;GAAc,IAAI,UAAU,OAAO;aAAnC,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,CAAA,EACL,OAAO,MACK;;EAEhB,OAAO,OAAA,YAAA,MAAiB,OAAO,IAAI,IAClC,iBAAA,GAAA,kBAAA,MAAC,qBAAA,SAAD;GAAc,IAAI,OAAO;aAAzB,CACE,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,CAAA,EACL,OAAO,IACK;;EAEN"}
+{"version":3,"file":"PersonTooltip.js","names":[],"sources":["../../../src/components/Person/PersonTooltip.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst PersonTooltip: React.FC<{ person: Developer }> = ({ person }) => (\n  <Typography data-testid={person.name + '-tooltip'}>\n    {person.name}\n    {person.email && url.isEmail(person.email) && (\n      <LinkExternal to={`mailto:${person.email}`}>\n        <br />\n        {person.email}\n      </LinkExternal>\n    )}\n    {person.url && url.isURL(person.url) && (\n      <LinkExternal to={person.url}>\n        <br />\n        {person.url}\n      </LinkExternal>\n    )}\n  </Typography>\n);\n\nexport default PersonTooltip;\n"],"mappings":";;;;;;;;;;;AAOA,IAAM,iBAAkD,EAAE,aACxD,iBAAA,GAAA,kBAAA,KAAA,CAAC,yBAAA,SAAD;CAAY,eAAa,OAAO,OAAO;WAAvC;EACG,OAAO;EACP,OAAO,SAAA,YAAA,QAAqB,OAAO,KAAK,KACvC,iBAAA,GAAA,kBAAA,KAAA,CAAC,qBAAA,SAAD;GAAc,IAAI,UAAU,OAAO;aAAnC,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD,CAAK,CAAA,GACJ,OAAO,KACI;;EAEf,OAAO,OAAA,YAAA,MAAiB,OAAO,GAAG,KACjC,iBAAA,GAAA,kBAAA,KAAA,CAAC,qBAAA,SAAD;GAAc,IAAI,OAAO;aAAzB,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,MAAD,CAAK,CAAA,GACJ,OAAO,GACI;;CAEN"}

package/build/components/Person/PersonTooltip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PersonTooltip.mjs","names":[],"sources":["../../../src/components/Person/PersonTooltip.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst PersonTooltip: React.FC<{ person: Developer }> = ({ person }) => (\n  <Typography data-testid={person.name + '-tooltip'}>\n    {person.name}\n    {person.email && url.isEmail(person.email) && (\n      <LinkExternal to={`mailto:${person.email}`}>\n        <br />\n        {person.email}\n      </LinkExternal>\n    )}\n    {person.url && url.isURL(person.url) && (\n      <LinkExternal to={person.url}>\n        <br />\n        {person.url}\n      </LinkExternal>\n    )}\n  </Typography>\n);\n\nexport default PersonTooltip;\n"],"mappings":";;;;;;;;AAOA,IAAM,iBAAkD,EAAE,aACxD,qBAAC,YAAD;CAAY,eAAa,OAAO,OAAO;WAAvC;EACG,OAAO;EACP,OAAO,SAAS,QAAY,OAAO,MAAM,IACxC,qBAAC,cAAD;GAAc,IAAI,UAAU,OAAO;aAAnC,CACE,oBAAC,MAAD,EAAM,CAAA,EACL,OAAO,MACK;;EAEhB,OAAO,OAAO,MAAU,OAAO,IAAI,IAClC,qBAAC,cAAD;GAAc,IAAI,OAAO;aAAzB,CACE,oBAAC,MAAD,EAAM,CAAA,EACL,OAAO,IACK;;EAEN"}
+{"version":3,"file":"PersonTooltip.mjs","names":[],"sources":["../../../src/components/Person/PersonTooltip.tsx"],"sourcesContent":["import Typography from '@mui/material/Typography';\nimport React from 'react';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\nimport LinkExternal from '../LinkExternal';\n\nconst PersonTooltip: React.FC<{ person: Developer }> = ({ person }) => (\n  <Typography data-testid={person.name + '-tooltip'}>\n    {person.name}\n    {person.email && url.isEmail(person.email) && (\n      <LinkExternal to={`mailto:${person.email}`}>\n        <br />\n        {person.email}\n      </LinkExternal>\n    )}\n    {person.url && url.isURL(person.url) && (\n      <LinkExternal to={person.url}>\n        <br />\n        {person.url}\n      </LinkExternal>\n    )}\n  </Typography>\n);\n\nexport default PersonTooltip;\n"],"mappings":";;;;;;;;AAOA,IAAM,iBAAkD,EAAE,aACxD,qBAAC,YAAD;CAAY,eAAa,OAAO,OAAO;WAAvC;EACG,OAAO;EACP,OAAO,SAAS,QAAY,OAAO,KAAK,KACvC,qBAAC,cAAD;GAAc,IAAI,UAAU,OAAO;aAAnC,CACE,oBAAC,MAAD,CAAK,CAAA,GACJ,OAAO,KACI;;EAEf,OAAO,OAAO,MAAU,OAAO,GAAG,KACjC,qBAAC,cAAD;GAAc,IAAI,OAAO;aAAzB,CACE,oBAAC,MAAD,CAAK,CAAA,GACJ,OAAO,GACI;;CAEN"}

package/build/components/Person/index.js

@@ -1 +1,2 @@
-require("./Person.js");
+const require_Person = require("./Person.js");
+exports.default = require_Person.default;

package/build/components/Person/index.mjs

@@ -1 +1,2 @@
-import "./Person.mjs";
+import Person from "./Person.mjs";
+export { Person as default };

package/build/components/Person/utils.d.ts

@@ -1,3 +1,3 @@
-import { Developer } from '../../types/packageMeta';
+import type { Developer } from '../../types/packageMeta';
 export declare function getLink(person: Developer, packageName: string, version: string): string;
 export declare function getName(name?: string): string;

package/build/components/Person/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/Person/utils.ts"],"sourcesContent":["import i18next from 'i18next';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\n\nexport function getLink(person: Developer, packageName: string, version: string): string {\n  return person.email && url.isEmail(person.email)\n    ? `mailto:${person.email}?subject=${packageName} v${version}`\n    : person.url && url.isURL(person.url)\n      ? person.url\n      : '';\n}\n\nexport function getName(name?: string): string {\n  return !name\n    ? i18next.t('author-unknown')\n    : name.toLowerCase() === 'anonymous'\n      ? i18next.t('author-anonymous')\n      : name;\n}\n"],"mappings":";;;;;;AAKA,SAAgB,QAAQ,QAAmB,aAAqB,SAAyB;AACvF,QAAO,OAAO,SAAA,YAAA,QAAqB,OAAO,MAAM,GAC5C,UAAU,OAAO,MAAM,WAAW,YAAY,IAAI,YAClD,OAAO,OAAA,YAAA,MAAiB,OAAO,IAAI,GACjC,OAAO,MACP;;AAGR,SAAgB,QAAQ,MAAuB;AAC7C,QAAO,CAAC,OACJ,QAAA,QAAQ,EAAE,iBAAiB,GAC3B,KAAK,aAAa,KAAK,cACrB,QAAA,QAAQ,EAAE,mBAAmB,GAC7B"}
+{"version":3,"file":"utils.js","names":[],"sources":["../../../src/components/Person/utils.ts"],"sourcesContent":["import i18next from 'i18next';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\n\nexport function getLink(person: Developer, packageName: string, version: string): string {\n  return person.email && url.isEmail(person.email)\n    ? `mailto:${person.email}?subject=${packageName} v${version}`\n    : person.url && url.isURL(person.url)\n      ? person.url\n      : '';\n}\n\nexport function getName(name?: string): string {\n  return !name\n    ? i18next.t('author-unknown')\n    : name.toLowerCase() === 'anonymous'\n      ? i18next.t('author-anonymous')\n      : name;\n}\n"],"mappings":";;;;;;AAKA,SAAgB,QAAQ,QAAmB,aAAqB,SAAyB;CACvF,OAAO,OAAO,SAAA,YAAA,QAAqB,OAAO,KAAK,IAC3C,UAAU,OAAO,MAAM,WAAW,YAAY,IAAI,YAClD,OAAO,OAAA,YAAA,MAAiB,OAAO,GAAG,IAChC,OAAO,MACP;AACR;AAEA,SAAgB,QAAQ,MAAuB;CAC7C,OAAO,CAAC,OACJ,QAAA,QAAQ,EAAE,gBAAgB,IAC1B,KAAK,YAAY,MAAM,cACrB,QAAA,QAAQ,EAAE,kBAAkB,IAC5B;AACR"}

package/build/components/Person/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/components/Person/utils.ts"],"sourcesContent":["import i18next from 'i18next';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\n\nexport function getLink(person: Developer, packageName: string, version: string): string {\n  return person.email && url.isEmail(person.email)\n    ? `mailto:${person.email}?subject=${packageName} v${version}`\n    : person.url && url.isURL(person.url)\n      ? person.url\n      : '';\n}\n\nexport function getName(name?: string): string {\n  return !name\n    ? i18next.t('author-unknown')\n    : name.toLowerCase() === 'anonymous'\n      ? i18next.t('author-anonymous')\n      : name;\n}\n"],"mappings":";;;;AAKA,SAAgB,QAAQ,QAAmB,aAAqB,SAAyB;AACvF,QAAO,OAAO,SAAS,QAAY,OAAO,MAAM,GAC5C,UAAU,OAAO,MAAM,WAAW,YAAY,IAAI,YAClD,OAAO,OAAO,MAAU,OAAO,IAAI,GACjC,OAAO,MACP;;AAGR,SAAgB,QAAQ,MAAuB;AAC7C,QAAO,CAAC,OACJ,QAAQ,EAAE,iBAAiB,GAC3B,KAAK,aAAa,KAAK,cACrB,QAAQ,EAAE,mBAAmB,GAC7B"}
+{"version":3,"file":"utils.mjs","names":[],"sources":["../../../src/components/Person/utils.ts"],"sourcesContent":["import i18next from 'i18next';\n\nimport type { Developer } from '../../types/packageMeta';\nimport { url } from '../../utils';\n\nexport function getLink(person: Developer, packageName: string, version: string): string {\n  return person.email && url.isEmail(person.email)\n    ? `mailto:${person.email}?subject=${packageName} v${version}`\n    : person.url && url.isURL(person.url)\n      ? person.url\n      : '';\n}\n\nexport function getName(name?: string): string {\n  return !name\n    ? i18next.t('author-unknown')\n    : name.toLowerCase() === 'anonymous'\n      ? i18next.t('author-anonymous')\n      : name;\n}\n"],"mappings":";;;;AAKA,SAAgB,QAAQ,QAAmB,aAAqB,SAAyB;CACvF,OAAO,OAAO,SAAS,QAAY,OAAO,KAAK,IAC3C,UAAU,OAAO,MAAM,WAAW,YAAY,IAAI,YAClD,OAAO,OAAO,MAAU,OAAO,GAAG,IAChC,OAAO,MACP;AACR;AAEA,SAAgB,QAAQ,MAAuB;CAC7C,OAAO,CAAC,OACJ,QAAQ,EAAE,gBAAgB,IAC1B,KAAK,YAAY,MAAM,cACrB,QAAQ,EAAE,kBAAkB,IAC5B;AACR"}

package/build/components/RawViewer/RawViewer.d.ts

@@ -1,4 +1,4 @@
-import { default as React } from 'react';
+import React from 'react';
 export interface ViewerTitleProps {
     id: string;
     children?: React.ReactNode;