@verdaccio/ui-components 5.0.0-next-9.8 → 5.0.0-next-9.10

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

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

package/build/components/NotFound/img/package.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 495.2 495.2"><path fill="#d38c0d" d="M325.6 224.4L495.2 126 325.6 28.4l-168.8 99.2z"/><g fill="#efbb67"><path d="M170.4 224.4l168-97.6-168-98.4L0 126.8z"/><path d="M416 368.4l-168 98.4-168-98.4v-196L248 74l168 98.4z"/></g><path fill="#d38c0d" d="M248 74l168 98.4v196l-168 98.4"/><path fill="#efbb67" d="M326.4 314.8L495.2 218l-169.6-98.4L156 218z"/><path fill="#d38c0d" d="M170.4 316.4l168.8-99.2-168.8-97.6L0 218z"/><path fill="#704a0e" d="M248.8 270.8L416 172.4 248.8 74 78.4 172.4z"/><path fill="#513307" d="M248.8 270.8L416 172.4 248.8 74"/><path fill="#2d1c05" d="M248.8 270.8l36-21.6-36-20.8-36 20.8z"/><g fill="#0dd396"><path d="M368 379.6l40-23.2v-12.8l-40 23.2zM368 356.4l40-23.2v-12.8l-40 23.2zM368 333.2l40-23.2v-13.6l-40 24z"/></g></svg>

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';
-import type { PackageMetaInterface } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { Author as PackageAuthor } from '../../providers/ManifestsProvider/ManifestsProvider';
+import { 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)`\n  ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)`\n  ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)`\n  ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)`\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 BugReportIcon from "@mui/icons-material/BugReport";
+import BugReport 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(BugReportIcon, {})
+				children: /* @__PURE__ */ jsx(BugReport, {})
 			})
 		})
 	});

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)`\n  ${iconStyle};\n`;\n\nconst StyledFileBinary = styled(FileBinary)`\n  ${iconStyle};\n`;\n\nconst StyledLaw = styled(Law)`\n  ${iconStyle};\n`;\n\nconst StyledTime = styled(Time)`\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DA,IAAM,WAAuC,EAC3C,QAAQ,EAAE,MAAM,YAAY,QAAQ,gBACpC,MACA,aACA,MACA,UACA,UACA,SACA,MAAM,aACN,MACA,eAAe,MACf,cACI;CACJ,MAAM,SAAS,kBAAkB;CACjC,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,cAAc,cAAc;CACpC,MAAM,EAAE,oBAAoB,aAAa;CAEzC,MAAM,iBAAiB,YACrB,OAAO,gBAAwB;EAE7B,MAAM,OAAO,YAAY,QAAQ,+BAA+B,OAAO,KAAK;AAC5E,oBAAkB,EAAE,MAAM,CAAC;IAE7B,CAAC,QAAQ,gBAAgB,CAC1B;CAED,MAAM,0BACJ,WACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,eAAD,EAAiB,CAAA,EAChB,EAAE,mBAAmB,EAAE,SAAS,CAAC,CACrB,EAAA,CAAA;CAGnB,MAAM,yBAA0C;EAC9C,MAAM,OAAO,cAAoB,WAAW;AAC5C,SACE,oBAAC,cAAD,EAAA,UACE,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,QAAD;GAAQ,KAAK;GAAM,KAAK;GAAgB,CAAA,EACxC,oBAAC,SAAD,EAAA,UAAU,MAAe,CAAA,CAClB,EAAA,CAAA,EACI,CAAA;;CAInB,MAAM,uBACJ,MAAM,gBACJ,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,kBAAD,EAAoB,CAAA,EACnB,WAAiB,KAAK,aAAa,CACvB,EAAA,CAAA;CAGnB,MAAM,0BACJ,WACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,WAAD,EAAa,CAAA,EACZ,QACY,EAAA,CAAA;CAGnB,MAAM,4BACJ,QACE,qBAAC,cAAD,EAAA,UAAA,CACE,oBAAC,YAAD,EAAc,CAAA,EACd,oBAAC,WAAD;EAAW,OAAO,WAAiB,KAAK;YACrC,EAAE,wBAAwB,EAAE,MAAM,mBAAyB,KAAK,EAAE,CAAC;EAC1D,CAAA,CACC,EAAA,CAAA;CAGnB,MAAM,2BACJ,YACA,MAAU,SAAS,IACjB,oBAAC,cAAD;EAAc,IAAI;YAChB,oBAAC,SAAD;GAAS,cAAY,EAAE,mBAAmB;GAAE,OAAO,EAAE,0BAA0B;aAC7E,oBAAC,YAAD;IAAY,cAAY,EAAE,mBAAmB;IAAE,OAAM;IAAU,MAAK;cAClE,oBAAC,UAAD,EAAY,CAAA;IACD,CAAA;GACL,CAAA;EACG,CAAA;CAGnB,MAAM,uBACJ,MAAM,OACN,MAAU,KAAK,IAAI,IACjB,oBAAC,cAAD;EAAc,IAAI,KAAK;YACrB,oBAAC,SAAD;GAAS,cAAY,EAAE,eAAe;GAAE,OAAO,EAAE,wBAAwB;aACvE,oBAAC,YAAD;IAAY,cAAY,EAAE,eAAe;IAAE,OAAM;IAAU,MAAK;cAC9D,oBAAC,WAAD,EAAa,CAAA;IACF,CAAA;GACL,CAAA;EACG,CAAA;CAGnB,MAAM,2BACJ,MAAM,WACN,MAAU,KAAK,QAAQ,IACrB,oBAAC,MAAD;EACE,eAAe;AACb,kBAAe,KAAK,QAAQ;;EAE9B,IAAG;YAEH,oBAAC,SAAD;GACE,cAAY,EAAE,oBAAoB,EAAE,MAAM,EAAE,uBAAuB,EAAE,CAAC;GACtE,OAAO,EAAE,kBAAkB;aAE3B,oBAAC,YAAD;IACE,cAAY,EAAE,mBAAmB;IACjC,OAAM;IACN,eAAY;IACZ,MAAK;cAEJ,YAAY,oBAAC,kBAAD,EAAkB,MAAM,IAAM,CAAA,GAAG,oBAAC,cAAD,EAAgB,CAAA;IACnD,CAAA;GACL,CAAA;EACL,CAAA;CAGX,MAAM,+BAAgD;AACpD,SACE,qBAAC,MAAD;GAAM,YAAW;GAAS,WAAW;GAAM,MAAM,EAAE,IAAI,IAAI;GAAE,MAAK;aAAlE,CACE,oBAAC,MAAD;IAAM,MAAK;cACT,oBAAC,aAAD;KAAa,IAAI,GAAG,MAAM,SAAS;eACjC,oBAAC,cAAD;MAAc,WAAU;MAAgB,eAAY;gBACjD;MACY,CAAA;KACH,CAAA;IACT,CAAA,EACP,qBAAC,kBAAD;IAAkB,MAAK;cAAvB;KACG,oBAAoB;KACpB,gBAAgB;KAChB,gBAAgB,oBAAoB;KACpB;MACd;;;CAIX,MAAM,iCAAkD,oBAAC,aAAD,EAAA,UAAc,aAA0B,CAAA;CAEhG,MAAM,kCACJ,oBAAC,qBAAD;EACE,SAAS,wBAAwB;EACjC,WAAW,0BAA0B;EACrC,CAAA;CAGJ,MAAM,uBACJ,oBAAC,UAAD;EAAU,YAAY;EAAc,IAAI;GAAE,IAAI;GAAG,IAAI;GAAG;YACtD,oBAAC,MAAD;GAAM,IAAI;IAAE,GAAG;IAAG,IAAI;IAAG;aACvB,oBAAC,kBAAD,EAA4B,UAAY,CAAA;GACnC,CAAA;EACE,CAAA;AAGb,QACE,qBAAC,SAAD;EAAS,WAAW;EAAW,eAAY;YAA3C;GACE,oBAAC,UAAD;IAAU,YAAY;IAAc,IAAI,EAAE,IAAI,GAAG;cAC9C,2BAA2B;IACnB,CAAA;GACV,YAAY,UAAU,SAAS,IAAI,gBAAgB,GAAG;GACvD,qBAAC,UAAD;IAAU,YAAY;IAAc,IAAI,EAAE,IAAI,GAAG;cAAjD;KACG,kBAAkB;KAClB,mBAAmB;KACnB,qBAAqB;KACrB,gBAAgB;KAChB,mBAAmB;KACX;;GACH;;;AAMd,IAAM,aAAa,EAAE,YAA8B,GAAG;;UAE5C,MAAM,QAAQ,SAAS,UAAU,KAAK,OAAO,OAAO,MAAM;;AAGpE,IAAM,gBAAgB,OAAO,QAAQ;IACjC,UAAU;;AAGd,IAAM,mBAAmB,OAAO,WAAW;IACvC,UAAU;;AAGd,IAAM,YAAY,OAAO,IAAI;IACzB,UAAU;;AAGd,IAAM,aAAa,OAAO,KAAK;IAC3B,UAAU"}

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

@@ -1,43 +1,53 @@
-import type { Theme } from '../../';
-export declare const OverviewItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { 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<any, {}, {}>;
-export declare const WrapperLink: import("@emotion/styled").StyledComponent<import("react-router").LinkProps & import("react").RefAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme;
+}, 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" | "alt" | "imgProps" | "sizes" | "src" | "srcSet"> & {
+    theme?: import('@emotion/react').Theme;
 }, {}, {}>;
-export declare const PackageTitle: import("@emotion/styled").StyledComponent<{
-    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;
     as?: React.ElementType;
 } & {
     theme?: 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/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<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;
 }, {}, {}>;
-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/PackageList/PackageList.d.ts

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

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

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

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

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

package/build/components/Person/PersonTooltip.mjs

@@ -4,9 +4,9 @@ import LinkExternal from "../LinkExternal/LinkExternal.mjs";
 import "../LinkExternal/index.mjs";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 //#region src/components/Person/PersonTooltip.tsx
-var PersonTooltip = ({ person }) => /* @__PURE__ */ jsxs(MaterialUITypography, {
+var PersonTooltip = ({ person }) => /* @__PURE__ */ jsxs(Typography, {
 	"data-testid": person.name + "-tooltip",
 	children: [
 		person.name,

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,sBAAD;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,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"}

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

@@ -1,3 +1,3 @@
-import type { Developer } from '../../types/packageMeta';
+import { 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/RawViewer/RawViewer.d.ts

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

package/build/components/Readme/Readme.d.ts

@@ -1,7 +1,4 @@
-import 'highlight.js/styles/github-dark.css';
-import 'highlight.js/styles/github.css';
-import React from 'react';
-import './github-markdown.css';
-import type { Props } from './types';
+import { default as React } from 'react';
+import { Props } from './types';
 declare const Readme: React.FC<Props>;
 export default Readme;

package/build/components/Readme/Readme.js

@@ -1,8 +1,8 @@
 const require_runtime = require("../../_virtual/_rolldown/runtime.js");
 ;/* empty css                 */
+;/* empty css                  */
+;/* empty css                   */
 const require_utils = require("./utils.js");
-const require_ThemeProvider = require("../../Theme/ThemeProvider.js");
-require("../../index.js");
 let _emotion_styled = require("@emotion/styled");
 _emotion_styled = require_runtime.__toESM(_emotion_styled);
 let react = require("react");
@@ -10,22 +10,22 @@ react = require_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mui_material_Box = require("@mui/material/Box");
 _mui_material_Box = require_runtime.__toESM(_mui_material_Box);
+let _mui_material_styles = require("@mui/material/styles");
 let _mui_material_Card = require("@mui/material/Card");
 _mui_material_Card = require_runtime.__toESM(_mui_material_Card);
 let _mui_material_CardContent = require("@mui/material/CardContent");
 _mui_material_CardContent = require_runtime.__toESM(_mui_material_CardContent);
-require("highlight.js/styles/github-dark.css");
-require("highlight.js/styles/github.css");
 //#region src/components/Readme/Readme.tsx
 var Readme = ({ description }) => {
-	const { isDarkMode } = require_ThemeProvider.useCustomTheme();
+	const dataTheme = (0, _mui_material_styles.useTheme)().palette.mode;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Card.default, {
 		sx: { mb: 2 },
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_CardContent.default, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_mui_material_Box.default, {
 			"data-testid": "readme",
 			sx: { m: 2 },
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Wrapper, {
-				className: `markdown-body ${isDarkMode ? "markdown-dark" : "markdown-light"}`,
+				className: "markdown-body hljs",
+				"data-theme": dataTheme,
 				dangerouslySetInnerHTML: { __html: require_utils.parseReadme(description) }
 			})
 		}) })

package/build/components/Readme/Readme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Readme.js","names":[],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport 'highlight.js/styles/github-dark.css';\nimport 'highlight.js/styles/github.css';\nimport React from 'react';\n\nimport { useCustomTheme } from '../../';\nimport './github-markdown.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  // @ts-ignore\n  const { isDarkMode } = useCustomTheme();\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className={`markdown-body ${isDarkMode ? 'markdown-dark' : 'markdown-light'}`}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,EAAE,eAAe,sBAAA,gBAAgB;AAEvC,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,WAAW,iBAAiB,aAAa,kBAAkB;IAC3D,yBAAyB,EAAE,QAAQ,cAAA,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,WAAA,GAAA,gBAAA,SAAiB,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}
+{"version":3,"file":"Readme.js","names":[],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\n\nimport './github-markdown.css';\nimport './hljs-github-dark.css';\nimport './hljs-github-light.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  const theme = useTheme();\n  const dataTheme = theme.palette.mode;\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className=\"markdown-body hljs\"\n            data-theme={dataTheme}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,aAAA,GAAA,qBAAA,WADkB,CACA,QAAQ;AAEhC,QACE,iBAAA,GAAA,kBAAA,KAAC,mBAAA,SAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,kBAAA,SAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,iBAAA,GAAA,kBAAA,KAAC,SAAD;IACE,WAAU;IACV,cAAY;IACZ,yBAAyB,EAAE,QAAQ,cAAA,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,WAAA,GAAA,gBAAA,SAAiB,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}

package/build/components/Readme/Readme.mjs

@@ -1,25 +1,25 @@
 /* empty css                 */
+/* empty css                  */
+/* empty css                   */
 import { parseReadme } from "./utils.mjs";
-import { useCustomTheme } from "../../Theme/ThemeProvider.mjs";
-import "../../index.mjs";
 import styled from "@emotion/styled";
 import "react";
 import { jsx } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
+import { useTheme } from "@mui/material/styles";
 import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
-import "highlight.js/styles/github-dark.css";
-import "highlight.js/styles/github.css";
 //#region src/components/Readme/Readme.tsx
 var Readme = ({ description }) => {
-	const { isDarkMode } = useCustomTheme();
+	const dataTheme = useTheme().palette.mode;
 	return /* @__PURE__ */ jsx(Card, {
 		sx: { mb: 2 },
 		children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Box, {
 			"data-testid": "readme",
 			sx: { m: 2 },
 			children: /* @__PURE__ */ jsx(Wrapper, {
-				className: `markdown-body ${isDarkMode ? "markdown-dark" : "markdown-light"}`,
+				className: "markdown-body hljs",
+				"data-theme": dataTheme,
 				dangerouslySetInnerHTML: { __html: parseReadme(description) }
 			})
 		}) })

package/build/components/Readme/Readme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Readme.mjs","names":[],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport 'highlight.js/styles/github-dark.css';\nimport 'highlight.js/styles/github.css';\nimport React from 'react';\n\nimport { useCustomTheme } from '../../';\nimport './github-markdown.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  // @ts-ignore\n  const { isDarkMode } = useCustomTheme();\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className={`markdown-body ${isDarkMode ? 'markdown-dark' : 'markdown-light'}`}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;;;;;;;AAaA,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,EAAE,eAAe,gBAAgB;AAEvC,QACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,oBAAC,aAAD,EAAA,UACE,oBAAC,KAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,oBAAC,SAAD;IACE,WAAW,iBAAiB,aAAa,kBAAkB;IAC3D,yBAAyB,EAAE,QAAQ,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,UAAU,OAAO,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}
+{"version":3,"file":"Readme.mjs","names":[],"sources":["../../../src/components/Readme/Readme.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport { useTheme } from '@mui/material/styles';\nimport React from 'react';\n\nimport './github-markdown.css';\nimport './hljs-github-dark.css';\nimport './hljs-github-light.css';\nimport type { Props } from './types';\nimport { parseReadme } from './utils';\n\nconst Readme: React.FC<Props> = ({ description }) => {\n  const theme = useTheme();\n  const dataTheme = theme.palette.mode;\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"readme\" sx={{ m: 2 }}>\n          <Wrapper\n            className=\"markdown-body hljs\"\n            data-theme={dataTheme}\n            dangerouslySetInnerHTML={{ __html: parseReadme(description) as string }}\n          />\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\nexport default Readme;\n\nconst Wrapper = styled('div')({\n  ul: {\n    listStyle: 'disc',\n  },\n  img: {\n    maxWidth: '100%',\n  },\n});\n"],"mappings":";;;;;;;;;;;;AAaA,IAAM,UAA2B,EAAE,kBAAkB;CAEnD,MAAM,YADQ,UAAU,CACA,QAAQ;AAEhC,QACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,oBAAC,aAAD,EAAA,UACE,oBAAC,KAAD;GAAK,eAAY;GAAS,IAAI,EAAE,GAAG,GAAG;aACpC,oBAAC,SAAD;IACE,WAAU;IACV,cAAY;IACZ,yBAAyB,EAAE,QAAQ,YAAY,YAAY,EAAY;IACvE,CAAA;GACE,CAAA,EACM,CAAA;EACT,CAAA;;AAKX,IAAM,UAAU,OAAO,MAAM,CAAC;CAC5B,IAAI,EACF,WAAW,QACZ;CACD,KAAK,EACH,UAAU,QACX;CACF,CAAC"}