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

package/build/components/Readme/hljs-github-dark.css

@@ -0,0 +1,117 @@
+[data-theme='dark'] pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+[data-theme='dark'] code.hljs {
+  padding: 3px 5px;
+}
+/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/
+[data-theme='dark'] .hljs {
+  color: #c9d1d9;
+  background: #0d1117;
+}
+[data-theme='dark'] .hljs-doctag,
+[data-theme='dark'] .hljs-keyword,
+[data-theme='dark'] .hljs-meta .hljs-keyword,
+[data-theme='dark'] .hljs-template-tag,
+[data-theme='dark'] .hljs-template-variable,
+[data-theme='dark'] .hljs-type,
+[data-theme='dark'] .hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #ff7b72;
+}
+[data-theme='dark'] .hljs-title,
+[data-theme='dark'] .hljs-title.class_,
+[data-theme='dark'] .hljs-title.class_.inherited__,
+[data-theme='dark'] .hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #d2a8ff;
+}
+[data-theme='dark'] .hljs-attr,
+[data-theme='dark'] .hljs-attribute,
+[data-theme='dark'] .hljs-literal,
+[data-theme='dark'] .hljs-meta,
+[data-theme='dark'] .hljs-number,
+[data-theme='dark'] .hljs-operator,
+[data-theme='dark'] .hljs-variable,
+[data-theme='dark'] .hljs-selector-attr,
+[data-theme='dark'] .hljs-selector-class,
+[data-theme='dark'] .hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #79c0ff;
+}
+[data-theme='dark'] .hljs-regexp,
+[data-theme='dark'] .hljs-string,
+[data-theme='dark'] .hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #a5d6ff;
+}
+[data-theme='dark'] .hljs-built_in,
+[data-theme='dark'] .hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #ffa657;
+}
+[data-theme='dark'] .hljs-comment,
+[data-theme='dark'] .hljs-code,
+[data-theme='dark'] .hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #8b949e;
+}
+[data-theme='dark'] .hljs-name,
+[data-theme='dark'] .hljs-quote,
+[data-theme='dark'] .hljs-selector-tag,
+[data-theme='dark'] .hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #7ee787;
+}
+[data-theme='dark'] .hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #c9d1d9;
+}
+[data-theme='dark'] .hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #1f6feb;
+  font-weight: bold;
+}
+[data-theme='dark'] .hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #f2cc60;
+}
+[data-theme='dark'] .hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #c9d1d9;
+  font-style: italic;
+}
+[data-theme='dark'] .hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #c9d1d9;
+  font-weight: bold;
+}
+[data-theme='dark'] .hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #aff5b4;
+  background-color: #033a16;
+}
+[data-theme='dark'] .hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #ffdcd7;
+  background-color: #67060c;
+}
+[data-theme='dark'] .hljs-char.escape_,
+[data-theme='dark'] .hljs-link,
+[data-theme='dark'] .hljs-params,
+[data-theme='dark'] .hljs-property,
+[data-theme='dark'] .hljs-punctuation,
+[data-theme='dark'] .hljs-tag {
+  /* purposely ignored */
+}

package/build/components/Readme/hljs-github-light.css

@@ -0,0 +1,117 @@
+[data-theme='light'] pre code.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 1em;
+}
+[data-theme='light'] code.hljs {
+  padding: 3px 5px;
+}
+/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/
+[data-theme='light'] .hljs {
+  color: #24292e;
+  background: #ffffff;
+}
+[data-theme='light'] .hljs-doctag,
+[data-theme='light'] .hljs-keyword,
+[data-theme='light'] .hljs-meta .hljs-keyword,
+[data-theme='light'] .hljs-template-tag,
+[data-theme='light'] .hljs-template-variable,
+[data-theme='light'] .hljs-type,
+[data-theme='light'] .hljs-variable.language_ {
+  /* prettylights-syntax-keyword */
+  color: #d73a49;
+}
+[data-theme='light'] .hljs-title,
+[data-theme='light'] .hljs-title.class_,
+[data-theme='light'] .hljs-title.class_.inherited__,
+[data-theme='light'] .hljs-title.function_ {
+  /* prettylights-syntax-entity */
+  color: #6f42c1;
+}
+[data-theme='light'] .hljs-attr,
+[data-theme='light'] .hljs-attribute,
+[data-theme='light'] .hljs-literal,
+[data-theme='light'] .hljs-meta,
+[data-theme='light'] .hljs-number,
+[data-theme='light'] .hljs-operator,
+[data-theme='light'] .hljs-variable,
+[data-theme='light'] .hljs-selector-attr,
+[data-theme='light'] .hljs-selector-class,
+[data-theme='light'] .hljs-selector-id {
+  /* prettylights-syntax-constant */
+  color: #0064d6;
+}
+[data-theme='light'] .hljs-regexp,
+[data-theme='light'] .hljs-string,
+[data-theme='light'] .hljs-meta .hljs-string {
+  /* prettylights-syntax-string */
+  color: #032f62;
+}
+[data-theme='light'] .hljs-built_in,
+[data-theme='light'] .hljs-symbol {
+  /* prettylights-syntax-variable */
+  color: #e36209;
+}
+[data-theme='light'] .hljs-comment,
+[data-theme='light'] .hljs-code,
+[data-theme='light'] .hljs-formula {
+  /* prettylights-syntax-comment */
+  color: #6a737d;
+}
+[data-theme='light'] .hljs-name,
+[data-theme='light'] .hljs-quote,
+[data-theme='light'] .hljs-selector-tag,
+[data-theme='light'] .hljs-selector-pseudo {
+  /* prettylights-syntax-entity-tag */
+  color: #22863a;
+}
+[data-theme='light'] .hljs-subst {
+  /* prettylights-syntax-storage-modifier-import */
+  color: #24292e;
+}
+[data-theme='light'] .hljs-section {
+  /* prettylights-syntax-markup-heading */
+  color: #005cc5;
+  font-weight: bold;
+}
+[data-theme='light'] .hljs-bullet {
+  /* prettylights-syntax-markup-list */
+  color: #735c0f;
+}
+[data-theme='light'] .hljs-emphasis {
+  /* prettylights-syntax-markup-italic */
+  color: #24292e;
+  font-style: italic;
+}
+[data-theme='light'] .hljs-strong {
+  /* prettylights-syntax-markup-bold */
+  color: #24292e;
+  font-weight: bold;
+}
+[data-theme='light'] .hljs-addition {
+  /* prettylights-syntax-markup-inserted */
+  color: #22863a;
+  background-color: #f0fff4;
+}
+[data-theme='light'] .hljs-deletion {
+  /* prettylights-syntax-markup-deleted */
+  color: #b31d28;
+  background-color: #ffeef0;
+}
+[data-theme='light'] .hljs-char.escape_,
+[data-theme='light'] .hljs-link,
+[data-theme='light'] .hljs-params,
+[data-theme='light'] .hljs-property,
+[data-theme='light'] .hljs-punctuation,
+[data-theme='light'] .hljs-tag {
+  /* purposely ignored */
+}

package/build/components/RegistryInfoDialog/RegistryInfoDialog.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import type { Props } from './types';
+import { default as React } from 'react';
+import { Props } from './types';
 declare const RegistryInfoDialog: React.FC<Props>;
 export default RegistryInfoDialog;

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

@@ -1,13 +1,17 @@
-import type { Theme } from '../../';
-export declare const Title: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<import("@mui/material/DialogContent").DialogContentProps & {
-    theme?: import("@emotion/react").Theme;
+import { Theme } from '../../';
+export declare const Title: import('@emotion/styled').StyledComponent<import('@mui/material/DialogTitle').DialogTitleOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "p" | "style" | "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" | "className" | "classes" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import('@emotion/react').Theme;
 } & {
     theme?: Theme;
 }, {}, {}>;
-export declare const TextContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const Content: import('@emotion/styled').StyledComponent<import('@mui/material/DialogContent').DialogContentProps & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const TextContent: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/RegistryInfoDialog/types.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 export interface Props {
     children: ReactNode;
     open: boolean;

package/build/components/Repository/Repository.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const Repository: React.FC<{
     packageMeta: any;
 }>;

package/build/components/Repository/Repository.mjs

@@ -13,11 +13,11 @@ import { useTranslation } from "react-i18next";
 import { common } from "@mui/material/colors";
 import List from "@mui/material/List";
 import Avatar from "@mui/material/Avatar";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 import ListItem from "@mui/material/ListItem";
 import ListItemText from "@mui/material/ListItemText";
 //#region src/components/Repository/Repository.tsx
-var StyledText = styled(MaterialUITypography)((props) => ({
+var StyledText = styled(Typography)((props) => ({
 	fontWeight: props.theme.fontWeight.bold,
 	textTransform: "capitalize"
 }));

package/build/components/Repository/Repository.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Repository.mjs","names":[],"sources":["../../../src/components/Repository/Repository.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url as urlUtils } from '../../utils';\nimport CopyClipboard from '../CopyClipboard';\nimport { Git } from '../Icons';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst RepositoryListItem = styled(ListItem)({\n  padding: 0,\n  ':hover': {\n    backgroundColor: 'transparent',\n  },\n});\n\nconst RepositoryListItemText = styled(ListItemText)({\n  padding: '0 0 0 10px',\n  margin: 0,\n});\n\nconst RepositoryAvatar = styled(Avatar)({\n  padding: 0,\n  marginLeft: 0,\n  backgroundColor: 'transparent',\n});\n\nconst Repository: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const url = packageMeta?.latest?.repository?.url;\n  if (!url || !urlUtils.isURL(url)) {\n    return null;\n  }\n\n  const getCorrectRepositoryURL = (): string => {\n    if (!url.includes('git+')) {\n      return url;\n    }\n\n    return url.split('git+')[1];\n  };\n\n  const repositoryURL = getCorrectRepositoryURL();\n\n  return (\n    <List\n      dense={true}\n      subheader={<StyledText variant=\"subtitle1\">{t('sidebar.repository.title')}</StyledText>}\n    >\n      <RepositoryListItem>\n        <RepositoryAvatar sx={{ bgcolor: common.white }}>\n          <Git />\n        </RepositoryAvatar>\n        <RepositoryListItemText\n          primary={\n            <CopyClipboard dataTestId=\"repositoryID\" text={repositoryURL} title={repositoryURL}>\n              <LinkExternal to={repositoryURL} variant=\"outline\">\n                {repositoryURL}\n              </LinkExternal>\n            </CopyClipboard>\n          }\n        />\n      </RepositoryListItem>\n    </List>\n  );\n};\n\nexport default Repository;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,qBAAW,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;CAChB,EAAE;AAEH,IAAM,qBAAqB,OAAO,SAAS,CAAC;CAC1C,SAAS;CACT,UAAU,EACR,iBAAiB,eAClB;CACF,CAAC;AAEF,IAAM,yBAAyB,OAAO,aAAa,CAAC;CAClD,SAAS;CACT,QAAQ;CACT,CAAC;AAEF,IAAM,mBAAmB,OAAO,OAAO,CAAC;CACtC,SAAS;CACT,YAAY;CACZ,iBAAiB;CAClB,CAAC;AAEF,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,MAAM,aAAa,QAAQ,YAAY;AAC7C,KAAI,CAAC,OAAO,CAAC,MAAe,IAAI,CAC9B,QAAO;CAGT,MAAM,gCAAwC;AAC5C,MAAI,CAAC,IAAI,SAAS,OAAO,CACvB,QAAO;AAGT,SAAO,IAAI,MAAM,OAAO,CAAC;;CAG3B,MAAM,gBAAgB,yBAAyB;AAE/C,QACE,oBAAC,MAAD;EACE,OAAO;EACP,WAAW,oBAAC,YAAD;GAAY,SAAQ;aAAa,EAAE,2BAA2B;GAAc,CAAA;YAEvF,qBAAC,oBAAD,EAAA,UAAA,CACE,oBAAC,kBAAD;GAAkB,IAAI,EAAE,SAAS,OAAO,OAAO;aAC7C,oBAAC,KAAD,EAAO,CAAA;GACU,CAAA,EACnB,oBAAC,wBAAD,EACE,SACE,oBAAC,iBAAD;GAAe,YAAW;GAAe,MAAM;GAAe,OAAO;aACnE,oBAAC,cAAD;IAAc,IAAI;IAAe,SAAQ;cACtC;IACY,CAAA;GACD,CAAA,EAElB,CAAA,CACiB,EAAA,CAAA;EAChB,CAAA"}
+{"version":3,"file":"Repository.mjs","names":[],"sources":["../../../src/components/Repository/Repository.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Avatar from '@mui/material/Avatar';\nimport List from '@mui/material/List';\nimport ListItem from '@mui/material/ListItem';\nimport ListItemText from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nimport type { Theme } from '../../Theme';\nimport { url as urlUtils } from '../../utils';\nimport CopyClipboard from '../CopyClipboard';\nimport { Git } from '../Icons';\nimport LinkExternal from '../LinkExternal';\n\nconst StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst RepositoryListItem = styled(ListItem)({\n  padding: 0,\n  ':hover': {\n    backgroundColor: 'transparent',\n  },\n});\n\nconst RepositoryListItemText = styled(ListItemText)({\n  padding: '0 0 0 10px',\n  margin: 0,\n});\n\nconst RepositoryAvatar = styled(Avatar)({\n  padding: 0,\n  marginLeft: 0,\n  backgroundColor: 'transparent',\n});\n\nconst Repository: React.FC<{ packageMeta: any }> = ({ packageMeta }) => {\n  const { t } = useTranslation();\n  const url = packageMeta?.latest?.repository?.url;\n  if (!url || !urlUtils.isURL(url)) {\n    return null;\n  }\n\n  const getCorrectRepositoryURL = (): string => {\n    if (!url.includes('git+')) {\n      return url;\n    }\n\n    return url.split('git+')[1];\n  };\n\n  const repositoryURL = getCorrectRepositoryURL();\n\n  return (\n    <List\n      dense={true}\n      subheader={<StyledText variant=\"subtitle1\">{t('sidebar.repository.title')}</StyledText>}\n    >\n      <RepositoryListItem>\n        <RepositoryAvatar sx={{ bgcolor: common.white }}>\n          <Git />\n        </RepositoryAvatar>\n        <RepositoryListItemText\n          primary={\n            <CopyClipboard dataTestId=\"repositoryID\" text={repositoryURL} title={repositoryURL}>\n              <LinkExternal to={repositoryURL} variant=\"outline\">\n                {repositoryURL}\n              </LinkExternal>\n            </CopyClipboard>\n          }\n        />\n      </RepositoryListItem>\n    </List>\n  );\n};\n\nexport default Repository;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,IAAM,aAAa,OAAO,WAAW,EAAqB,WAAW;CACnE,YAAY,MAAM,MAAM,WAAW;CACnC,eAAe;CAChB,EAAE;AAEH,IAAM,qBAAqB,OAAO,SAAS,CAAC;CAC1C,SAAS;CACT,UAAU,EACR,iBAAiB,eAClB;CACF,CAAC;AAEF,IAAM,yBAAyB,OAAO,aAAa,CAAC;CAClD,SAAS;CACT,QAAQ;CACT,CAAC;AAEF,IAAM,mBAAmB,OAAO,OAAO,CAAC;CACtC,SAAS;CACT,YAAY;CACZ,iBAAiB;CAClB,CAAC;AAEF,IAAM,cAA8C,EAAE,kBAAkB;CACtE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,MAAM,aAAa,QAAQ,YAAY;AAC7C,KAAI,CAAC,OAAO,CAAC,MAAe,IAAI,CAC9B,QAAO;CAGT,MAAM,gCAAwC;AAC5C,MAAI,CAAC,IAAI,SAAS,OAAO,CACvB,QAAO;AAGT,SAAO,IAAI,MAAM,OAAO,CAAC;;CAG3B,MAAM,gBAAgB,yBAAyB;AAE/C,QACE,oBAAC,MAAD;EACE,OAAO;EACP,WAAW,oBAAC,YAAD;GAAY,SAAQ;aAAa,EAAE,2BAA2B;GAAc,CAAA;YAEvF,qBAAC,oBAAD,EAAA,UAAA,CACE,oBAAC,kBAAD;GAAkB,IAAI,EAAE,SAAS,OAAO,OAAO;aAC7C,oBAAC,KAAD,EAAO,CAAA;GACU,CAAA,EACnB,oBAAC,wBAAD,EACE,SACE,oBAAC,iBAAD;GAAe,YAAW;GAAe,MAAM;GAAe,OAAO;aACnE,oBAAC,cAAD;IAAc,IAAI;IAAe,SAAQ;cACtC;IACY,CAAA;GACD,CAAA,EAElB,CAAA,CACiB,EAAA,CAAA;EAChB,CAAA"}

package/build/components/Search/AutoComplete/AutoComplete.d.ts

@@ -1,6 +1,5 @@
-import type { FC } from 'react';
-import React from 'react';
-import type { SearchResultWeb } from '@verdaccio/types';
+import { FC, default as React } from 'react';
+import { SearchResultWeb } from '@verdaccio/types';
 export type OnSelecItem = (event: React.SyntheticEvent, value: SearchResultWeb, reason: string, details?: string) => void;
 interface Props {
     suggestions?: SearchResultWeb[];

package/build/components/Search/AutoComplete/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const Wrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/components/Search/Search.d.ts

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

package/build/components/Search/SearchItem.d.ts

@@ -1,5 +1,5 @@
-import type { Theme } from '@mui/material';
-import React from 'react';
+import { Theme } from '@mui/material';
+import { default as React } from 'react';
 type SearchItemProps = {
     name: string;
     version?: string;
@@ -8,8 +8,8 @@ type SearchItemProps = {
     isCached?: boolean;
     isRemote?: boolean;
 };
-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;

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

@@ -1,12 +1,16 @@
-import type { Theme } from '../../';
+import { Theme } from '../../';
 export interface InputFieldProps {
     color: string;
 }
-export declare const StyledTextField: import("@emotion/styled").StyledComponent<{
-    variant?: import("@mui/material").TextFieldVariants | undefined;
-} & Omit<import("@mui/material").OutlinedTextFieldProps | import("@mui/material").FilledTextFieldProps | import("@mui/material").StandardTextFieldProps, "variant"> & {
-    theme?: import("@emotion/react").Theme;
+export declare const StyledTextField: import('@emotion/styled').StyledComponent<{
+    variant?: import('@mui/material').TextFieldVariants | undefined;
+} & Omit<import('@mui/material').OutlinedTextFieldProps | import('@mui/material').FilledTextFieldProps | import('@mui/material').StandardTextFieldProps, "variant"> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const StyledInputAdornment: import('@emotion/styled').StyledComponent<import('@mui/material').InputAdornmentOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "style" | "position" | "className" | "classes" | "sx" | "variant" | "disableTypography" | "disablePointerEvents"> & {
+    theme?: import('@emotion/react').Theme;
 } & {
     theme?: Theme;
 }, {}, {}>;
-export declare const StyledInputAdornment: import("@emotion/styled").StyledComponent<any, {}, {}>;

package/build/components/SettingsMenu/SettingsMenu.d.ts

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

package/build/components/SideBarTitle/SideBarTitle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type ModuleType = 'commonjs' | 'module';
 interface Props {
     packageName: string;

package/build/components/UnAuthorized/UnAuthorized.d.ts

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

package/build/components/UpLinks/UpLinks.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const UpLinks: React.FC<{
     packageMeta: any;
 }>;

package/build/components/UpLinks/UplinkLink.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 declare const UpLinkLink: React.FC<{
     packageName: string;
     uplinkName: string;

package/build/components/UpLinks/index.js

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

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

@@ -1,13 +1,17 @@
-import type { Theme } from '../../Theme';
-export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const Spacer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { Theme } from '../../Theme';
+export declare const StyledText: import('@emotion/styled').StyledComponent<import('@mui/material/Typography').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "p" | "style" | "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" | "className" | "classes" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    theme?: Theme;
+}, {}, {}>;
+export declare const Spacer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ListItemText: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListItemText: 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;
 } & {
     theme?: Theme;
 }, {}, {}>;

package/build/components/UpLinks/styles.mjs

@@ -1,9 +1,9 @@
 import styled from "@emotion/styled";
 import { common } from "@mui/material/colors";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 import ListItemText from "@mui/material/ListItemText";
 //#region src/components/UpLinks/styles.ts
-var StyledText = styled(MaterialUITypography)((props) => ({ fontWeight: props.theme.fontWeight.bold }));
+var StyledText = styled(Typography)((props) => ({ fontWeight: props.theme.fontWeight.bold }));
 var Spacer = styled("div")(({ theme }) => ({
 	flex: "1 1 auto",
 	borderBottom: `1px dotted ${theme.palette.mode == "light" ? "rgba(0, 0, 0, 0.2)" : "rgba(255, 255, 255, 0.2)"} `,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/UpLinks/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as MuiListItemText } from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../Theme';\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme.fontWeight.bold,\n}));\n\nexport const Spacer = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  flex: '1 1 auto',\n  borderBottom: `1px dotted ${\n    theme.palette.mode == 'light' ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)'\n  } `,\n  whiteSpace: 'nowrap',\n  height: '0.5em',\n  margin: '0 16px',\n}));\n\nexport const ListItemText = styled(MuiListItemText)<{ theme?: Theme }>(({ theme }) => ({\n  flex: 'none',\n  color: theme.palette.mode == 'light' ? theme.palette.black : common.white,\n  opacity: 0.6,\n}));\n"],"mappings":";;;;;AAOA,IAAa,aAAa,OAAO,qBAAW,EAAqB,WAAW,EAC1E,YAAY,MAAM,MAAM,WAAW,MACpC,EAAE;AAEH,IAAa,SAAS,OAAO,MAAM,EAAqB,EAAE,aAAa;CACrE,MAAM;CACN,cAAc,cACZ,MAAM,QAAQ,QAAQ,UAAU,uBAAuB,2BACxD;CACD,YAAY;CACZ,QAAQ;CACR,QAAQ;CACT,EAAE;AAEH,IAAa,iBAAe,OAAO,aAAgB,EAAqB,EAAE,aAAa;CACrF,MAAM;CACN,OAAO,MAAM,QAAQ,QAAQ,UAAU,MAAM,QAAQ,QAAQ,OAAO;CACpE,SAAS;CACV,EAAE"}
+{"version":3,"file":"styles.mjs","names":[],"sources":["../../../src/components/UpLinks/styles.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { default as MuiListItemText } from '@mui/material/ListItemText';\nimport Typography from '@mui/material/Typography';\nimport { common } from '@mui/material/colors';\n\nimport type { Theme } from '../../Theme';\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme.fontWeight.bold,\n}));\n\nexport const Spacer = styled('div')<{ theme?: Theme }>(({ theme }) => ({\n  flex: '1 1 auto',\n  borderBottom: `1px dotted ${\n    theme.palette.mode == 'light' ? 'rgba(0, 0, 0, 0.2)' : 'rgba(255, 255, 255, 0.2)'\n  } `,\n  whiteSpace: 'nowrap',\n  height: '0.5em',\n  margin: '0 16px',\n}));\n\nexport const ListItemText = styled(MuiListItemText)<{ theme?: Theme }>(({ theme }) => ({\n  flex: 'none',\n  color: theme.palette.mode == 'light' ? theme.palette.black : common.white,\n  opacity: 0.6,\n}));\n"],"mappings":";;;;;AAOA,IAAa,aAAa,OAAO,WAAW,EAAqB,WAAW,EAC1E,YAAY,MAAM,MAAM,WAAW,MACpC,EAAE;AAEH,IAAa,SAAS,OAAO,MAAM,EAAqB,EAAE,aAAa;CACrE,MAAM;CACN,cAAc,cACZ,MAAM,QAAQ,QAAQ,UAAU,uBAAuB,2BACxD;CACD,YAAY;CACZ,QAAQ;CACR,QAAQ;CACT,EAAE;AAEH,IAAa,iBAAe,OAAO,aAAgB,EAAqB,EAAE,aAAa;CACrF,MAAM;CACN,OAAO,MAAM,QAAQ,QAAQ,UAAU,MAAM,QAAQ,QAAQ,OAAO;CACpE,SAAS;CACV,EAAE"}

package/build/components/Versions/HistoryList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { Time, Versions } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { Time, Versions } from '../../types/packageMeta';
 interface Props {
     versions: Versions;
     packageName: string;

package/build/components/Versions/TagList.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { DistTags, Time } from '../../types/packageMeta';
+import { default as React } from 'react';
+import { DistTags, Time } from '../../types/packageMeta';
 interface Props {
     tags: DistTags;
     packageName: string;

package/build/components/Versions/Versions.d.ts

@@ -1,8 +1,13 @@
-import React from 'react';
+import { default as React } from 'react';
+import { Theme } from '../../Theme';
 export type Props = {
     packageMeta: any;
     packageName: string;
 };
-export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const StyledText: import('@emotion/styled').StyledComponent<import('@mui/material/Typography').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "children" | "p" | "style" | "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" | "className" | "classes" | "sx" | "variant" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
+    theme?: import('@emotion/react').Theme;
+} & {
+    theme?: Theme;
+}, {}, {}>;
 declare const Versions: React.FC<Props>;
 export default Versions;

package/build/components/Versions/Versions.mjs

@@ -8,14 +8,14 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import Box from "@mui/material/Box";
 import { debounce } from "lodash-es";
 import { useTranslation } from "react-i18next";
-import MaterialUITypography from "@mui/material/Typography";
+import Typography from "@mui/material/Typography";
 import Card from "@mui/material/Card";
 import CardContent from "@mui/material/CardContent";
 import Alert from "@mui/material/Alert";
 import TextField from "@mui/material/TextField";
 import semver from "semver";
 //#region src/components/Versions/Versions.tsx
-var StyledText = styled(MaterialUITypography)((props) => ({
+var StyledText = styled(Typography)((props) => ({
 	fontWeight: props.theme && props.theme.fontWeight.bold,
 	textTransform: "capitalize"
 }));

package/build/components/Versions/Versions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Versions.mjs","names":[],"sources":["../../../src/components/Versions/Versions.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { debounce } from 'lodash-es';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport semver from 'semver';\n\nimport type { Theme } from '../../Theme';\nimport { useConfig } from '../../providers';\nimport VersionsHistoryList from './HistoryList';\nimport VersionsTagList from './TagList';\n\nexport type Props = { packageMeta: any; packageName: string };\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme && props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst Versions: React.FC<Props> = ({ packageMeta, packageName }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n  const { versions = {}, time = {}, ['dist-tags']: distTags = {} } = packageMeta;\n\n  const [packageVersions, setPackageVersions] = useState(versions);\n  if (!packageMeta || Object.keys(packageMeta).length === 0) {\n    return null;\n  }\n  const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;\n  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;\n  const hasVersionHistory =\n    packageVersions && Object.keys(packageVersions).length > 0 && packageName;\n\n  const filterVersions = (textSearch) => {\n    const filteredVersions = Object.keys(versions).reduce((acc, version) => {\n      if (textSearch !== '') {\n        if (typeof versions[version] !== 'undefined') {\n          if (semver.satisfies(version, textSearch, { includePrerelease: true, loose: true })) {\n            acc[version] = versions[version];\n          }\n        }\n      } else {\n        acc[version] = versions[version];\n      }\n      return acc;\n    }, {});\n\n    setPackageVersions(filteredVersions);\n  };\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"versions\" sx={{ m: 2 }}>\n          {hasDistTags ? (\n            <>\n              <StyledText variant=\"subtitle1\">\n                {t('versions.current-tags')}\n                <span>{` (${Object.keys(distTags).length})`}</span>\n              </StyledText>\n              <VersionsTagList packageName={packageName} tags={distTags} time={time} />\n            </>\n          ) : null}\n          <>\n            <StyledText variant=\"subtitle1\">\n              {t('versions.version-history')}\n              <span>{` (${Object.keys(packageVersions).length})`}</span>\n            </StyledText>\n            <TextField\n              helperText={t('versions.search.placeholder')}\n              onChange={debounce((e) => {\n                filterVersions(e.target.value);\n              }, 200)}\n              size=\"small\"\n              variant=\"standard\"\n              sx={{ width: '50%' }}\n            />\n          </>\n          {hasVersionHistory ? (\n            <>\n              {hideDeprecatedVersions === true && (\n                // @ts-ignore - Alert does accept children despite the type error\n                <Alert severity=\"info\" sx={{ marginTop: 1, marginBottom: 1 }}>\n                  {t('versions.hide-deprecated')}\n                </Alert>\n              )}\n              <VersionsHistoryList\n                packageName={packageName}\n                time={time}\n                versions={packageVersions}\n              />\n            </>\n          ) : null}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default Versions;\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAa,aAAa,OAAO,qBAAW,EAAqB,WAAW;CAC1E,YAAY,MAAM,SAAS,MAAM,MAAM,WAAW;CAClD,eAAe;CAChB,EAAE;AAEH,IAAM,YAA6B,EAAE,aAAa,kBAAkB;CAClE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,GAAG,cAAc,WAAW,EAAE,KAAK;CAEnE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,SAAS;AAChE,KAAI,CAAC,eAAe,OAAO,KAAK,YAAY,CAAC,WAAW,EACtD,QAAO;CAET,MAAM,yBAAyB,cAAc;CAC7C,MAAM,cAAc,YAAY,OAAO,KAAK,SAAS,CAAC,SAAS,KAAK;CACpE,MAAM,oBACJ,mBAAmB,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAK;CAEhE,MAAM,kBAAkB,eAAe;AAcrC,qBAbyB,OAAO,KAAK,SAAS,CAAC,QAAQ,KAAK,YAAY;AACtE,OAAI,eAAe;QACb,OAAO,SAAS,aAAa;SAC3B,OAAO,UAAU,SAAS,YAAY;MAAE,mBAAmB;MAAM,OAAO;MAAM,CAAC,CACjF,KAAI,WAAW,SAAS;;SAI5B,KAAI,WAAW,SAAS;AAE1B,UAAO;KACN,EAAE,CAAC,CAE8B;;AAGtC,QACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,oBAAC,aAAD,EAAA,UACE,qBAAC,KAAD;GAAK,eAAY;GAAW,IAAI,EAAE,GAAG,GAAG;aAAxC;IACG,cACC,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;eAApB,CACG,EAAE,wBAAwB,EAC3B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,SAAS,CAAC,OAAO,IAAU,CAAA,CACxC;QACb,oBAAC,iBAAD;KAA8B;KAAa,MAAM;KAAgB;KAAQ,CAAA,CACxE,EAAA,CAAA,GACD;IACJ,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;eAApB,CACG,EAAE,2BAA2B,EAC9B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,gBAAgB,CAAC,OAAO,IAAU,CAAA,CAC/C;QACb,oBAAC,WAAD;KACE,YAAY,EAAE,8BAA8B;KAC5C,UAAU,UAAU,MAAM;AACxB,qBAAe,EAAE,OAAO,MAAM;QAC7B,IAAI;KACP,MAAK;KACL,SAAQ;KACR,IAAI,EAAE,OAAO,OAAO;KACpB,CAAA,CACD,EAAA,CAAA;IACF,oBACC,qBAAA,YAAA,EAAA,UAAA,CACG,2BAA2B,QAE1B,oBAAC,OAAD;KAAO,UAAS;KAAO,IAAI;MAAE,WAAW;MAAG,cAAc;MAAG;eACzD,EAAE,2BAA2B;KACxB,CAAA,EAEV,oBAAC,qBAAD;KACe;KACP;KACN,UAAU;KACV,CAAA,CACD,EAAA,CAAA,GACD;IACA;MACM,CAAA;EACT,CAAA"}
+{"version":3,"file":"Versions.mjs","names":[],"sources":["../../../src/components/Versions/Versions.tsx"],"sourcesContent":["import styled from '@emotion/styled';\nimport Alert from '@mui/material/Alert';\nimport Box from '@mui/material/Box';\nimport Card from '@mui/material/Card';\nimport CardContent from '@mui/material/CardContent';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { debounce } from 'lodash-es';\nimport React, { useState } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport semver from 'semver';\n\nimport type { Theme } from '../../Theme';\nimport { useConfig } from '../../providers';\nimport VersionsHistoryList from './HistoryList';\nimport VersionsTagList from './TagList';\n\nexport type Props = { packageMeta: any; packageName: string };\n\nexport const StyledText = styled(Typography)<{ theme?: Theme }>((props) => ({\n  fontWeight: props.theme && props.theme.fontWeight.bold,\n  textTransform: 'capitalize',\n}));\n\nconst Versions: React.FC<Props> = ({ packageMeta, packageName }) => {\n  const { t } = useTranslation();\n  const { configOptions } = useConfig();\n  const { versions = {}, time = {}, ['dist-tags']: distTags = {} } = packageMeta;\n\n  const [packageVersions, setPackageVersions] = useState(versions);\n  if (!packageMeta || Object.keys(packageMeta).length === 0) {\n    return null;\n  }\n  const hideDeprecatedVersions = configOptions.hideDeprecatedVersions;\n  const hasDistTags = distTags && Object.keys(distTags).length > 0 && packageName;\n  const hasVersionHistory =\n    packageVersions && Object.keys(packageVersions).length > 0 && packageName;\n\n  const filterVersions = (textSearch) => {\n    const filteredVersions = Object.keys(versions).reduce((acc, version) => {\n      if (textSearch !== '') {\n        if (typeof versions[version] !== 'undefined') {\n          if (semver.satisfies(version, textSearch, { includePrerelease: true, loose: true })) {\n            acc[version] = versions[version];\n          }\n        }\n      } else {\n        acc[version] = versions[version];\n      }\n      return acc;\n    }, {});\n\n    setPackageVersions(filteredVersions);\n  };\n\n  return (\n    <Card sx={{ mb: 2 }}>\n      <CardContent>\n        <Box data-testid=\"versions\" sx={{ m: 2 }}>\n          {hasDistTags ? (\n            <>\n              <StyledText variant=\"subtitle1\">\n                {t('versions.current-tags')}\n                <span>{` (${Object.keys(distTags).length})`}</span>\n              </StyledText>\n              <VersionsTagList packageName={packageName} tags={distTags} time={time} />\n            </>\n          ) : null}\n          <>\n            <StyledText variant=\"subtitle1\">\n              {t('versions.version-history')}\n              <span>{` (${Object.keys(packageVersions).length})`}</span>\n            </StyledText>\n            <TextField\n              helperText={t('versions.search.placeholder')}\n              onChange={debounce((e) => {\n                filterVersions(e.target.value);\n              }, 200)}\n              size=\"small\"\n              variant=\"standard\"\n              sx={{ width: '50%' }}\n            />\n          </>\n          {hasVersionHistory ? (\n            <>\n              {hideDeprecatedVersions === true && (\n                // @ts-ignore - Alert does accept children despite the type error\n                <Alert severity=\"info\" sx={{ marginTop: 1, marginBottom: 1 }}>\n                  {t('versions.hide-deprecated')}\n                </Alert>\n              )}\n              <VersionsHistoryList\n                packageName={packageName}\n                time={time}\n                versions={packageVersions}\n              />\n            </>\n          ) : null}\n        </Box>\n      </CardContent>\n    </Card>\n  );\n};\n\nexport default Versions;\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,IAAa,aAAa,OAAO,WAAW,EAAqB,WAAW;CAC1E,YAAY,MAAM,SAAS,MAAM,MAAM,WAAW;CAClD,eAAe;CAChB,EAAE;AAEH,IAAM,YAA6B,EAAE,aAAa,kBAAkB;CAClE,MAAM,EAAE,MAAM,gBAAgB;CAC9B,MAAM,EAAE,kBAAkB,WAAW;CACrC,MAAM,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,GAAG,cAAc,WAAW,EAAE,KAAK;CAEnE,MAAM,CAAC,iBAAiB,sBAAsB,SAAS,SAAS;AAChE,KAAI,CAAC,eAAe,OAAO,KAAK,YAAY,CAAC,WAAW,EACtD,QAAO;CAET,MAAM,yBAAyB,cAAc;CAC7C,MAAM,cAAc,YAAY,OAAO,KAAK,SAAS,CAAC,SAAS,KAAK;CACpE,MAAM,oBACJ,mBAAmB,OAAO,KAAK,gBAAgB,CAAC,SAAS,KAAK;CAEhE,MAAM,kBAAkB,eAAe;AAcrC,qBAbyB,OAAO,KAAK,SAAS,CAAC,QAAQ,KAAK,YAAY;AACtE,OAAI,eAAe;QACb,OAAO,SAAS,aAAa;SAC3B,OAAO,UAAU,SAAS,YAAY;MAAE,mBAAmB;MAAM,OAAO;MAAM,CAAC,CACjF,KAAI,WAAW,SAAS;;SAI5B,KAAI,WAAW,SAAS;AAE1B,UAAO;KACN,EAAE,CAAC,CAE8B;;AAGtC,QACE,oBAAC,MAAD;EAAM,IAAI,EAAE,IAAI,GAAG;YACjB,oBAAC,aAAD,EAAA,UACE,qBAAC,KAAD;GAAK,eAAY;GAAW,IAAI,EAAE,GAAG,GAAG;aAAxC;IACG,cACC,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;eAApB,CACG,EAAE,wBAAwB,EAC3B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,SAAS,CAAC,OAAO,IAAU,CAAA,CACxC;QACb,oBAAC,iBAAD;KAA8B;KAAa,MAAM;KAAgB;KAAQ,CAAA,CACxE,EAAA,CAAA,GACD;IACJ,qBAAA,YAAA,EAAA,UAAA,CACE,qBAAC,YAAD;KAAY,SAAQ;eAApB,CACG,EAAE,2BAA2B,EAC9B,oBAAC,QAAD,EAAA,UAAO,KAAK,OAAO,KAAK,gBAAgB,CAAC,OAAO,IAAU,CAAA,CAC/C;QACb,oBAAC,WAAD;KACE,YAAY,EAAE,8BAA8B;KAC5C,UAAU,UAAU,MAAM;AACxB,qBAAe,EAAE,OAAO,MAAM;QAC7B,IAAI;KACP,MAAK;KACL,SAAQ;KACR,IAAI,EAAE,OAAO,OAAO;KACpB,CAAA,CACD,EAAA,CAAA;IACF,oBACC,qBAAA,YAAA,EAAA,UAAA,CACG,2BAA2B,QAE1B,oBAAC,OAAD;KAAO,UAAS;KAAO,IAAI;MAAE,WAAW;MAAG,cAAc;MAAG;eACzD,EAAE,2BAA2B;KACxB,CAAA,EAEV,oBAAC,qBAAD;KACe;KACP;KACN,UAAU;KACV,CAAA,CACD,EAAA,CAAA,GACD;IACA;MACM,CAAA;EACT,CAAA"}

package/build/components/Versions/index.js

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

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

@@ -1,12 +1,12 @@
-import type { Theme } from '../../Theme';
-export declare const Spacer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
+import { Theme } from '../../Theme';
+export declare const Spacer: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
     as?: React.ElementType;
 } & {
     theme?: Theme;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ListItemText: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const ListItemText: 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;
 } & {
     theme?: Theme;
 }, {}, {}>;

package/build/components/Versions/types.d.ts

@@ -1,4 +1,4 @@
-import type { PackageMetaInterface } from '../../types/packageMeta';
+import { PackageMetaInterface } from '../../types/packageMeta';
 export interface DetailContextProps {
     hasNotBeenFound: boolean;
     isLoading: boolean;

package/build/configuration.d.ts

@@ -1,2 +1,2 @@
-import type { TemplateUIOptions } from '@verdaccio/types';
+import { TemplateUIOptions } from '@verdaccio/types';
 export declare function getConfiguration(): TemplateUIOptions;

package/build/hooks/useOnClickOutside.d.ts

@@ -1,4 +1,4 @@
-import type React from 'react';
+import { default as React } from 'react';
 /**
 *
 *  @example