@verdaccio/ui-components 3.0.0-next-7.6 → 3.0.0-next-7.8

package/build/sections/SideBar/Sidebar.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _Paper = _interopRequireDefault(require("@mui/material/Paper"));
 var _react = _interopRequireDefault(require("react"));
 var _ActionBar = _interopRequireDefault(require("../../components/ActionBar"));
@@ -14,6 +13,7 @@ var _Distribution = _interopRequireDefault(require("../../components/Distributio
 var _Engines = _interopRequireDefault(require("../../components/Engines"));
 var _FundButton = _interopRequireDefault(require("../../components/FundButton"));
 var _Install = _interopRequireDefault(require("../../components/Install"));
+var _Keywords = _interopRequireDefault(require("../../components/Keywords"));
 var _Repository = _interopRequireDefault(require("../../components/Repository"));
 var _SideBarTitle = _interopRequireDefault(require("../../components/SideBarTitle"));
 var _providers = require("../../providers");
@@ -43,10 +43,13 @@ const DetailSidebar = () => {
   if (!packageMeta || !packageName) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(StyledPaper, {
+  return /*#__PURE__*/_react.default.createElement(_Paper.default, {
+    "data-testid": "sidebar",
     sx: {
       position: 'sticky',
-      top: 0
+      top: 0,
+      p: 2,
+      ml: 2
     }
   }, /*#__PURE__*/_react.default.createElement(_SideBarTitle.default, {
     description: (_packageMeta$latest = packageMeta.latest) === null || _packageMeta$latest === void 0 ? void 0 : _packageMeta$latest.description,
@@ -60,18 +63,20 @@ const DetailSidebar = () => {
     packageMeta: packageMeta,
     showDownloadTarball: configOptions.showDownloadTarball,
     showRaw: configOptions.showRaw
+  }), /*#__PURE__*/_react.default.createElement(_FundButton.default, {
+    packageMeta: packageMeta
   }), /*#__PURE__*/_react.default.createElement(_Install.default, {
     configOptions: configOptions,
     packageMeta: packageMeta,
     packageName: packageName
-  }), /*#__PURE__*/_react.default.createElement(_FundButton.default, {
-    packageMeta: packageMeta
   }), /*#__PURE__*/_react.default.createElement(_Repository.default, {
     packageMeta: packageMeta
   }), /*#__PURE__*/_react.default.createElement(_Engines.default, {
     packageMeta: packageMeta
   }), /*#__PURE__*/_react.default.createElement(_Distribution.default, {
     packageMeta: packageMeta
+  }), /*#__PURE__*/_react.default.createElement(_Keywords.default, {
+    packageMeta: packageMeta
   }), /*#__PURE__*/_react.default.createElement(_Author.default, {
     packageMeta: packageMeta
   }), /*#__PURE__*/_react.default.createElement(_Developers.default, {
@@ -83,14 +88,4 @@ const DetailSidebar = () => {
   }));
 };
 var _default = exports.default = DetailSidebar;
-const StyledPaper = /*#__PURE__*/(0, _base.default)(_Paper.default, process.env.NODE_ENV === "production" ? {
-  target: "e1jyvx6i0"
-} : {
-  target: "e1jyvx6i0",
-  label: "StyledPaper"
-})(({
-  theme
-}) => ({
-  padding: theme === null || theme === void 0 ? void 0 : theme.spacing(3, 2)
-}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9TaWRlQmFyL1NpZGViYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NlY3Rpb25zL1NpZGVCYXIvU2lkZWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUGFwZXIgZnJvbSAnQG11aS9tYXRlcmlhbC9QYXBlcic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gJy4uLy4uL1RoZW1lJztcbmltcG9ydCBBY3Rpb25CYXIgZnJvbSAnLi4vLi4vY29tcG9uZW50cy9BY3Rpb25CYXInO1xuaW1wb3J0IEF1dGhvciBmcm9tICcuLi8uLi9jb21wb25lbnRzL0F1dGhvcic7XG5pbXBvcnQgRGV2ZWxvcGVycywgeyBEZXZlbG9wZXJUeXBlIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9EZXZlbG9wZXJzJztcbmltcG9ydCBEaXN0IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRGlzdHJpYnV0aW9uJztcbmltcG9ydCBFbmdpbmVzIGZyb20gJy4uLy4uL2NvbXBvbmVudHMvRW5naW5lcyc7XG5pbXBvcnQgRnVuZEJ1dHRvbiBmcm9tICcuLi8uLi9jb21wb25lbnRzL0Z1bmRCdXR0b24nO1xuaW1wb3J0IEluc3RhbGwgZnJvbSAnLi4vLi4vY29tcG9uZW50cy9JbnN0YWxsJztcbmltcG9ydCBSZXBvc2l0b3J5IGZyb20gJy4uLy4uL2NvbXBvbmVudHMvUmVwb3NpdG9yeSc7XG5pbXBvcnQgU2lkZUJhclRpdGxlIGZyb20gJy4uLy4uL2NvbXBvbmVudHMvU2lkZUJhclRpdGxlJztcbmltcG9ydCB7IHVzZUNvbmZpZyB9IGZyb20gJy4uLy4uL3Byb3ZpZGVycyc7XG5pbXBvcnQgeyB1c2VWZXJzaW9uIH0gZnJvbSAnLi4vLi4vcHJvdmlkZXJzJztcbmltcG9ydCB7IFBhY2thZ2VNZXRhSW50ZXJmYWNlIH0gZnJvbSAnLi4vLi4vdHlwZXMvcGFja2FnZU1ldGEnO1xuXG5jb25zdCBnZXRNb2R1bGVUeXBlID0gKG1hbmlmZXN0OiBQYWNrYWdlTWV0YUludGVyZmFjZSkgPT4ge1xuICBpZiAobWFuaWZlc3QubGF0ZXN0Lm1haW4pIHtcbiAgICByZXR1cm4gJ2NvbW1vbmpzJztcbiAgfSBlbHNlIGlmIChtYW5pZmVzdC5sYXRlc3QudHlwZSkge1xuICAgIHJldHVybiBtYW5pZmVzdC5sYXRlc3QudHlwZTtcbiAgfVxuICByZXR1cm47XG59O1xuXG5jb25zdCBEZXRhaWxTaWRlYmFyOiBSZWFjdC5GQyA9ICgpID0+IHtcbiAgY29uc3QgeyBwYWNrYWdlTWV0YSwgcGFja2FnZU5hbWUsIHBhY2thZ2VWZXJzaW9uIH0gPSB1c2VWZXJzaW9uKCk7XG4gIGNvbnN0IHsgY29uZmlnT3B0aW9ucyB9ID0gdXNlQ29uZmlnKCk7XG4gIGNvbnN0IHZlcnNpb24gPSBwYWNrYWdlVmVyc2lvbiB8fCBwYWNrYWdlTWV0YT8ubGF0ZXN0LnZlcnNpb24gfHwgJyc7XG4gIGNvbnN0IHRpbWUgPSBwYWNrYWdlTWV0YT8udGltZSA/IHBhY2thZ2VNZXRhLnRpbWVbdmVyc2lvbl0gOiAnJztcbiAgaWYgKCFwYWNrYWdlTWV0YSB8fCAhcGFja2FnZU5hbWUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZFBhcGVyIHN4PXt7IHBvc2l0aW9uOiAnc3RpY2t5JywgdG9wOiAwIH19PlxuICAgICAgPFNpZGVCYXJUaXRsZVxuICAgICAgICBkZXNjcmlwdGlvbj17cGFja2FnZU1ldGEubGF0ZXN0Py5kZXNjcmlwdGlvbn1cbiAgICAgICAgaGFzVHlwZXM9e3R5cGVvZiBwYWNrYWdlTWV0YS5sYXRlc3Q/LnR5cGVzID09PSAnc3RyaW5nJ31cbiAgICAgICAgaXNMYXRlc3Q9e3R5cGVvZiBwYWNrYWdlVmVyc2lvbiA9PT0gJ3VuZGVmaW5lZCd9XG4gICAgICAgIG1vZHVsZVR5cGU9e2dldE1vZHVsZVR5cGUocGFja2FnZU1ldGEpfVxuICAgICAgICBwYWNrYWdlTmFtZT17cGFja2FnZU5hbWV9XG4gICAgICAgIHRpbWU9e3RpbWV9XG4gICAgICAgIHZlcnNpb249e3ZlcnNpb259XG4gICAgICAvPlxuICAgICAgPEFjdGlvbkJhclxuICAgICAgICBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9XG4gICAgICAgIHNob3dEb3dubG9hZFRhcmJhbGw9e2NvbmZpZ09wdGlvbnMuc2hvd0Rvd25sb2FkVGFyYmFsbH1cbiAgICAgICAgc2hvd1Jhdz17Y29uZmlnT3B0aW9ucy5zaG93UmF3fVxuICAgICAgLz5cbiAgICAgIDxJbnN0YWxsIGNvbmZpZ09wdGlvbnM9e2NvbmZpZ09wdGlvbnN9IHBhY2thZ2VNZXRhPXtwYWNrYWdlTWV0YX0gcGFja2FnZU5hbWU9e3BhY2thZ2VOYW1lfSAvPlxuICAgICAgPEZ1bmRCdXR0b24gcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPFJlcG9zaXRvcnkgcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPEVuZ2luZXMgcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPERpc3QgcGFja2FnZU1ldGE9e3BhY2thZ2VNZXRhfSAvPlxuICAgICAgPEF1dGhvciBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9IC8+XG4gICAgICA8RGV2ZWxvcGVycyBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9IHR5cGU9e0RldmVsb3BlclR5cGUuTUFJTlRBSU5FUlN9IC8+XG4gICAgICA8RGV2ZWxvcGVycyBwYWNrYWdlTWV0YT17cGFja2FnZU1ldGF9IHR5cGU9e0RldmVsb3BlclR5cGUuQ09OVFJJQlVUT1JTfSAvPlxuICAgIDwvU3R5bGVkUGFwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBEZXRhaWxTaWRlYmFyO1xuXG5jb25zdCBTdHlsZWRQYXBlciA9IHN0eWxlZChQYXBlcik8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IHRoZW1lPy5zcGFjaW5nKDMsIDIpLFxufSkpO1xuIl19 */");
 //# sourceMappingURL=Sidebar.js.map

package/build/src/Theme/ThemeProvider.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Author/Author.d.ts

@@ -1,9 +1,4 @@
 import { FC } from 'react';
-export declare function getAuthorName(authorName?: string): string;
-/**
- * @param param0
- * @returns
- */
 declare const Author: FC<{
     packageMeta: any;
 }>;

package/build/src/components/CopyClipboard/CopyToClipBoard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Dependencies/Dependencies.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-export declare const CardWrap: import("@emotion/styled").StyledComponent<any, {}, {}>;
 declare const Dependencies: React.FC<{
     packageMeta: any;
 }>;

package/build/src/components/Developers/DeveloperType.d.ts

@@ -0,0 +1,4 @@
+export declare enum DeveloperType {
+    CONTRIBUTORS = "contributors",
+    MAINTAINERS = "maintainers"
+}

package/build/src/components/Developers/Developers.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare enum DeveloperType {
-    CONTRIBUTORS = "contributors",
-    MAINTAINERS = "maintainers"
-}
+import { DeveloperType } from './DeveloperType';
 export declare const Fab: import("@emotion/styled").StyledComponent<any, {}, {}>;
 interface Props {
     type: DeveloperType;

package/build/src/components/Developers/Title.d.ts

@@ -1,8 +1,5 @@
 import React from 'react';
-export declare enum DeveloperType {
-    CONTRIBUTORS = "contributors",
-    MAINTAINERS = "maintainers"
-}
+import { DeveloperType } from './';
 interface Props {
     type: DeveloperType;
 }

package/build/src/components/Developers/index.d.ts

@@ -1 +1,2 @@
-export { default, DeveloperType } from './Developers';
+export { default } from './Developers';
+export { DeveloperType } from './DeveloperType';

package/build/src/components/Distribution/styles.d.ts

@@ -1,4 +1,3 @@
 export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const DistListItem: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const DistChips: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const DownloadButton: import("@emotion/styled").StyledComponent<any, {}, {}>;

package/build/src/components/ErrorBoundary/ErrorBoundary.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/HeaderInfoDialog/HeaderInfoDialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Heading/Heading.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Icons/Icons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Install/InstallListItem.d.ts

@@ -9,6 +9,6 @@ interface Interface {
     dependencyManager: DependencyManager;
     packageVersion?: string;
 }
-export declare function getGlobalInstall(isGlobal: any, packageVersion: any, packageName: any, isYarn?: boolean): any;
+export declare function getGlobalInstall(isLatest: any, isGlobal: any, packageVersion: any, packageName: any, isYarn?: boolean): any;
 declare const InstallListItem: React.FC<Interface>;
 export default InstallListItem;

package/build/src/components/Keywords/KeywordListItems.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const KeywordListItems: React.FC<{
+    keywords: undefined | string | string[];
+}>;
+export default KeywordListItems;

package/build/src/components/Keywords/Keywords.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { PackageMetaInterface } from '../../types/packageMeta';
+declare const Keywords: React.FC<{
+    packageMeta: PackageMetaInterface;
+}>;
+export default Keywords;

package/build/src/components/Keywords/Keywords.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllProperties: any;

package/build/src/components/Keywords/Keywords.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Keywords/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Keywords';

package/build/src/components/Link/Link.d.ts

@@ -1,6 +1,3 @@
 import React from 'react';
-export declare const CustomRouterLink: import("@emotion/styled").StyledComponent<import("react-router-dom").LinkProps<unknown> & React.RefAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
 declare const Link: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
 export default Link;

package/build/src/components/Link/Link.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/Link/index.d.ts

@@ -1 +1 @@
-export { default as Link } from './Link';
+export { default } from './Link';

package/build/src/components/LinkExternal/LinkExternal.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LinkExternal: React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+export default LinkExternal;

package/build/src/components/LinkExternal/LinkExternal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/src/components/LinkExternal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LinkExternal';

package/build/src/components/Logo/Logo.d.ts

@@ -9,6 +9,7 @@ interface Props {
     onClick?: () => void;
     className?: string;
     isDefault?: boolean;
+    title?: string;
 }
 declare const Logo: React.FC<Props>;
 export default Logo;

package/build/src/components/Logo/Logo.stories.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const Icons: any;

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

@@ -13,7 +13,7 @@ export interface PackageInterface {
     time?: number | string;
     author: PackageAuthor;
     description?: string;
-    keywords?: string[];
+    keywords?: PackageMetaInterface['latest']['keywords'];
     license?: PackageMetaInterface['latest']['license'];
     homepage?: string;
     bugs?: Bugs;

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

@@ -8,8 +8,6 @@ export declare const OverviewItem: import("@emotion/styled").StyledComponent<{
 export declare const Published: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & {
-    theme?: import("@mui/material").Theme | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Details: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
@@ -32,12 +30,6 @@ export declare const PackageTitle: import("@emotion/styled").StyledComponent<{
 export declare const GridRightAligned: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const Wrapper: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const IconButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const TagContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    theme?: import("@mui/material").Theme | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const PackageListItemText: import("@emotion/styled").StyledComponent<import("@mui/material/ListItemText").ListItemTextProps<import("react").ElementType<any>, import("react").ElementType<any>> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Developer } from '../../types/packageMeta';
+declare const Person: React.FC<{
+    person: Developer;
+    packageName: string;
+    version: string;
+    withText?: boolean;
+}>;
+export default Person;

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+export { default } from './Person';

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

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

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

@@ -1,4 +1,3 @@
-import 'highlight.js/styles/default.css';
 import React from 'react';
 import './github-markdown.css';
 import { Props } from './types';

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

@@ -1,13 +1,5 @@
 /// <reference types="react" />
-export interface InputFieldProps {
-    color: string;
-}
 export declare const Wrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledTextField: import("@emotion/styled").StyledComponent<(((Omit<import("@mui/material").OutlinedTextFieldProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps, "ref">) & import("react").RefAttributes<HTMLDivElement>) & {
-    theme?: import("@emotion/react").Theme | undefined;
-}) & {
-    theme?: import("@mui/material").Theme | undefined;
-}, {}, {}>;

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

@@ -0,0 +1 @@
+export declare function cleanDescription(description: string): string;

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

@@ -2,5 +2,5 @@ import React from 'react';
 interface Props {
     packageName: string;
 }
-declare const InstallListItem: React.FC<Props>;
-export default InstallListItem;
+declare const SettingsMenu: React.FC<Props>;
+export default SettingsMenu;

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -3,5 +3,6 @@ export type Props = {
     packageMeta: any;
     packageName: string;
 };
+export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
 declare const Versions: React.FC<Props>;
 export default Versions;

package/build/src/index.d.ts

@@ -1,6 +1,5 @@
 export { default as CopyClipboard, copyToClipBoardUtility } from './components/CopyClipboard';
 export * from './components/CopyClipboard';
-export { Link } from './components/Link';
 export { default as ActionBar } from './components/ActionBar';
 export { default as Author } from './components/Author';
 export { default as Dependencies } from './components/Dependencies';
@@ -12,7 +11,11 @@ export { default as FundButton } from './components/FundButton';
 export { default as Heading } from './components/Heading';
 export * as Icons from './components/Icons';
 export { default as Install } from './components/Install';
+export { default as Keywords } from './components/Keywords';
+export { default as Link } from './components/Link';
+export { default as LinkExternal } from './components/LinkExternal';
 export { default as RawViewer } from './components/RawViewer';
+export { default as Person } from './components/Person';
 export { default as Readme } from './components/Readme';
 export { default as SideBarTitle } from './components/SideBarTitle';
 export { default as UpLinks } from './components/UpLinks';

package/build/src/sections/Detail/Tabs.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface Props {
     onChange: (event: React.ChangeEvent<{}>, newValue: number) => void;
     tabPosition: number;
+    showUplinks?: boolean;
 }
 declare const DetailContainerTabs: React.FC<Props>;
 export default DetailContainerTabs;

package/build/src/sections/Header/styles.d.ts

@@ -4,8 +4,6 @@ export declare const Greetings: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
-export declare const RightSide: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const LeftSide: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const MobileNavBar: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -27,8 +25,3 @@ export declare const SearchWrapper: import("@emotion/styled").StyledComponent<{
     as?: import("react").ElementType<any> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const NavBar: import("@emotion/styled").StyledComponent<any, {}, {}>;
-export declare const StyledLink: import("@emotion/styled").StyledComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLAnchorElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    theme?: import("@mui/material").Theme | undefined;
-}, {}, {}>;

package/build/src/store/models/routes.d.ts

@@ -0,0 +1,8 @@
+export declare enum APIRoute {
+    LOGIN = "/-/verdaccio/sec/login",
+    CONFIG = "/-/verdaccio/packages",
+    PACKAGES = "/-/verdaccio/data/packages",
+    SEARCH = "/-/verdaccio/data/search/",
+    SIDEBAR = "/-/verdaccio/data/sidebar/",
+    README = "/-/verdaccio/data/package/readme/"
+}

package/build/src/store/models/utils.d.ts

@@ -0,0 +1 @@
+export declare function stripTrailingSlash(url: string): string;

package/build/src/types/packageMeta.d.ts

@@ -1,6 +1,6 @@
 export type ModuleType = 'commonjs' | 'module';
 export type Latest = {
-    author?: Author;
+    author?: string | Author;
     deprecated?: string;
     name: string;
     dist?: {
@@ -14,7 +14,7 @@ export type Latest = {
         pnpm?: string;
         yarn?: string;
     };
-    license?: undefined | LicenseInterface | string;
+    license?: string | LicenseInterface;
     version: string;
     homepage?: string;
     bugs?: {
@@ -31,6 +31,7 @@ export type Latest = {
     funding?: Funding;
     maintainers?: Developer[];
     contributors?: Developer[];
+    keywords?: string | string[];
 };
 export interface PackageMetaInterface {
     versions?: Versions;
@@ -43,8 +44,9 @@ export interface PackageMetaInterface {
 }
 export interface Developer {
     name: string;
-    email: string;
-    avatar: string;
+    email?: string;
+    url?: string;
+    avatar?: string;
 }
 interface Funding {
     type?: string;
@@ -68,7 +70,7 @@ export interface Version {
     version: string;
     author?: string | Author;
     description?: string;
-    license?: string;
+    license?: string | LicenseInterface;
     main?: string;
     keywords?: string[];
     deprecated?: string;

package/build/src/utils/routes.d.ts

@@ -1,5 +1,6 @@
 export declare enum Route {
     ROOT = "/",
+    DETAIL = "/-/web/detail/",
     SCOPE_PACKAGE = "/-/web/detail/@:scope/:package",
     SCOPE_PACKAGE_VERSION = "/-/web/detail/@:scope/:package/v/:version",
     PACKAGE = "/-/web/detail/:package",

package/build/src/utils/utils.d.ts

@@ -29,4 +29,5 @@ export declare function getLastUpdatedPackageTime(uplinks?: UpLinks): string;
  */
 export declare function getRecentReleases(time?: Time): Time[];
 export declare function getAuthorName(authorName?: string): string;
+export declare function getUplink(upLinkName: string, packageName: string): string | null;
 export declare function fileSizeSI(a: number, b?: typeof Math, c?: (p: number) => number, d?: number, e?: number): string;

package/build/store/models/configuration.js

@@ -9,6 +9,7 @@ var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Theme = require("../../Theme");
 var _api = _interopRequireDefault(require("../api"));
+var _routes = require("./routes");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const defaultValues = {
   primaryColor: _Theme.colors.PRIMARY_COLOR,
@@ -40,7 +41,7 @@ const configuration = exports.configuration = (0, _core.createModel)()({
   },
   effects: dispatch => ({
     async getPackages() {
-      const payload = await _api.default.request(`/-/verdaccio/packages`, 'GET');
+      const payload = await _api.default.request(_routes.APIRoute.CONFIG, 'GET');
       dispatch.packages.savePackages(payload);
     }
   })

package/build/store/models/login.js

@@ -11,6 +11,8 @@ var _i18next = _interopRequireDefault(require("i18next"));
 var _utils = require("../../utils");
 var _api = _interopRequireDefault(require("../api"));
 var _storage = _interopRequireDefault(require("../storage"));
+var _routes = require("./routes");
+var _utils2 = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const HEADERS = exports.HEADERS = {
   JSON: 'application/json'
@@ -76,9 +78,9 @@ const login = exports.login = (0, _core.createModel)()({
       username,
       password
     }, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = (0, _utils2.stripTrailingSlash)(state.configuration.config.base);
       try {
-        const payload = await _api.default.request(`${basePath}-/verdaccio/sec/login`, 'POST', {
+        const payload = await _api.default.request(`${basePath}${_routes.APIRoute.LOGIN}`, 'POST', {
           body: JSON.stringify({
             username,
             password

package/build/store/models/manifest.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.manifest = void 0;
 var _core = require("@rematch/core");
 var _api = _interopRequireDefault(require("../api"));
+var _routes = require("./routes");
+var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function isPackageVersionValid(packageMeta, packageVersion) {
   if (!packageVersion || typeof packageVersion === 'undefined') {
@@ -87,16 +89,16 @@ const manifest = exports.manifest = (0, _core.createModel)()({
       packageName,
       packageVersion
     }, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = (0, _utils.stripTrailingSlash)(state.configuration.config.base);
       try {
-        const manifest = await _api.default.request(`${basePath}-/verdaccio/data/sidebar/${packageName}${packageVersion ? `?v=${packageVersion}` : ''}`);
+        const manifest = await _api.default.request(`${basePath}${_routes.APIRoute.SIDEBAR}${packageName}${packageVersion ? `?v=${packageVersion}` : ''}`);
 
         // FIXME: update types accordingly
         // @ts-ignore
         if (!isPackageVersionValid(manifest, packageVersion)) {
           throw new Error('not found');
         }
-        const readme = await _api.default.request(`${basePath}-/verdaccio/data/package/readme/${packageName}${packageVersion ? `?v=${packageVersion}` : ''}`, 'GET');
+        const readme = await _api.default.request(`${basePath}${_routes.APIRoute.README}${packageName}${packageVersion ? `?v=${packageVersion}` : ''}`);
         dispatch.manifest.saveManifest({
           packageName,
           packageVersion,

package/build/store/models/packages.js

@@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.packages = void 0;
 var _core = require("@rematch/core");
 var _api = _interopRequireDefault(require("../api"));
+var _routes = require("./routes");
+var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /**
  *
@@ -25,9 +27,9 @@ const packages = exports.packages = (0, _core.createModel)()({
   },
   effects: dispatch => ({
     async getPackages(_payload, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = (0, _utils.stripTrailingSlash)(state.configuration.config.base);
       try {
-        const payload = await _api.default.request(`${basePath}-/verdaccio/data/packages`, 'GET');
+        const payload = await _api.default.request(`${basePath}${_routes.APIRoute.PACKAGES}`);
         dispatch.packages.savePackages(payload);
       } catch (error) {
         // eslint-disable-next-line no-console

package/build/store/models/routes.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.APIRoute = void 0;
+// Example API request:
+// http://localhost:8000/-/verdaccio/data/package/readme/jquery
+let APIRoute = exports.APIRoute = /*#__PURE__*/function (APIRoute) {
+  APIRoute["LOGIN"] = "/-/verdaccio/sec/login";
+  APIRoute["CONFIG"] = "/-/verdaccio/packages";
+  APIRoute["PACKAGES"] = "/-/verdaccio/data/packages";
+  APIRoute["SEARCH"] = "/-/verdaccio/data/search/";
+  APIRoute["SIDEBAR"] = "/-/verdaccio/data/sidebar/";
+  APIRoute["README"] = "/-/verdaccio/data/package/readme/";
+  return APIRoute;
+}({}); // :packageName?v=version
+//# sourceMappingURL=routes.js.map

package/build/store/models/search.js

@@ -7,6 +7,8 @@ exports.search = void 0;
 var _core = require("@rematch/core");
 var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
 var _api = _interopRequireDefault(require("../api"));
+var _routes = require("./routes");
+var _utils = require("./utils");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 const CONSTANTS = {
   API_DELAY: 300,
@@ -57,7 +59,7 @@ const search = exports.search = (0, _core.createModel)()({
     async getSuggestions({
       value
     }, state) {
-      const basePath = state.configuration.config.base;
+      const basePath = (0, _utils.stripTrailingSlash)(state.configuration.config.base);
       try {
         const controller = new window.AbortController();
         dispatch.search.addControllerToQueue({
@@ -66,7 +68,7 @@ const search = exports.search = (0, _core.createModel)()({
         const signal = controller.signal;
         // https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API#Browser_compatibility
         // FUTURE: signal is not well supported for IE and Samsung Browser
-        const suggestions = await _api.default.request(`${basePath}-/verdaccio/data/search/${encodeURIComponent(value)}`, 'GET', {
+        const suggestions = await _api.default.request(`${basePath}${_routes.APIRoute.SEARCH}${encodeURIComponent(value)}`, 'GET', {
           signal,
           headers: {}
         });

package/build/store/models/utils.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stripTrailingSlash = stripTrailingSlash;
+function stripTrailingSlash(url) {
+  return url.replace(/\/$/, '');
+}
+//# sourceMappingURL=utils.js.map