npm - @verdaccio/ui-components - Versions diffs - 5.0.0-next-9.7 → 5.0.0-next-9.9 - Mend

@verdaccio/ui-components 5.0.0-next-9.7 → 5.0.0-next-9.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (261) hide show

package/build/components/LoginDialog/LoginDialogCloseButton.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoginDialogCloseButton.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogCloseButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n position: 'absolute',\n right: theme.spacing() ~~/ 2~~,\n top: theme.spacing() ~~/ 2~~,\n color: theme.palette.grey[500],\n zIndex: 99,\n}));\n\ninterface Props {\n onClose: () => void;\n}\n\nconst LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => {\n const { t } = useTranslation();\n return (\n <DialogTitle>\n <StyledIconButton data-testid=\"close-login-dialog-button\" onClick={onClose}>\n <CloseIcon titleAccess={t('button.close')} />\n </StyledIconButton>\n </DialogTitle>\n );\n};\n\nexport default LoginDialogCloseButton;\n"],"mappings":";;;;;;;;AASA,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,~~SAAS~~,~~GAAG~~;CACzB,KAAK,MAAM,~~SAAS~~,~~GAAG~~;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC1B,QAAQ;CACT,EAAE;AAMH,IAAM,0BAA2C,EAAE,cAAc;CAC/D,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,aAAD,EAAA,UACE,oBAAC,kBAAD;EAAkB,eAAY;EAA4B,SAAS;YACjE,oBAAC,WAAD,EAAW,aAAa,EAAE,eAAe,EAAI,CAAA;EAC5B,CAAA,EACP,CAAA"}
1	+ {"version":3,"file":"LoginDialogCloseButton.mjs","names":[],"sources":["../../../src/components/LoginDialog/LoginDialogCloseButton.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n position: 'absolute',\n right: theme.spacing(0.5),\n top: theme.spacing(0.5),\n color: theme.palette.grey[500],\n zIndex: 99,\n}));\n\ninterface Props {\n onClose: () => void;\n}\n\nconst LoginDialogCloseButton: React.FC<Props> = ({ onClose }) => {\n const { t } = useTranslation();\n return (\n <DialogTitle>\n <StyledIconButton data-testid=\"close-login-dialog-button\" onClick={onClose}>\n <CloseIcon titleAccess={t('button.close')} />\n </StyledIconButton>\n </DialogTitle>\n );\n};\n\nexport default LoginDialogCloseButton;\n"],"mappings":";;;;;;;;AASA,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,QAAQ,GAAI;CACzB,KAAK,MAAM,QAAQ,GAAI;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC1B,QAAQ;CACT,EAAE;AAMH,IAAM,0BAA2C,EAAE,cAAc;CAC/D,MAAM,EAAE,MAAM,gBAAgB;AAC9B,QACE,oBAAC,aAAD,EAAA,UACE,oBAAC,kBAAD;EAAkB,eAAY;EAA4B,SAAS;YACjE,oBAAC,WAAD,EAAW,aAAa,EAAE,eAAe,EAAI,CAAA;EAC5B,CAAA,EACP,CAAA"}

package/build/components/LoginDialog/LoginDialogForm.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-import type { FC } from 'react';
+import { FC } from 'react';
 declare const LoginDialogForm: FC;
 export default LoginDialogForm;

package/build/components/LoginDialog/LoginDialogFormError.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     error: any;
 }

package/build/components/LoginForm/Login.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { FC } from 'react';
-import type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';
+import { FC } from 'react';
+import { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';
 export interface LoginFormValues {
     username: string;
     password: string;

package/build/components/LoginForm/Login.mjs CHANGED Viewed

@@ -9,7 +9,7 @@ import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useTranslation } from "react-i18next";
 import Link from "@mui/material/Link";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 import Button from "@mui/material/Button";
 //#region src/components/LoginForm/Login.tsx
 var StyledForm = styled("form")(({ theme }) => ({ marginTop: theme.spacing(1) }));
@@ -41,7 +41,7 @@ var LoginForm = ({ register, handleSubmit, onSubmit, errors, isValid }) => {
 				variant: "contained",
 				children: t("button.login")
 			}),
-			changePasswordEnabled && /* @__PURE__ */ jsx(MaterialUITypography, {
+			changePasswordEnabled && /* @__PURE__ */ jsx(Typography, {
 				align: "center",
 				sx: {
 					mt: 2,

package/build/components/LoginForm/Login.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n username: string;\n password: string;\n}\n\ninterface Props {\n register: UseFormRegister<LoginFormValues>;\n handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n onSubmit: (data: LoginFormValues) => void;\n errors: FieldErrors<LoginFormValues>;\n isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n const { t } = useTranslation();\n const configuration = getConfiguration();\n const changePasswordEnabled = configuration?.flags?.changePassword;\n\n return (\n <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n <UsernameField errors={errors} register={register} />\n <PasswordField errors={errors} register={register} />\n\n {errors.root && <LoginDialogFormError error={errors.root} />}\n\n <StyledButton\n color=\"primary\"\n data-testid=\"login-dialog-form-login-button\"\n disabled={!isValid}\n fullWidth={true}\n id=\"login--dialog-button-submit\"\n size=\"large\"\n type=\"submit\"\n variant=\"contained\"\n >\n {t('button.login')}\n </StyledButton>\n {changePasswordEnabled && (\n <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n <Link href={Route.CHANGE_PASSWORD} sx={{ ml: 1 }}>\n {t('security.changePassword.title')}\n </Link>\n </Typography>\n )}\n </StyledForm>\n );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,OAAO,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,EAAE,EAC5B,EAAE;AAEH,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,EAAE,EAC/B,EAAE;AAeH,IAAM,aAAwB,EAAE,UAAU,cAAc,UAAU,QAAQ,cAAc;CACtF,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,wBADgB,kBAAkB,EACK,OAAO;AAEpD,QACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,SAAS;YAA9D;GACE,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GACrD,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GAEpD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,MAAQ,CAAA;GAE5D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;IACZ,UAAU,CAAC;IACX,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;cAEP,EAAE,eAAe;IACL,CAAA;GACd,yBACC,oBAAC,~~sBAAD~~;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;KAAI;IAAE,SAAQ;cAC9D,oBAAC,MAAD;KAAM,MAAM,MAAM;KAAiB,IAAI,EAAE,IAAI,GAAG;eAC7C,EAAE,gCAAgC;KAC9B,CAAA;IACI,CAAA;GAEJ"}
1	+ {"version":3,"file":"Login.mjs","names":[],"sources":["../../../src/components/LoginForm/Login.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Button from '@mui/material/Button';\nimport Link from '@mui/material/Link';\nimport Typography from '@mui/material/Typography';\nimport type { FC } from 'react';\nimport React from 'react';\nimport type { FieldErrors, UseFormHandleSubmit, UseFormRegister } from 'react-hook-form';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { getConfiguration } from '../../configuration';\nimport { Route } from '../../utils';\nimport LoginDialogFormError from '../LoginDialog/LoginDialogFormError';\nimport PasswordField from './PasswordField';\nimport UsernameField from './UsernameField';\n\nconst StyledForm = styled('form')<{ theme?: Theme }>(({ theme }) => ({\n marginTop: theme.spacing(1),\n}));\n\nconst StyledButton = styled(Button)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(3, 0, 2),\n}));\n\nexport interface LoginFormValues {\n username: string;\n password: string;\n}\n\ninterface Props {\n register: UseFormRegister<LoginFormValues>;\n handleSubmit: UseFormHandleSubmit<LoginFormValues>;\n onSubmit: (data: LoginFormValues) => void;\n errors: FieldErrors<LoginFormValues>;\n isValid: boolean;\n}\n\nconst LoginForm: FC<Props> = ({ register, handleSubmit, onSubmit, errors, isValid }) => {\n const { t } = useTranslation();\n const configuration = getConfiguration();\n const changePasswordEnabled = configuration?.flags?.changePassword;\n\n return (\n <StyledForm noValidate={true} onSubmit={handleSubmit(onSubmit)}>\n <UsernameField errors={errors} register={register} />\n <PasswordField errors={errors} register={register} />\n\n {errors.root && <LoginDialogFormError error={errors.root} />}\n\n <StyledButton\n color=\"primary\"\n data-testid=\"login-dialog-form-login-button\"\n disabled={!isValid}\n fullWidth={true}\n id=\"login--dialog-button-submit\"\n size=\"large\"\n type=\"submit\"\n variant=\"contained\"\n >\n {t('button.login')}\n </StyledButton>\n {changePasswordEnabled && (\n <Typography align=\"center\" sx={{ mt: 2, fontSize: 12 }} variant=\"body2\">\n <Link href={Route.CHANGE_PASSWORD} sx={{ ml: 1 }}>\n {t('security.changePassword.title')}\n </Link>\n </Typography>\n )}\n </StyledForm>\n );\n};\n\nexport default LoginForm;\n"],"mappings":";;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,OAAO,EAAqB,EAAE,aAAa,EACnE,WAAW,MAAM,QAAQ,EAAE,EAC5B,EAAE;AAEH,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa,EACrE,QAAQ,MAAM,QAAQ,GAAG,GAAG,EAAE,EAC/B,EAAE;AAeH,IAAM,aAAwB,EAAE,UAAU,cAAc,UAAU,QAAQ,cAAc;CACtF,MAAM,EAAE,MAAM,gBAAgB;CAE9B,MAAM,wBADgB,kBAAkB,EACK,OAAO;AAEpD,QACE,qBAAC,YAAD;EAAY,YAAY;EAAM,UAAU,aAAa,SAAS;YAA9D;GACE,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GACrD,oBAAC,eAAD;IAAuB;IAAkB;IAAY,CAAA;GAEpD,OAAO,QAAQ,oBAAC,sBAAD,EAAsB,OAAO,OAAO,MAAQ,CAAA;GAE5D,oBAAC,cAAD;IACE,OAAM;IACN,eAAY;IACZ,UAAU,CAAC;IACX,WAAW;IACX,IAAG;IACH,MAAK;IACL,MAAK;IACL,SAAQ;cAEP,EAAE,eAAe;IACL,CAAA;GACd,yBACC,oBAAC,YAAD;IAAY,OAAM;IAAS,IAAI;KAAE,IAAI;KAAG,UAAU;KAAI;IAAE,SAAQ;cAC9D,oBAAC,MAAD;KAAM,MAAM,MAAM;KAAiB,IAAI,EAAE,IAAI,GAAG;eAC7C,EAAE,gCAAgC;KAC9B,CAAA;IACI,CAAA;GAEJ"}

package/build/components/LoginForm/PasswordField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type { FC } from 'react';
-import type { FieldErrors } from 'react-hook-form';
-import type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
+import { FC } from 'react';
+import { FieldErrors } from 'react-hook-form';
+import { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
 interface Props {
     register: any;
     errors: FieldErrors<LoginFormValues | AddUserFormValues>;

package/build/components/LoginForm/UsernameField.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import type { FC } from 'react';
-import type { FieldErrors } from 'react-hook-form';
-import type { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
+import { FC } from 'react';
+import { FieldErrors } from 'react-hook-form';
+import { AddUserFormValues, LoginFormValues } from '../../utils/schemas';
 interface Props {
     register: any;
     errors: FieldErrors<LoginFormValues | AddUserFormValues>;

package/build/components/LoginForm/styles.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     onClose?: () => void;
 }

package/build/components/LoginForm/styles.js CHANGED Viewed

@@ -44,8 +44,8 @@ var StyledAvatar = (0, _emotion_styled.default)(_mui_material_Avatar.default)(({
 }));
 var StyledIconButton = (0, _emotion_styled.default)(_mui_material_IconButton.default)(({ theme }) => ({
 	position: "absolute",
-	right: theme.spacing() / 2,
-	top: theme.spacing() / 2,
+	right: theme.spacing(.5),
+	top: theme.spacing(.5),
 	color: theme.palette.grey[500]
 }));
 //#endregion

package/build/components/LoginForm/styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.js","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n const { t } = useTranslation();\n\n return (\n <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n {onClose && (\n <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n <CloseIcon />\n </StyledIconButton>\n )}\n <StyledAvatar>\n <LockOutlined />\n </StyledAvatar>\n <Heading>{t('button.login')}</Heading>\n </Box>\n );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(1),\n backgroundColor:\n theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n position: 'absolute',\n right: theme.spacing() ~~/ 2~~,\n top: theme.spacing() ~~/ 2~~,\n color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAE9B,QACE,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAa,CAAA;IACI,CAAA;GAErB,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iCAAA,SAAD,EAAgB,CAAA,EACH,CAAA;GACf,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,gBAAA,GAAA,gBAAA,SAAsB,qBAAA,QAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,qBAAA,OAAO;CACf,EAAE;AAEH,IAAM,oBAAA,GAAA,gBAAA,SAA0B,yBAAA,QAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,~~SAAS~~,~~GAAG~~;CACzB,KAAK,MAAM,~~SAAS~~,~~GAAG~~;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}
1	+ {"version":3,"file":"styles.js","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n const { t } = useTranslation();\n\n return (\n <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n {onClose && (\n <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n <CloseIcon />\n </StyledIconButton>\n )}\n <StyledAvatar>\n <LockOutlined />\n </StyledAvatar>\n <Heading>{t('button.login')}</Heading>\n </Box>\n );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(1),\n backgroundColor:\n theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n position: 'absolute',\n right: theme.spacing(0.5),\n top: theme.spacing(0.5),\n color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,OAAA,GAAA,cAAA,iBAAsB;AAE9B,QACE,iBAAA,GAAA,kBAAA,MAAC,kBAAA,SAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,iBAAA,GAAA,kBAAA,KAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,iBAAA,GAAA,kBAAA,KAAC,0BAAA,SAAD,EAAa,CAAA;IACI,CAAA;GAErB,iBAAA,GAAA,kBAAA,KAAC,cAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,KAAC,iCAAA,SAAD,EAAgB,CAAA,EACH,CAAA;GACf,iBAAA,GAAA,kBAAA,KAAC,gBAAA,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,gBAAA,GAAA,gBAAA,SAAsB,qBAAA,QAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,qBAAA,OAAO;CACf,EAAE;AAEH,IAAM,oBAAA,GAAA,gBAAA,SAA0B,yBAAA,QAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,QAAQ,GAAI;CACzB,KAAK,MAAM,QAAQ,GAAI;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}

package/build/components/LoginForm/styles.mjs CHANGED Viewed

@@ -36,8 +36,8 @@ var StyledAvatar = styled(Avatar)(({ theme }) => ({
 }));
 var StyledIconButton = styled(IconButton)(({ theme }) => ({
 	position: "absolute",
-	right: theme.spacing() / 2,
-	top: theme.spacing() / 2,
+	right: theme.spacing(.5),
+	top: theme.spacing(.5),
 	color: theme.palette.grey[500]
 }));
 //#endregion

package/build/components/LoginForm/styles.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n const { t } = useTranslation();\n\n return (\n <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n {onClose && (\n <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n <CloseIcon />\n </StyledIconButton>\n )}\n <StyledAvatar>\n <LockOutlined />\n </StyledAvatar>\n <Heading>{t('button.login')}</Heading>\n </Box>\n );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(1),\n backgroundColor:\n theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n position: 'absolute',\n right: theme.spacing() ~~/ 2~~,\n top: theme.spacing() ~~/ 2~~,\n color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,qBAAC,KAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,oBAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,oBAAC,WAAD,EAAa,CAAA;IACI,CAAA;GAErB,oBAAC,cAAD,EAAA,UACE,oBAAC,cAAD,EAAgB,CAAA,EACH,CAAA;GACf,oBAAC,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,OAAO;CACf,EAAE;AAEH,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,~~SAAS~~,~~GAAG~~;CACzB,KAAK,MAAM,~~SAAS~~,~~GAAG~~;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}
1	+ {"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/LoginForm/styles.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport CloseIcon from '@mui/icons-material/Close';\nimport LockOutlined from '@mui/icons-material/LockOutlined';\nimport Avatar from '@mui/material/Avatar';\nimport Box from '@mui/material/Box';\nimport IconButton from '@mui/material/IconButton';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../';\nimport { Heading } from '../../';\n\ninterface Props {\n onClose?: () => void;\n}\n\nconst LoginFormHeader: React.FC<Props> = ({ onClose }) => {\n const { t } = useTranslation();\n\n return (\n <Box alignItems=\"center\" display=\"flex\" flexDirection=\"column\" position=\"relative\">\n {onClose && (\n <StyledIconButton aria-label={t('button.close')} onClick={onClose}>\n <CloseIcon />\n </StyledIconButton>\n )}\n <StyledAvatar>\n <LockOutlined />\n </StyledAvatar>\n <Heading>{t('button.login')}</Heading>\n </Box>\n );\n};\n\nconst StyledAvatar = styled(Avatar)<{ theme?: Theme }>(({ theme }) => ({\n margin: theme.spacing(1),\n backgroundColor:\n theme.palette.mode === 'light' ? theme.palette.primary.main : theme.palette.cyanBlue,\n color: common.white,\n}));\n\nconst StyledIconButton = styled(IconButton)<{ theme?: Theme }>(({ theme }) => ({\n position: 'absolute',\n right: theme.spacing(0.5),\n top: theme.spacing(0.5),\n color: theme.palette.grey[500],\n}));\n\nexport default LoginFormHeader;\n"],"mappings":";;;;;;;;;;;;;AAiBA,IAAM,mBAAoC,EAAE,cAAc;CACxD,MAAM,EAAE,MAAM,gBAAgB;AAE9B,QACE,qBAAC,KAAD;EAAK,YAAW;EAAS,SAAQ;EAAO,eAAc;EAAS,UAAS;YAAxE;GACG,WACC,oBAAC,kBAAD;IAAkB,cAAY,EAAE,eAAe;IAAE,SAAS;cACxD,oBAAC,WAAD,EAAa,CAAA;IACI,CAAA;GAErB,oBAAC,cAAD,EAAA,UACE,oBAAC,cAAD,EAAgB,CAAA,EACH,CAAA;GACf,oBAAC,SAAD,EAAA,UAAU,EAAE,eAAe,EAAW,CAAA;GAClC;;;AAIV,IAAM,eAAe,OAAO,OAAO,EAAqB,EAAE,aAAa;CACrE,QAAQ,MAAM,QAAQ,EAAE;CACxB,iBACE,MAAM,QAAQ,SAAS,UAAU,MAAM,QAAQ,QAAQ,OAAO,MAAM,QAAQ;CAC9E,OAAO,OAAO;CACf,EAAE;AAEH,IAAM,mBAAmB,OAAO,WAAW,EAAqB,EAAE,aAAa;CAC7E,UAAU;CACV,OAAO,MAAM,QAAQ,GAAI;CACzB,KAAK,MAAM,QAAQ,GAAI;CACvB,OAAO,MAAM,QAAQ,KAAK;CAC3B,EAAE"}

package/build/components/LoginForm/useLoginForm.d.ts CHANGED Viewed

@@ -1,76 +1,76 @@
-import type { LoginFormValues } from '../../utils/schemas';
+import { LoginFormValues } from '../../utils/schemas';
 type Options = {
     onSuccess?: () => void;
 };
 export declare function useLoginForm({ onSuccess }?: Options): {
     onSubmit: (data: LoginFormValues) => Promise<void>;
-    watch: import("react-hook-form").UseFormWatch<{
+    watch: import('react-hook-form').UseFormWatch<{
         username: string;
         password: string;
     }>;
-    getValues: import("react-hook-form").UseFormGetValues<{
+    getValues: import('react-hook-form').UseFormGetValues<{
         username: string;
         password: string;
     }>;
-    getFieldState: import("react-hook-form").UseFormGetFieldState<{
+    getFieldState: import('react-hook-form').UseFormGetFieldState<{
         username: string;
         password: string;
     }>;
-    setError: import("react-hook-form").UseFormSetError<{
+    setError: import('react-hook-form').UseFormSetError<{
         username: string;
         password: string;
     }>;
-    clearErrors: import("react-hook-form").UseFormClearErrors<{
+    clearErrors: import('react-hook-form').UseFormClearErrors<{
         username: string;
         password: string;
     }>;
-    setValue: import("react-hook-form").UseFormSetValue<{
+    setValue: import('react-hook-form').UseFormSetValue<{
         username: string;
         password: string;
     }>;
-    trigger: import("react-hook-form").UseFormTrigger<{
+    trigger: import('react-hook-form').UseFormTrigger<{
         username: string;
         password: string;
     }>;
-    formState: import("react-hook-form").FormState<{
+    formState: import('react-hook-form').FormState<{
         username: string;
         password: string;
     }>;
-    resetField: import("react-hook-form").UseFormResetField<{
+    resetField: import('react-hook-form').UseFormResetField<{
         username: string;
         password: string;
     }>;
-    reset: import("react-hook-form").UseFormReset<{
+    reset: import('react-hook-form').UseFormReset<{
         username: string;
         password: string;
     }>;
-    handleSubmit: import("react-hook-form").UseFormHandleSubmit<{
+    handleSubmit: import('react-hook-form').UseFormHandleSubmit<{
         username: string;
         password: string;
     }, {
         username: string;
         password: string;
     }>;
-    unregister: import("react-hook-form").UseFormUnregister<{
+    unregister: import('react-hook-form').UseFormUnregister<{
         username: string;
         password: string;
     }>;
-    control: import("react-hook-form").Control<{
+    control: import('react-hook-form').Control<{
         username: string;
         password: string;
     }, any, {
         username: string;
         password: string;
     }>;
-    register: import("react-hook-form").UseFormRegister<{
+    register: import('react-hook-form').UseFormRegister<{
         username: string;
         password: string;
     }>;
-    setFocus: import("react-hook-form").UseFormSetFocus<{
+    setFocus: import('react-hook-form').UseFormSetFocus<{
         username: string;
         password: string;
     }>;
-    subscribe: import("react-hook-form").UseFormSubscribe<{
+    subscribe: import('react-hook-form').UseFormSubscribe<{
         username: string;
         password: string;
     }>;

package/build/components/Logo/Logo.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const sizes: {
     'x-small': string;
     small: string;

package/build/components/Logo/img/logo-black-and-white.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><defs><filter x="-19.8%" y="-11.7%" width="139.6%" height="140.4%" filterUnits="objectBoundingBox" id="a"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter><filter x="-33.9%" y="-50%" width="167.9%" height="272.7%" filterUnits="objectBoundingBox" id="c"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter><path id="b" d="M48 16.729L32.672 47h-8.874L0 0h15.328l12.907 25.492 4.437-8.763H48z"/><path d="M35.2 11H28V8.643h8.4l1.2-2.357H32V3.929h6.8l.8-1.572H36V0h20l-5.6 11H35.2z" id="d"/></defs><g fill="none" fill-rule="evenodd"><rect fill="#000" width="100" height="100" rx="37"/><g transform="translate(22 30)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><use fill-opacity=".6" fill="#FFF" xlink:href="#b"/></g><g transform="translate(22 30)"><use fill="#000" filter="url(#c)" xlink:href="#d"/><use fill="#FFF" xlink:href="#d"/></g><path fill="#FFF" d="M54.785 77H45.88L22 30h15.38L58 70.718z"/></g></svg>

package/build/components/Logo/img/logo.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg width="100" height="100" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="verdaccio"><Title>Verdaccio</Title><defs><path id="b" d="M48 17.6L32.8 48H24L.4.8h15.2l12.8 25.6 4.4-8.8H48z"/><filter x="-20%" y="-11.7%" width="139.9%" height="140.3%" filterUnits="objectBoundingBox" id="a"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter><path id="d" d="M50.8 12H35.6L41.2.8h15.2L50.8 12z"/><filter x="-45.7%" y="-49.1%" width="191.3%" height="269.6%" filterUnits="objectBoundingBox" id="c"><feOffset dy="4" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur stdDeviation="2.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"/><feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.0906646286 0" in="shadowBlurOuter1"/></filter></defs><g fill="none" fill-rule="evenodd"><rect fill="#F7F8F6" width="100" height="100" rx="37"/><g transform="translate(22 29)"><use fill="#000" filter="url(#a)" xlink:href="#b"/><path stroke="#405236" stroke-width="2.4" d="M46.058 18.8H33.542L28.4 29.083 14.858 2H2.342l22.4 44.8h7.316l14-28z" stroke-linejoin="square" fill="#405236"/></g><g transform="translate(22 29)"><use fill="#000" filter="url(#c)" xlink:href="#d"/><path stroke="#CD4000" stroke-width="2.4" d="M50.058 10.8l4.4-8.8H41.942l-4.4 8.8h12.516z" stroke-linejoin="square" fill="#CD4000"/></g><path d="M54.06 75.8l2.575-5.112L36.857 31H24.342l22.4 44.8h7.319z" stroke="#405236" stroke-width="2.4" fill="#4A5E3F"/><path d="M59.6 31h15.221M55.6 35h15.221M51.6 39.8h15.221" stroke="#CD4000" stroke-width="2.4" stroke-linecap="square"/></g></svg>

package/build/components/MenuItem/MenuItem.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import type { MenuItemProps } from '@mui/material/MenuItem';
-import React from 'react';
+import { MenuItemProps } from '@mui/material/MenuItem';
+import { default as React } from 'react';
 type HTMLElementTagName = keyof HTMLElementTagNameMap;
 type MenuItemRef = HTMLElementTagNameMap[HTMLElementTagName];
 interface Props extends Omit<MenuItemProps, 'component'> {

package/build/components/NoItems/NoItems.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Props {
     text: string;
 }

package/build/components/NoItems/NoItems.mjs CHANGED Viewed

@@ -1,11 +1,11 @@
 import "react";
 import { jsx } from "react/jsx-runtime";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 import Alert from "@mui/material/Alert";
 //#region src/components/NoItems/NoItems.tsx
 var NoItems = ({ text, ...props }) => /* @__PURE__ */ jsx(Alert, {
 	severity: "info",
-	children: /* @__PURE__ */ jsx(MaterialUITypography, {
+	children: /* @__PURE__ */ jsx(Typography, {
 		...props,
 		children: text
 	})

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

	@@ -1 +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,~~sBAAD~~;EAAY,GAAI;YAAQ;EAAkB,CAAA;CACpC,CAAA"}
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"}

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

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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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"}
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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"}

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

	@@ -1 +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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"}
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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"}

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

@@ -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/Package/styles.mjs CHANGED Viewed

@@ -6,7 +6,7 @@ import { Link } from "react-router";
 import List from "@mui/material/List";
 import Avatar from "@mui/material/Avatar";
 import Grid from "@mui/material/Grid";
-import ListItemText from "@mui/material/ListItemText";
+import MuiListItemText from "@mui/material/ListItemText";
 //#region src/components/Package/styles.ts
 var OverviewItem = styled("span")(({ theme }) => ({
 	display: "flex",
@@ -53,7 +53,7 @@ var IconButton$1 = styled(IconButton)({
 	padding: 6,
 	svg: { fontSize: 16 }
 });
-var PackageListItemText = styled(ListItemText)({ paddingRight: 0 });
+var PackageListItemText = styled(MuiListItemText)({ paddingRight: 0 });
 var Description = styled("span")(({ theme }) => ({
 	color: theme.palette.mode === "light" ? greyDark : common.white,
 	fontSize: "14px",