@coinswap-app/uikit 0.5.57

package/dist/widgets/Menu/types.d.ts

@@ -0,0 +1,87 @@
+import React from "react";
+import { ContextData } from "../../util/types";
+import { ConnectorNames, Login } from "../WalletModal/types";
+export interface Language {
+    code: string;
+    language: string;
+    locale: string;
+}
+export interface Profile {
+    username?: string;
+    image?: string;
+    profileLink: string;
+    noProfileLink: string;
+    showPip?: boolean;
+}
+export interface PushedProps {
+    isPushed: boolean;
+    pushNav: (isPushed: boolean) => void;
+}
+export interface NavTheme {
+    background: string;
+    hover: string;
+}
+export interface MenuSubEntry {
+    label: string;
+    href: string;
+    calloutClass?: string;
+    icon?: string;
+    outter?: boolean;
+}
+export declare enum ExtraIcon {
+    voting = "voting",
+    new = "new"
+}
+export interface MenuEntry {
+    label: string;
+    icon: string;
+    items?: MenuSubEntry[];
+    href?: string;
+    altHref?: string[];
+    calloutClass?: string;
+    initialOpenState?: boolean;
+    outter?: boolean;
+    extraIcon?: ExtraIcon;
+}
+export interface MobileMenuEntry {
+    label: string;
+    icon: string;
+    href?: string;
+    extraIcon?: ExtraIcon;
+}
+export interface PanelProps {
+    isDark: boolean;
+    toggleTheme: (isDark: boolean) => void;
+    cssPriceUsd?: number;
+    tvlPriceUsd?: number;
+    currentLang: string;
+    langs: Language[];
+    setLang: (lang: Language) => void;
+    links: Array<MenuEntry>;
+    chooseText?: string;
+    countryAndRegion?: string;
+    translations?: (key: string, data?: ContextData) => string;
+}
+export interface NavProps extends PanelProps {
+    account?: string;
+    mySpaceLink: string;
+    login: Login;
+    profile?: Profile;
+    logout: () => void;
+    onRampButton?: () => void;
+    rampButtonTitle: string;
+    handleLogin: (connectorId: ConnectorNames, title: string) => void;
+    withoutConnect?: boolean;
+    version: string;
+    translations?: (key: string, data?: ContextData) => string;
+    contentComponent?: React.ReactNode;
+    defaultOpenOnHref?: string[];
+    unreadNotifications?: number;
+    setNotifications?: () => void;
+    notificationPath?: string;
+    mobileLinks: Array<MobileMenuEntry>;
+    isUserVerified: boolean;
+    onVerifyUser: (callback: () => void) => void;
+    moveToSettings: () => void;
+    provider: any;
+}

package/dist/widgets/Modal/Modal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { InjectedProps } from "./types";
+interface Props extends InjectedProps {
+    title?: string;
+    hideCloseButton?: boolean;
+    onBack?: () => void;
+    bodyPadding?: string;
+}
+declare const Modal: React.FC<Props>;
+export default Modal;

package/dist/widgets/Modal/ModalContext.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Handler } from "./types";
+interface ModalsContext {
+    onPresent: (node: React.ReactNode, key?: string) => void;
+    onDismiss: Handler;
+    setCloseOnOverlayClick: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const Context: React.Context<ModalsContext>;
+declare const ModalProvider: React.FC;
+export default ModalProvider;

package/dist/widgets/Modal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as Modal } from "./Modal";
+export { default as ModalProvider } from "./ModalContext";
+export { default as useModal } from "./useModal";
+export type { InjectedProps as InjectedModalProps } from "./types";

package/dist/widgets/Modal/theme.d.ts

@@ -0,0 +1,3 @@
+import { ModalTheme } from "./types";
+export declare const light: ModalTheme;
+export declare const dark: ModalTheme;

package/dist/widgets/Modal/types.d.ts

@@ -0,0 +1,7 @@
+export interface ModalTheme {
+    background: string;
+}
+export declare type Handler = () => void;
+export interface InjectedProps {
+    onDismiss?: Handler;
+}

package/dist/widgets/Modal/useModal.d.ts

@@ -0,0 +1,3 @@
+import { Handler } from "./types";
+declare const useModal: (modal: React.ReactNode, closeOnOverlayClick?: boolean) => [Handler, Handler];
+export default useModal;

package/dist/widgets/PriceContainer/PriceContainer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { PriceContainerProps } from "./types";
+declare const PriceContainer: React.SFC<PriceContainerProps>;
+export default PriceContainer;

package/dist/widgets/PriceContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PriceContainer } from "./PriceContainer";
+export type { PriceValues, PriceContainerProps } from "./types";

package/dist/widgets/PriceContainer/types.d.ts

@@ -0,0 +1,9 @@
+export interface PriceValues {
+    origin: string;
+    difference: number;
+    price: number;
+}
+export interface PriceContainerProps {
+    title: string;
+    values: PriceValues[];
+}

package/dist/widgets/Toast/Toast.d.ts

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

package/dist/widgets/Toast/ToastAction.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { ToastAction as Action } from "./types";
+interface ToastActionProps {
+    action: Action;
+}
+declare const ToastAction: React.FC<ToastActionProps>;
+export default ToastAction;

package/dist/widgets/Toast/ToastContainer.d.ts

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

package/dist/widgets/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ToastContainer } from "./ToastContainer";
+export { types as toastTypes } from "./types";
+export type { ToastContainerProps, Toast, Types as ToastTypes } from "./types";

package/dist/widgets/Toast/types.d.ts

@@ -0,0 +1,30 @@
+export declare const types: {
+    SUCCESS: string;
+    DANGER: string;
+    WARNING: string;
+    INFO: string;
+};
+export declare type Types = typeof types[keyof typeof types];
+export interface ToastAction {
+    text: string;
+    url: string;
+}
+export interface Toast {
+    id: string;
+    type: Types;
+    title: string;
+    description?: string;
+    action?: ToastAction;
+}
+export interface ToastContainerProps {
+    toasts: Toast[];
+    stackSpacing?: number;
+    ttl?: number;
+    onRemove: (id: string) => void;
+}
+export interface ToastProps {
+    toast: Toast;
+    onRemove: ToastContainerProps["onRemove"];
+    ttl: number;
+    style: Partial<CSSStyleDeclaration>;
+}

package/dist/widgets/TopTokensContainer/TopTokensContainer.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { TopTokensContainerProps } from "./types";
+declare const TopTokensContainer: React.SFC<TopTokensContainerProps>;
+export default TopTokensContainer;

package/dist/widgets/TopTokensContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TopTokensContainer } from "./TopTokensContainer";
+export type { TopTokensContainerProps, TokenInfo } from "./types";

package/dist/widgets/TopTokensContainer/types.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+export interface TokenInfo {
+    tokenName: string;
+    difference: number;
+    price: number | string;
+    icon: React.ReactNode;
+}
+export interface TopTokensContainerProps {
+    title: string;
+    mainToken: TokenInfo;
+    tokens: TokenInfo[];
+    itemsLimit?: number;
+    error?: boolean;
+}

package/dist/widgets/VerificationModal/VerificationModal.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { ContextData } from "../../util/types";
+interface IVerificationModalProps {
+    onVerify: () => void;
+    modalTitle: string;
+    modalDescription: string;
+    translations?: (key: string, data?: ContextData) => string;
+    onDismiss?: () => void;
+}
+declare const VerificationModal: React.FunctionComponent<IVerificationModalProps>;
+export default VerificationModal;

package/dist/widgets/VerificationModal/index.d.ts

@@ -0,0 +1,2 @@
+export { default as VerificationModal } from "./VerificationModal";
+export { default as useVerificationModal } from "./useVerificationModal";

package/dist/widgets/VerificationModal/useVerificationModal.d.ts

@@ -0,0 +1,13 @@
+import { ContextData } from "../../util/types";
+export interface ReturnType {
+    onPresentVerificationModal: () => void;
+}
+export interface IVerificationModalProps {
+    verifyCallback: () => void;
+    modalTitle: string;
+    modalDescription: string;
+    translations?: (key: string, data?: ContextData) => string;
+    onVerificationDeclined?: () => void;
+}
+declare const useVerificationModal: ({ verifyCallback, modalTitle, modalDescription, translations, onVerificationDeclined }: IVerificationModalProps) => ReturnType;
+export default useVerificationModal;

package/dist/widgets/WalletModal/AccountModal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ContextData } from "../../util/types";
+interface Props {
+    account: string;
+    logout: () => void;
+    onDismiss?: () => void;
+    translations?: (key: string, data?: ContextData) => string;
+}
+declare const AccountModal: React.FC<Props>;
+export default AccountModal;

package/dist/widgets/WalletModal/ConnectModal.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Login } from "./types";
+import { ContextData } from "../../util/types";
+interface Props {
+    login: Login;
+    onDismiss?: () => void;
+    translations?: (key: string, data?: ContextData) => string;
+}
+declare const ConnectModal: React.FC<Props>;
+export default ConnectModal;

package/dist/widgets/WalletModal/CopyToClipboard.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ContextData } from "../../util/types";
+interface Props {
+    toCopy: string;
+    translations?: (key: string, data?: ContextData) => string;
+}
+declare const CopyToClipboard: React.FC<Props>;
+export default CopyToClipboard;

package/dist/widgets/WalletModal/WalletCard.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { Login, Config } from "./types";
+interface Props {
+    walletConfig: Config;
+    login: Login;
+    onDismiss: () => void;
+    mb: string;
+}
+declare const WalletCard: React.FC<Props>;
+export default WalletCard;

package/dist/widgets/WalletModal/config.d.ts

@@ -0,0 +1,4 @@
+import { Config } from "./types";
+declare const connectors: Config[];
+export default connectors;
+export declare const connectorLocalStorageKey = "connectorId";

package/dist/widgets/WalletModal/icons/BinanceChain.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../../../components/Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/widgets/WalletModal/icons/MathWallet.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../../../components/Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/widgets/WalletModal/icons/Metamask.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../../../components/Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/widgets/WalletModal/icons/TokenPocket.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../../../components/Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/widgets/WalletModal/icons/TrustWallet.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../../../components/Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/widgets/WalletModal/icons/WalletConnect.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../../../components/Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/widgets/WalletModal/index.d.ts

@@ -0,0 +1,4 @@
+export { default as useWalletModal } from "./useWalletModal";
+export { connectorLocalStorageKey } from "./config";
+export { ConnectorNames } from "./types";
+export type { Login } from "./types";

package/dist/widgets/WalletModal/types.d.ts

@@ -0,0 +1,13 @@
+import { FC } from "react";
+import { SvgProps } from "../../components/Svg/types";
+export declare enum ConnectorNames {
+    Injected = "injected",
+    WalletConnect = "walletconnect",
+    BSC = "bsc"
+}
+export declare type Login = (connectorId: ConnectorNames, title: string) => void;
+export interface Config {
+    title: string;
+    icon: FC<SvgProps>;
+    connectorId: ConnectorNames;
+}

package/dist/widgets/WalletModal/useWalletModal.d.ts

@@ -0,0 +1,8 @@
+import { Login } from "./types";
+import { ContextData } from "../../util/types";
+interface ReturnType {
+    onPresentConnectModal: () => void;
+    onPresentAccountModal: () => void;
+}
+declare const useWalletModal: (login: Login, logout: () => void, account?: string, translations?: (key: string, data?: ContextData) => string) => ReturnType;
+export default useWalletModal;

package/package.json

@@ -0,0 +1,123 @@
+{
+  "name": "@coinswap-app/uikit",
+  "version": "0.5.57",
+  "description": "Set of UI components for CoinSwap projects",
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.esm.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf ./dist && rollup -c && tsc -p tsconfig.declarations.json",
+    "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx}'",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "test": "jest",
+    "release": "npm run build && npm publish --access public",
+    "prepublishOnly": "npm run build"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/CoinSwap-Space/coinswap-app.git",
+    "directory": "coinswap-uikit"
+  },
+  "author": "CoinSwap Space",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/CoinSwap-Space/coinswap-app/issues"
+  },
+  "homepage": "https://github.com/CoinSwap-Space/coinswap-app/tree/main/coinswap-uikit",
+  "jest": {
+    "setupFilesAfterEnv": [
+      "<rootDir>/src/setupTests.js"
+    ]
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/preset-env": "^7.12.16",
+    "@coinswap-libs/eslint-config-coinswap": "0.0.1",
+    "@commitlint/cli": "^11.0.0",
+    "@commitlint/config-conventional": "^11.0.0",
+    "@rollup/plugin-typescript": "^8.2.0",
+    "@storybook/addon-a11y": "^6.3.10",
+    "@storybook/addon-actions": "^6.3.10",
+    "@storybook/addon-essentials": "^6.3.10",
+    "@storybook/addon-links": "^6.3.10",
+    "@storybook/react": "^6.3.10",
+    "@testing-library/jest-dom": "^5.11.6",
+    "@testing-library/react": "^11.2.5",
+    "@types/react": "^17.0.2",
+    "@types/react-router-dom": "^5.1.6",
+    "@types/react-transition-group": "^4.4.0",
+    "@types/styled-components": "^5.1.4",
+    "@typescript-eslint/eslint-plugin": "^4.29.0",
+    "@typescript-eslint/parser": "^4.29.0",
+    "babel-loader": "^8.1.0",
+    "babel-plugin-styled-components": "^1.11.1",
+    "commitlint-config-jira": "^1.5.1",
+    "commitlint-plugin-jira-rules": "^1.5.1",
+    "eslint": "^7.32.0",
+    "eslint-plugin-react": "^7.24.0",
+    "husky": "4.3.5",
+    "jest": "^26.6.3",
+    "jest-styled-components": "^7.0.3",
+    "np": "^7.4.0",
+    "prettier": "^2.1.2",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-is": "^17.0.1",
+    "react-router-dom": "^5.2.0",
+    "rollup": "^2.39.0",
+    "styled-components": "^5.2.0",
+    "themeprovider-storybook": "^1.7.2",
+    "ts-jest": "^26.5.1",
+    "tslib": "^2.0.3",
+    "typescript": "^4.1.5"
+  },
+  "peerDependencies": {
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
+    "styled-components": "^5.2.0"
+  },
+  "dependencies": {
+    "@coinswap-libs/sdk": "1.0.0",
+    "@date-io/date-fns": "1.3.13",
+    "@material-ui/core": "4.11.4",
+    "@material-ui/pickers": "^3.3.10",
+    "@material-ui/styles": "^4.11.4",
+    "@rollup/plugin-commonjs": "^21.0.2",
+    "@types/lodash": "^4.14.162",
+    "@types/react-slick": "^0.23.5",
+    "@types/styled-system": "^5.1.10",
+    "@web3-react/core": "^6.1.9",
+    "bignumber.js": "^9.0.1",
+    "contentful": "^8.5.3",
+    "date-fns": "2.23.0",
+    "dayjs": "^1.10.7",
+    "formik": "^2.2.9",
+    "lodash": "^4.17.20",
+    "moment": "^2.29.1",
+    "moment-duration-format": "^2.3.2",
+    "react-cookie": "^4.0.3",
+    "react-dropzone": "^11.4.1",
+    "react-facebook-share-link": "^1.0.4",
+    "react-responsive-carousel": "^3.2.19",
+    "react-slick": "^0.28.1",
+    "react-transition-group": "^4.4.1",
+    "rollup-plugin-babel": "^4.4.0",
+    "slick-carousel": "^1.8.1",
+    "styled-system": "^5.1.5",
+    "tslint": "^6.1.3",
+    "yup": "^0.32.11"
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  }
+}