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

package/build/src/sections/Footer/Footer.test.d.ts

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

package/build/src/sections/Footer/index.d.ts

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

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

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+export declare const Wrapper: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Inner: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Left: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Right: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    theme?: import("@mui/material").Theme | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const Love: 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>, {}>;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    HeaderInfoDialog?: any;
+};
+declare const Header: React.FC<Props>;
+export default Header;

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

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

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    username: string;
+}
+declare const HeaderGreetings: React.FC<Props>;
+export default HeaderGreetings;

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface Props {
+    showSearch?: boolean;
+}
+declare const HeaderLeft: React.FC<Props>;
+export default HeaderLeft;

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

@@ -0,0 +1,11 @@
+import React, { MouseEvent } from 'react';
+interface Props {
+    username: string;
+    isMenuOpen: boolean;
+    anchorEl?: Element | null | undefined;
+    onLogout: () => void;
+    onLoggedInMenu: (event: MouseEvent<HTMLButtonElement>) => void;
+    onLoggedInMenuClose: () => void;
+}
+declare const HeaderMenu: React.FC<Props>;
+export default HeaderMenu;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+interface Props {
+    showSearch?: boolean;
+    username?: string | null;
+    hasLogin?: boolean;
+    showInfo?: boolean;
+    showSettings?: boolean;
+    showThemeSwitch?: boolean;
+    onToggleLogin: () => void;
+    onOpenRegistryInfoDialog: () => void;
+    onOpenSettingsDialog: () => void;
+    onToggleMobileNav: () => void;
+    onLogout: () => void;
+}
+declare const HeaderRight: React.FC<Props>;
+export default HeaderRight;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    isOpen: boolean;
+    onCloseDialog: () => void;
+}
+declare const HeaderSettingsDialog: React.FC<Props>;
+export default HeaderSettingsDialog;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { TooltipIconType } from './HeaderToolTipIcon';
+interface Props {
+    title: string;
+    tooltipIconType: TooltipIconType;
+    onClick?: () => void;
+}
+declare const HeaderToolTip: React.FC<Props>;
+export default HeaderToolTip;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+export type TooltipIconType = 'search' | 'info' | 'dark-mode' | 'light-mode' | 'settings';
+interface Props {
+    tooltipIconType: TooltipIconType;
+    onClick?: () => void;
+}
+declare const HeaderToolTipIcon: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLButtonElement>>;
+export default HeaderToolTipIcon;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const CardSelected: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const CardUnSelected: import("@emotion/styled").StyledComponent<any, {}, {}>;
+declare const LanguageSwitch: () => JSX.Element;
+export default LanguageSwitch;

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

@@ -0,0 +1,24 @@
+import React, { FC } from 'react';
+export declare const NODE_MANAGER: {
+    npm: string;
+    yarn: string;
+    pnpm: string;
+};
+export declare const AccordionContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const CommandContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const LinkContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export type Props = {
+    registryUrl: string;
+    scope: string | undefined;
+};
+declare const RegistryInfoContent: FC<Props>;
+export default RegistryInfoContent;

package/build/src/sections/Header/RegistryInfoContent/RegistryInfoContent.test.d.ts

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

package/build/src/sections/Header/RegistryInfoContent/index.d.ts

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const TextContent: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Description: 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<HTMLDivElement>, HTMLDivElement>, {}>;

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

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

package/build/src/sections/Header/RegistryInfoDialog/index.d.ts

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

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+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 | undefined;
+} & {
+    theme?: import("@mui/material").Theme | undefined;
+}, {}, {}>;
+export declare const TextContent: 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<HTMLDivElement>, HTMLDivElement>, {}>;

package/build/src/sections/Header/RegistryInfoDialog/types.d.ts

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

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

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

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

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+export declare const InnerNavBar: import("@emotion/styled").StyledComponent<any, {}, {}>;
+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;
+} & {
+    theme?: import("@mui/material").Theme | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InnerMobileNavBar: 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<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconSearchButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const InfoButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const SwitchThemeButton: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const SettingsButtom: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const SearchWrapper: 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 NavBar: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const StyledLink: import("@emotion/styled").StyledComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    theme?: import("@mui/material").Theme | undefined;
+}, {}, {}>;

package/build/src/sections/Home/Home.d.ts

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

package/build/src/sections/Home/Home.stories.d.ts

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

package/build/src/sections/Home/index.d.ts

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

package/build/src/sections/SideBar/Sidebar.d.ts

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

package/build/src/sections/SideBar/Sidebar.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const SidebarLatestPackage: any;
+export declare const SidebarPackageVersion: any;
+export declare const SidebarNoFounding: any;

package/build/src/sections/SideBar/Sidebar.test.d.ts

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

package/build/src/sections/SideBar/index.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as SideBar } from './SideBar';
+export { default as Detail } from './Detail';

package/build/src/store/api.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Handles response according to content type
+ * @param {object} response
+ * @returns {promise}
+ */
+export declare function handleResponseType(response: Response): Promise<[boolean, any]>;
+declare class API {
+    request<T>(url: string, method?: string, options?: RequestInit): Promise<T>;
+}
+declare const _default: API;
+export default _default;

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

@@ -0,0 +1,3 @@
+export { store, RootState, Dispatch } from './store';
+export { LoginError, LoginBody, LoginResponse } from './models/login';
+export { default as api } from './api';

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

@@ -0,0 +1,24 @@
+import { TemplateUIOptions } from '@verdaccio/types';
+import type { RootModel } from '.';
+/**
+ *
+ * @category Model
+ */
+export declare const configuration: {
+    name?: string | undefined;
+    state: {
+        config: TemplateUIOptions;
+    };
+} & {
+    effects: (dispatch: import("@rematch/core").RematchDispatch<RootModel>) => {
+        getPackages(this: import("@rematch/core").ModelEffectThisTyped): Promise<void>;
+    };
+} & ({} | {
+    reducers: import("@rematch/core").ModelReducers<{
+        config: TemplateUIOptions;
+    }>;
+}) & ({} | {
+    baseReducer: import("redux").Reducer<{
+        config: TemplateUIOptions;
+    }, import("redux").AnyAction>;
+});

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

@@ -0,0 +1,16 @@
+/**
+ *
+ * @category Model
+ */
+export declare const download: {
+    name?: string | undefined;
+    state: {};
+} & {
+    effects: () => {
+        getTarball(this: import("@rematch/core").ModelEffectThisTyped, { link }: any): Promise<void>;
+    };
+} & {
+    reducers: {};
+} & ({} | {
+    baseReducer: import("redux").Reducer<{}, import("redux").AnyAction>;
+});

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

@@ -0,0 +1,16 @@
+import { Models } from '@rematch/core';
+import { configuration } from './configuration';
+import { download } from './download';
+import { login } from './login';
+import { manifest } from './manifest';
+import { packages } from './packages';
+import { search } from './search';
+export interface RootModel extends Models<RootModel> {
+    packages: typeof packages;
+    manifest: typeof manifest;
+    configuration: typeof configuration;
+    download: typeof download;
+    login: typeof login;
+    search: typeof search;
+}
+export declare const models: RootModel;

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

@@ -0,0 +1,69 @@
+import type { RootModel } from '.';
+export declare const HEADERS: {
+    JSON: string;
+};
+export type LoginError = {
+    type: string;
+    description: string;
+};
+export type LoginResponse = {
+    username: string | null;
+    token: string | null;
+};
+export type LoginBody = {
+    error?: LoginError;
+} & LoginResponse;
+export declare function getDefaultUserState(): LoginBody;
+/**
+ *
+ * @category Model
+ */
+export declare const login: {
+    name?: string | undefined;
+    state: {
+        username: string | null;
+        token: string | null;
+    };
+} & {
+    effects: (dispatch: import("@rematch/core").RematchDispatch<RootModel>) => {
+        getUser(this: import("@rematch/core").ModelEffectThisTyped, { username, password }: any, state: import("@rematch/core").RematchRootState<RootModel, Record<string, never>>): Promise<void>;
+    };
+} & {
+    reducers: {
+        logOutUser(state: {
+            username: string | null;
+            token: string | null;
+        }): {
+            username: null;
+            token: null;
+        };
+        addError(state: {
+            username: string | null;
+            token: string | null;
+        }, error: LoginError): {
+            error: LoginError;
+            username: string | null;
+            token: string | null;
+        };
+        clearError(state: {
+            username: string | null;
+            token: string | null;
+        }): {
+            error: undefined;
+            username: string | null;
+            token: string | null;
+        };
+        logInUser(state: {
+            username: string | null;
+            token: string | null;
+        }, response: LoginResponse): {
+            token: string;
+            username: string;
+        };
+    };
+} & ({} | {
+    baseReducer: import("redux").Reducer<{
+        username: string | null;
+        token: string | null;
+    }, import("redux").AnyAction>;
+});

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

@@ -0,0 +1,43 @@
+import type { RootModel } from '.';
+/**
+ *
+ * @category Model
+ */
+export declare const manifest: {
+    name?: string | undefined;
+    state: {};
+} & {
+    effects: (dispatch: import("@rematch/core").RematchDispatch<RootModel>) => {
+        getManifest(this: import("@rematch/core").ModelEffectThisTyped, { packageName, packageVersion }: any, state: import("@rematch/core").RematchRootState<RootModel, Record<string, never>>): Promise<void>;
+    };
+} & {
+    reducers: {
+        notFound(state: {}): {
+            hasNotBeenFound: boolean;
+            manifest: undefined;
+            packageName: undefined;
+            packageVersion: undefined;
+            readme: undefined;
+        };
+        clearError(state: {}): {
+            isError: null;
+        };
+        isError(state: {}): {
+            isError: boolean;
+            hasNotBeenFound: boolean;
+            manifest: undefined;
+            packageName: undefined;
+            packageVersion: undefined;
+            readme: undefined;
+        };
+        saveManifest(state: {}, { packageName, packageVersion, manifest, readme }: any): {
+            manifest: any;
+            packageName: any;
+            packageVersion: any;
+            readme: any;
+            hasNotBeenFound: boolean;
+        };
+    };
+} & ({} | {
+    baseReducer: import("redux").Reducer<{}, import("redux").AnyAction>;
+});

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

@@ -0,0 +1,28 @@
+import { Manifest } from '@verdaccio/types';
+import type { RootModel } from '.';
+/**
+ *
+ * @category Model
+ */
+export declare const packages: {
+    name?: string | undefined;
+    state: {
+        response: Manifest[];
+    };
+} & {
+    effects: (dispatch: import("@rematch/core").RematchDispatch<RootModel>) => {
+        getPackages(this: import("@rematch/core").ModelEffectThisTyped, _payload: any, state: import("@rematch/core").RematchRootState<RootModel, Record<string, never>>): Promise<void>;
+    };
+} & {
+    reducers: {
+        savePackages(state: {
+            response: Manifest[];
+        }, response: Manifest[]): {
+            response: Manifest[];
+        };
+    };
+} & ({} | {
+    baseReducer: import("redux").Reducer<{
+        response: Manifest[];
+    }, import("redux").AnyAction>;
+});

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

@@ -0,0 +1,42 @@
+import { SearchResultWeb } from '@verdaccio/types';
+import type { RootModel } from '.';
+type SearchState = {
+    suggestions: SearchResultWeb[];
+    controller: AbortController[];
+};
+export declare const search: {
+    name?: string | undefined;
+    state: SearchState;
+} & {
+    effects: (dispatch: import("@rematch/core").RematchDispatch<RootModel>) => {
+        getSuggestions(this: import("@rematch/core").ModelEffectThisTyped, { value }: any, state: import("@rematch/core").RematchRootState<RootModel, Record<string, never>>): Promise<void>;
+    };
+} & {
+    reducers: {
+        clearRequestQueue(state: SearchState): {
+            controller: never[];
+            suggestions: SearchResultWeb[];
+        };
+        addControllerToQueue(state: SearchState, { controller }: {
+            controller: AbortController;
+        }): {
+            controller: AbortController[];
+            suggestions: SearchResultWeb[];
+        };
+        setError(state: SearchState): {
+            isError: boolean;
+            suggestions: SearchResultWeb[];
+            controller: AbortController[];
+        };
+        saveSearch(state: SearchState, { suggestions }: {
+            suggestions: SearchResultWeb[];
+        }): {
+            suggestions: SearchResultWeb[];
+            isError: null;
+            controller: AbortController[];
+        };
+    };
+} & ({} | {
+    baseReducer: import("redux").Reducer<SearchState, import("redux").AnyAction>;
+});
+export {};

package/build/src/store/storage.d.ts

@@ -0,0 +1,2 @@
+declare let storage: Storage;
+export default storage;

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

@@ -0,0 +1,9 @@
+import { RematchDispatch, RematchRootState } from '@rematch/core';
+import { ExtraModelsFromLoading } from '@rematch/loading';
+import { RootModel } from './models';
+type FullModel = ExtraModelsFromLoading<RootModel>;
+export declare const store: import("@rematch/core").RematchStore<RootModel, FullModel>;
+export type Store = typeof store;
+export type Dispatch = RematchDispatch<RootModel>;
+export type RootState = RematchRootState<RootModel, FullModel>;
+export {};

package/build/src/test/i18n-config.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/build/src/test/test-react-testing-library.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const renderWithStore: (ui: React.ReactElement<any>, store: import("@rematch/core").RematchStore<import("../store/models").RootModel, import("@rematch/loading").ExtraModelsFromLoading<import("../store/models").RootModel, {
+    type: "boolean";
+}>>) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+declare const customRender: (node: React.ReactElement, ...options: any) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from '@testing-library/react';
+export { customRender as render };
+export { customRender, renderWithStore };

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

@@ -0,0 +1,10 @@
+import { TemplateUIOptions } from '@verdaccio/types';
+declare global {
+    interface Window {
+        /**
+         * __VERDACCIO_BASENAME_UI_OPTIONS is a global object available in the
+         * browser.
+         */
+        __VERDACCIO_BASENAME_UI_OPTIONS: TemplateUIOptions;
+    }
+}