@verdaccio/ui-components 2.0.0-alpha.0 → 3.0.0-next-7.4

package/build/sections/SideBar/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Sidebar.default;
+  }
+});
+var _Sidebar = _interopRequireDefault(require("./Sidebar"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/sections/index.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Detail", {
+  enumerable: true,
+  get: function () {
+    return _Detail.default;
+  }
+});
+Object.defineProperty(exports, "SideBar", {
+  enumerable: true,
+  get: function () {
+    return _SideBar.default;
+  }
+});
+var _SideBar = _interopRequireDefault(require("./SideBar"));
+var _Detail = _interopRequireDefault(require("./Detail"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/src/Theme/ResetStyles.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ResetStyles: React.FC<any>;
+export default ResetStyles;

package/build/src/Theme/StyleBaseline.d.ts

@@ -0,0 +1,4 @@
+import 'normalize.css';
+import React from 'react';
+declare const StyleBaseline: React.FC;
+export default StyleBaseline;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    isDarkMode: boolean;
+    setIsDarkMode: (isDarkMode: boolean) => void;
+}
+declare const ThemeProvider: React.FC<{
+    children: any;
+}>;
+export declare const useCustomTheme: () => Props | undefined;
+export { ThemeProvider };

package/build/src/Theme/colors.d.ts

@@ -0,0 +1 @@
+export declare const PRIMARY_COLOR = "#4b5e40";

package/build/src/Theme/index.d.ts

@@ -0,0 +1,4 @@
+export * as colors from './colors';
+export { ThemeProvider, useCustomTheme } from './ThemeProvider';
+export { default as StyleBaseline } from './StyleBaseline';
+export { Theme, FontWeight } from './theme';

package/build/src/Theme/theme.d.ts

@@ -0,0 +1,149 @@
+declare const themeModes: {
+    light: {
+        black: string;
+        white: string;
+        red: string;
+        orange: string;
+        greySuperLight: string;
+        greyLight: string;
+        greyLight2: string;
+        greyLight3: string;
+        greyDark: string;
+        greyDark2: string;
+        greyChateau: string;
+        greyGainsboro: string;
+        greyAthens: string;
+        eclipse: string;
+        paleNavy: string;
+        saltpan: string;
+        snow: string;
+        love: string;
+        nobel01: string;
+        nobel02: string;
+        primary: string;
+        secondary: string;
+        background: string;
+        dodgerBlue: string;
+        cyanBlue: string;
+    };
+    dark: {
+        primary: string;
+        secondary: string;
+        background: string;
+        black: string;
+        white: string;
+        red: string;
+        orange: string;
+        greySuperLight: string;
+        greyLight: string;
+        greyLight2: string;
+        greyLight3: string;
+        greyDark: string;
+        greyDark2: string;
+        greyChateau: string;
+        greyGainsboro: string;
+        greyAthens: string;
+        eclipse: string;
+        paleNavy: string;
+        saltpan: string;
+        snow: string;
+        love: string;
+        nobel01: string;
+        nobel02: string;
+        dodgerBlue: string;
+        cyanBlue: string;
+    };
+};
+export type ThemeMode = keyof typeof themeModes;
+declare const fontSize: {
+    xxl: number;
+    xl: number;
+    lg: number;
+    md: number;
+    default: number;
+    sm: number;
+    ssm: number;
+};
+export type FontSize = keyof typeof fontSize;
+declare const fontWeight: {
+    light: number;
+    regular: number;
+    semiBold: number;
+    bold: number;
+};
+export type FontWeight = keyof typeof fontWeight;
+export declare const breakPoints: {
+    xsmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    container: number;
+    xlarge: number;
+};
+export type BreakPoints = typeof breakPoints;
+declare const customizedTheme: {
+    fontSize: {
+        xxl: number;
+        xl: number;
+        lg: number;
+        md: number;
+        default: number;
+        sm: number;
+        ssm: number;
+    };
+    fontWeight: {
+        light: number;
+        regular: number;
+        semiBold: number;
+        bold: number;
+    };
+    breakPoints: {
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        container: number;
+        xlarge: number;
+    };
+};
+type CustomizedTheme = typeof customizedTheme;
+export declare const getTheme: (themeMode: ThemeMode, primaryColor: string) => import("@mui/material/styles").Theme;
+export type Theme = ReturnType<typeof getTheme>;
+declare module '@mui/material/styles/createTheme' {
+    interface Theme extends CustomizedTheme {
+    }
+    interface DeprecatedThemeOptions extends CustomizedTheme {
+    }
+}
+declare module '@mui/material/styles/createPalette' {
+    interface CustomPalette {
+        black: string;
+        white: string;
+        red: string;
+        orange: string;
+        greySuperLight: string;
+        greyLight: string;
+        greyLight2: string;
+        greyLight3: string;
+        greyDark: string;
+        greyDark2: string;
+        greyChateau: string;
+        greyGainsboro: string;
+        greyAthens: string;
+        eclipse: string;
+        paleNavy: string;
+        saltpan: string;
+        snow: string;
+        love: string;
+        nobel01: string;
+        nobel02: string;
+        background: string;
+        dodgerBlue: string;
+        cyanBlue: string;
+    }
+    interface Palette extends CustomPalette {
+    }
+    interface PaletteOptions extends Partial<CustomPalette> {
+    }
+}
+export {};

package/build/src/__mocks__/react-markdown.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function ({ children }: {
+    children: any;
+}): React.JSX.Element;

package/build/src/__mocks__/remark-plugin.d.ts

@@ -0,0 +1 @@
+export default function (): void;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type Props = {
+    showRaw?: boolean;
+    showDownloadTarball?: boolean;
+    packageMeta: any;
+};
+declare const ActionBar: React.FC<Props>;
+export default ActionBar;

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

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { default as ActionBar } from '.';
+declare const meta: Meta<typeof ActionBar>;
+export default meta;
+type Story = StoryObj<typeof ActionBar>;
+export declare const Primary: Story;
+export declare const Raw: Story;
+export declare const NoLatest: Story;
+export declare const Download: Story;
+export declare const Home: Story;
+export declare const Bugs: Story;

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

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

package/build/src/components/ActionBar/ActionBarAction.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare const Fab: import("@emotion/styled").StyledComponent<any, {}, {}>;
+type ActionType = 'VISIT_HOMEPAGE' | 'OPEN_AN_ISSUE' | 'DOWNLOAD_TARBALL' | 'RAW_DATA';
+export interface ActionBarActionProps {
+    type: ActionType;
+    link?: string;
+    action?: () => void;
+}
+declare const ActionBarAction: React.FC<ActionBarActionProps>;
+export default ActionBarAction;

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

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

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

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

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AuthorAll: any;
+export declare const NoDAuthor: any;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const AuthorListItem: import("@emotion/styled").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    text: string;
+    title?: string;
+    dataTestId: string;
+    children?: React.ReactNode;
+}
+declare function CopyToClipBoard({ text, children, dataTestId, title, ...props }: Props): React.JSX.Element;
+export default CopyToClipBoard;

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

@@ -0,0 +1,12 @@
+import CopyToClipBoard from './CopyToClipBoard';
+declare const _default: {
+    title: string;
+    component: typeof CopyToClipBoard;
+    argTypes: {
+        backgroundColor: {
+            control: string;
+        };
+    };
+};
+export default _default;
+export declare const WithDefaultArgs: any;

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

@@ -0,0 +1,2 @@
+export { default } from './CopyToClipBoard';
+export { copyToClipBoardUtility } from './utils';

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

@@ -0,0 +1,2 @@
+import { SyntheticEvent } from 'react';
+export declare const copyToClipBoardUtility: (str: string) => (e: SyntheticEvent<HTMLElement>) => void;

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

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

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

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { default as Dependencies } from '.';
+declare const meta: Meta<typeof Dependencies>;
+export default meta;
+type Story = StoryObj<typeof Dependencies>;
+export declare const Primary: Story;
+export declare const OnlyDeps: Story;
+export declare const NoDependencies: Story;

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

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

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { PackageDependencies } from '../../types/packageMeta';
+interface DependencyBlockProps {
+    title: string;
+    dependencies: PackageDependencies;
+}
+export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const Tags: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    theme?: import("@mui/material").Theme | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Tag: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const DependencyBlock: React.FC<DependencyBlockProps>;
+export {};

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface Props {
+    children: ReactNode;
+    open: boolean;
+    onClose: () => void;
+}

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

@@ -0,0 +1,3 @@
+export declare function hasKeys(object?: {
+    [key: string]: any;
+}): boolean;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+export type Props = {
+    message: string;
+};
+declare const Deprecated: React.FC<Props>;
+export default Deprecated;

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare enum DeveloperType {
+    CONTRIBUTORS = "contributors",
+    MAINTAINERS = "maintainers"
+}
+export declare const Fab: import("@emotion/styled").StyledComponent<any, {}, {}>;
+interface Props {
+    type: DeveloperType;
+    visibleMax?: number;
+    packageMeta: any;
+}
+export declare const VISIBLE_MAX = 6;
+declare const Developers: React.FC<Props>;
+export default Developers;

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

@@ -0,0 +1,6 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const DevelopersAll: any;
+export declare const DevelopersLimited: any;

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare enum DeveloperType {
+    CONTRIBUTORS = "contributors",
+    MAINTAINERS = "maintainers"
+}
+interface Props {
+    type: DeveloperType;
+}
+declare const Title: React.FC<Props>;
+export default Title;

package/build/src/components/Developers/get-unique-developer-values.d.ts

@@ -0,0 +1,3 @@
+import { Developer } from '../../types/packageMeta';
+declare function getUniqueDeveloperValues(developers?: Developer[]): Developer[];
+export default getUniqueDeveloperValues;

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

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

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const Details: 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 Content: 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 StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const Fab: import("@emotion/styled").StyledComponent<any, {}, {}>;

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

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

package/build/src/components/Distribution/Dist.stories.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const AllProperties: any;
+export declare const NoFileSize: any;
+export declare const OnlyLicense: any;
+export declare const NoRender: any;

package/build/src/components/Distribution/Dist.test.d.ts

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

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

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

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

@@ -0,0 +1,4 @@
+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/Distribution/utils.d.ts

@@ -0,0 +1,7 @@
+import { LicenseInterface } from '../../types/packageMeta';
+/**
+ * Formats license field for webui.
+ * @see https://docs.npmjs.com/files/package.json#license
+ */
+export declare function formatLicense(license: string | LicenseInterface): string | undefined;
+export declare function fileSizeSI(a: number, b?: typeof Math, c?: (p: number) => number, d?: number, e?: number): string;

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { PackageMetaInterface } from '../../types/packageMeta';
+interface EngineMetadata extends Omit<PackageMetaInterface, 'latest'> {
+    latest: {
+        engines?: {
+            npm?: string;
+            node?: string;
+            pnpm?: string;
+            yarn?: string;
+        };
+    };
+}
+/**
+ * The props type for {@link Engine}.
+ */
+export type Props = {
+    packageMeta: EngineMetadata;
+};
+/**
+ *
+ *
+ * @category Component
+ */
+declare const Engine: React.FC<Props>;
+export default Engine;

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

@@ -0,0 +1,9 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const EnginesNpmNode: any;
+export declare const EnginesNode: any;
+export declare const EnginesYarn: any;
+export declare const EnginesPnpm: any;
+export declare const EnginesAll: any;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export declare const StyledText: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const EngineListItem: import("@emotion/styled").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,14 @@
+import { Component } from 'react';
+export interface ErrorProps {
+    children: any;
+}
+export interface ErrorAppState {
+    hasError: boolean;
+    error: Error | null;
+    info: object | null;
+}
+export default class ErrorBoundary extends Component<ErrorProps, ErrorAppState> {
+    constructor(props: ErrorProps);
+    componentDidCatch(error: Error, info: object): void;
+    render(): JSX.Element;
+}

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

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

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const FundButton: React.FC<{
+    packageMeta: any;
+}>;
+export default FundButton;

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { default as FundButton } from '.';
+declare const meta: Meta<typeof FundButton>;
+export default meta;
+type Story = StoryObj<typeof FundButton>;
+export declare const Primary: Story;
+export declare const Bad: Story;

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

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

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

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

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

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    isOpen: boolean;
+    onCloseDialog: () => void;
+    tabPanels: any;
+    tabs: any;
+    dialogTitle: string;
+}
+declare const HeaderInfoDialog: React.FC<Props>;
+export default HeaderInfoDialog;

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

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

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

@@ -0,0 +1,8 @@
+import { TypographyProps } from '@mui/material/Typography';
+import React from 'react';
+type HeadingType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+interface Props extends Omit<TypographyProps, 'variant'> {
+    variant?: HeadingType;
+}
+declare const Heading: React.ForwardRefExoticComponent<Omit<Props, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export default Heading;

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Help: React.FC;
+export default Help;

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

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