@coinswap-app/uikit 0.8.0 → 1.0.1

package/dist/components/Breadcrumbs/types.d.ts

@@ -1,4 +1,5 @@
 import { SpaceProps } from "styled-system";
 export interface BreadcrumbsProps extends SpaceProps {
     separator?: React.ReactNode;
+    children?: React.ReactNode;
 }

package/dist/components/Button/RampButtonLite.d.ts

@@ -3,6 +3,7 @@ export interface RampButtonProps {
     onClick: () => void;
     title?: string;
     extended?: boolean;
+    children?: React.ReactNode;
 }
 declare const RampButtonLite: React.FunctionComponent<RampButtonProps>;
 export default RampButtonLite;

package/dist/components/ButtonMenu/types.d.ts

@@ -72,5 +72,6 @@ export interface ButtonSwitchProps {
 export interface ButtonSwitchItemProps {
     active: boolean;
     onClick?: (active: boolean) => void;
+    children?: React.ReactNode;
 }
 export {};

package/dist/components/Dropdown/types.d.ts

@@ -4,4 +4,5 @@ export interface PositionProps {
 }
 export interface DropdownProps extends PositionProps {
     target: React.ReactElement;
+    children?: React.ReactNode;
 }

package/dist/components/EarnedCarouselWrapper/EarnedCarouselWrapper.d.ts

@@ -1,3 +1,5 @@
 import React from "react";
-declare const EarnedCarouselWrapper: React.FC;
+declare const EarnedCarouselWrapper: React.FC<{
+    children: React.ReactNode;
+}>;
 export default EarnedCarouselWrapper;

package/dist/components/EarnedWrapper/EarnedWrapper.d.ts

@@ -1,3 +1,5 @@
 import React from "react";
-declare const EarnedWrapper: React.FC;
+declare const EarnedWrapper: React.FC<{
+    children: React.ReactNode;
+}>;
 export default EarnedWrapper;

package/dist/components/Heading/types.d.ts

@@ -1,10 +1,10 @@
 export declare const tags: {
-    H1: string;
-    H2: string;
-    H3: string;
-    H4: string;
-    H5: string;
-    H6: string;
+    readonly H1: "h1";
+    readonly H2: "h2";
+    readonly H3: "h3";
+    readonly H4: "h4";
+    readonly H5: "h5";
+    readonly H6: "h6";
 };
 export declare const sizes: {
     readonly MD: "md";

package/dist/components/MuiInput/InputAssets/InputAssets.d.ts

@@ -25,6 +25,7 @@ interface InputWrapperProps {
     error?: string | boolean;
     success?: boolean;
     successMsg?: string;
+    children?: React.ReactNode;
 }
 export declare const InputWrapper: React.FC<InputWrapperProps>;
 export {};

package/dist/components/SpacePadComponents/index.logic.d.ts

@@ -1,5 +1,5 @@
 import { SpaceRound } from "@coinswap-app/sdk";
-import { IDOState } from "../..";
+import { IDOState } from "../../util/types";
 export declare const getIdoState: (round: SpaceRound, blockNumber: number) => IDOState;
 export declare const getEndBlockByIdoSate: (spaceRound: SpaceRound, state: IDOState) => number;
 export declare const getTimestampForEventBlock: (seconds: number, customDateFormat?: string) => string;

package/dist/components/Table/hooks.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from "react";
 import { ColumnType, DataType, UseTableReturnType, UseTableOptionsType } from "./types";
-export declare const makeRender: <T extends DataType>(value: any, render: (({ value: val, row }: {
+export declare const makeRender: <T extends DataType>(value: any, render: (({ value, row }: {
     value: any;
     row: T;
 }) => ReactNode) | undefined, row: T) => (() => React.ReactNode);

package/dist/components/Table/types.d.ts

@@ -1,4 +1,4 @@
-export type ColumnType<T> = {
+export type ColumnType<T extends DataType = DataType> = {
     name: string;
     label?: string;
     hidden?: boolean;
@@ -9,7 +9,7 @@ export type ColumnType<T> = {
     }) => React.ReactNode;
     headerRender?: HeaderRenderType;
 };
-export type ColumnStateType<T> = {
+export type ColumnStateType<T extends DataType = DataType> = {
     name: string;
     label: string;
     hidden: boolean;
@@ -23,7 +23,7 @@ export type ColumnStateType<T> = {
 export type HeaderRenderType = ({ label }: {
     label: React.ReactNode;
 }) => React.ReactNode;
-export type HeaderType<T> = {
+export type HeaderType<T extends DataType = DataType> = {
     name: string;
     label?: string;
     hidden?: boolean;
@@ -37,16 +37,16 @@ export type HeaderType<T> = {
 export type DataType = {
     [key: string]: any;
 };
-export type ColumnByNamesType<T> = {
+export type ColumnByNamesType<T extends DataType = DataType> = {
     [key: string]: ColumnType<T>;
 };
-export type RenderFunctionType<T> = ({ value, row }: RenderFunctionArgsType<T>) => React.ReactNode | undefined;
-type RenderFunctionArgsType<T> = {
+export type RenderFunctionType<T extends DataType = DataType> = ({ value, row }: RenderFunctionArgsType<T>) => React.ReactNode | undefined;
+type RenderFunctionArgsType<T extends DataType = DataType> = {
     value: any;
     row: T;
 };
-export type ColumnByNameType<T> = Omit<Required<ColumnType<T>>, "name" | "sort">;
-export interface RowType<T extends DataType> {
+export type ColumnByNameType<T extends DataType = DataType> = Omit<Required<ColumnType<T>>, "name" | "sort">;
+export interface RowType<T extends DataType = DataType> {
     id: number;
     cells: CellType[];
     hidden?: boolean;
@@ -57,7 +57,7 @@ export type CellType = {
     value: any;
     render: () => React.ReactNode;
 };
-export interface UseTableTypeParams<T extends DataType> {
+export interface UseTableTypeParams<T extends DataType = DataType> {
     columns: ColumnType<T>[];
     data: T[];
     options?: {
@@ -67,7 +67,7 @@ export interface UseTableTypeParams<T extends DataType> {
         filterOn?: boolean;
     };
 }
-export interface UseTablePropsType<T> {
+export interface UseTablePropsType<T extends DataType = DataType> {
     columns: ColumnType<T>[];
     data: T[];
     options?: {
@@ -76,14 +76,14 @@ export interface UseTablePropsType<T> {
         filter?: (row: RowType<T>[]) => RowType<T>[];
     };
 }
-export interface UseTableOptionsType<T> {
+export interface UseTableOptionsType<T extends DataType = DataType> {
     sortable?: boolean;
     selectable?: boolean;
     pagination?: boolean;
     sortColumn?: string;
     filter?: (row: RowType<T>[]) => RowType<T>[];
 }
-export interface UseTableReturnType<T> {
+export interface UseTableReturnType<T extends DataType = DataType> {
     headers: HeaderType<T>[];
     originalRows: RowType<T>[];
     rows: RowType<T>[];
@@ -104,7 +104,7 @@ type PaginatorType = {
     canNext: boolean;
     canPrev: boolean;
 };
-export type TableState<T extends DataType> = {
+export type TableState<T extends DataType = DataType> = {
     columnsByName: ColumnByNamesType<T>;
     columns: ColumnStateType<T>[];
     rows: RowType<T>[];
@@ -116,7 +116,7 @@ export type TableState<T extends DataType> = {
     pagination: PaginatorType;
     paginationEnabled: boolean;
 };
-export type TableAction<T extends DataType> = {
+export type TableAction<T extends DataType = DataType> = {
     type: "TOGGLE_SORT";
     columnName: string;
     isAscOverride?: boolean;

package/dist/components/TableRow/TableRow.d.ts

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

package/dist/components/TableRow/components/LiquidityContainer.d.ts

@@ -4,5 +4,5 @@ export interface LiquidityContainerProps {
     tooltip: React.ReactNode;
     grid?: number;
 }
-declare const LiquidityContainer: React.SFC<LiquidityContainerProps>;
+declare const LiquidityContainer: React.FC<LiquidityContainerProps>;
 export default LiquidityContainer;

package/dist/components/TableRow/components/TableActionBox.d.ts

@@ -7,5 +7,5 @@ export interface TableActionBoxProps {
     mobile?: boolean;
     column?: boolean;
 }
-declare const TableActionBox: React.SFC<TableActionBoxProps>;
+declare const TableActionBox: React.FC<TableActionBoxProps>;
 export default TableActionBox;

package/dist/components/Tag/types.d.ts

@@ -36,6 +36,7 @@ export interface TagProps extends SpaceProps {
     startIcon?: ReactNode;
     endIcon?: ReactNode;
     outline?: boolean;
+    children?: ReactNode;
 }
 export interface CoreTagProps extends TagProps {
     active?: boolean;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,12 +1,4 @@
 import React from "react";
-export interface TooltipProps {
-    content: React.ReactNode;
-    small?: boolean;
-    width?: number;
-    style?: any;
-    removeAfter?: boolean;
-    bottom?: number;
-    right?: number;
-}
+import { TooltipProps } from "./types";
 declare const Tooltip: React.FunctionComponent<TooltipProps>;
 export default Tooltip;

package/dist/components/Tooltip/types.d.ts

@@ -3,3 +3,13 @@ export type TooltipTheme = {
     text: string;
     boxShadow: string;
 };
+export interface TooltipProps {
+    content: React.ReactNode;
+    small?: boolean;
+    width?: number;
+    style?: any;
+    removeAfter?: boolean;
+    bottom?: number;
+    right?: number;
+    children?: React.ReactNode;
+}