@coinswap-app/uikit 1.0.0 → 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/EarnedCarouselWrapper/EarnedCarouselWrapper.d.ts +3 -1
- package/dist/components/EarnedWrapper/EarnedWrapper.d.ts +3 -1
- package/dist/components/SpacePadComponents/index.logic.d.ts +1 -1
- package/dist/components/Table/types.d.ts +14 -14
- package/dist/components/Tooltip/Tooltip.d.ts +1 -9
- package/dist/components/Tooltip/types.d.ts +2 -0
- package/dist/index.cjs.js +5 -4
- package/dist/index.esm.js +5 -4
- package/dist/theme/index.d.ts +2 -2
- package/dist/widgets/Modal/ModalContext.d.ts +3 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SpaceRound } from "@coinswap-app/sdk";
|
|
2
|
-
import { IDOState } from "
|
|
2
|
+
import { IDOState } from "../../util/types";
|
|
3
3
|
export declare const getIdoState: (round: SpaceRound, blockNumber: number) => IDOState;
|
|
4
4
|
export declare const getEndBlockByIdoSate: (spaceRound: SpaceRound, state: IDOState) => number;
|
|
5
5
|
export declare const getTimestampForEventBlock: (seconds: number, customDateFormat?: string) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type ColumnType<T> = {
|
|
1
|
+
export type ColumnType<T extends DataType = DataType> = {
|
|
2
2
|
name: string;
|
|
3
3
|
label?: string;
|
|
4
4
|
hidden?: boolean;
|
|
@@ -9,7 +9,7 @@ export type ColumnType<T> = {
|
|
|
9
9
|
}) => React.ReactNode;
|
|
10
10
|
headerRender?: HeaderRenderType;
|
|
11
11
|
};
|
|
12
|
-
export type ColumnStateType<T> = {
|
|
12
|
+
export type ColumnStateType<T extends DataType = DataType> = {
|
|
13
13
|
name: string;
|
|
14
14
|
label: string;
|
|
15
15
|
hidden: boolean;
|
|
@@ -23,7 +23,7 @@ export type ColumnStateType<T> = {
|
|
|
23
23
|
export type HeaderRenderType = ({ label }: {
|
|
24
24
|
label: React.ReactNode;
|
|
25
25
|
}) => React.ReactNode;
|
|
26
|
-
export type HeaderType<T> = {
|
|
26
|
+
export type HeaderType<T extends DataType = DataType> = {
|
|
27
27
|
name: string;
|
|
28
28
|
label?: string;
|
|
29
29
|
hidden?: boolean;
|
|
@@ -37,16 +37,16 @@ export type HeaderType<T> = {
|
|
|
37
37
|
export type DataType = {
|
|
38
38
|
[key: string]: any;
|
|
39
39
|
};
|
|
40
|
-
export type ColumnByNamesType<T> = {
|
|
40
|
+
export type ColumnByNamesType<T extends DataType = DataType> = {
|
|
41
41
|
[key: string]: ColumnType<T>;
|
|
42
42
|
};
|
|
43
|
-
export type RenderFunctionType<T> = ({ value, row }: RenderFunctionArgsType<T>) => React.ReactNode | undefined;
|
|
44
|
-
type RenderFunctionArgsType<T> = {
|
|
43
|
+
export type RenderFunctionType<T extends DataType = DataType> = ({ value, row }: RenderFunctionArgsType<T>) => React.ReactNode | undefined;
|
|
44
|
+
type RenderFunctionArgsType<T extends DataType = DataType> = {
|
|
45
45
|
value: any;
|
|
46
46
|
row: T;
|
|
47
47
|
};
|
|
48
|
-
export type ColumnByNameType<T> = Omit<Required<ColumnType<T>>, "name" | "sort">;
|
|
49
|
-
export interface RowType<T extends DataType> {
|
|
48
|
+
export type ColumnByNameType<T extends DataType = DataType> = Omit<Required<ColumnType<T>>, "name" | "sort">;
|
|
49
|
+
export interface RowType<T extends DataType = DataType> {
|
|
50
50
|
id: number;
|
|
51
51
|
cells: CellType[];
|
|
52
52
|
hidden?: boolean;
|
|
@@ -57,7 +57,7 @@ export type CellType = {
|
|
|
57
57
|
value: any;
|
|
58
58
|
render: () => React.ReactNode;
|
|
59
59
|
};
|
|
60
|
-
export interface UseTableTypeParams<T extends DataType> {
|
|
60
|
+
export interface UseTableTypeParams<T extends DataType = DataType> {
|
|
61
61
|
columns: ColumnType<T>[];
|
|
62
62
|
data: T[];
|
|
63
63
|
options?: {
|
|
@@ -67,7 +67,7 @@ export interface UseTableTypeParams<T extends DataType> {
|
|
|
67
67
|
filterOn?: boolean;
|
|
68
68
|
};
|
|
69
69
|
}
|
|
70
|
-
export interface UseTablePropsType<T> {
|
|
70
|
+
export interface UseTablePropsType<T extends DataType = DataType> {
|
|
71
71
|
columns: ColumnType<T>[];
|
|
72
72
|
data: T[];
|
|
73
73
|
options?: {
|
|
@@ -76,14 +76,14 @@ export interface UseTablePropsType<T> {
|
|
|
76
76
|
filter?: (row: RowType<T>[]) => RowType<T>[];
|
|
77
77
|
};
|
|
78
78
|
}
|
|
79
|
-
export interface UseTableOptionsType<T> {
|
|
79
|
+
export interface UseTableOptionsType<T extends DataType = DataType> {
|
|
80
80
|
sortable?: boolean;
|
|
81
81
|
selectable?: boolean;
|
|
82
82
|
pagination?: boolean;
|
|
83
83
|
sortColumn?: string;
|
|
84
84
|
filter?: (row: RowType<T>[]) => RowType<T>[];
|
|
85
85
|
}
|
|
86
|
-
export interface UseTableReturnType<T> {
|
|
86
|
+
export interface UseTableReturnType<T extends DataType = DataType> {
|
|
87
87
|
headers: HeaderType<T>[];
|
|
88
88
|
originalRows: RowType<T>[];
|
|
89
89
|
rows: RowType<T>[];
|
|
@@ -104,7 +104,7 @@ type PaginatorType = {
|
|
|
104
104
|
canNext: boolean;
|
|
105
105
|
canPrev: boolean;
|
|
106
106
|
};
|
|
107
|
-
export type TableState<T extends DataType> = {
|
|
107
|
+
export type TableState<T extends DataType = DataType> = {
|
|
108
108
|
columnsByName: ColumnByNamesType<T>;
|
|
109
109
|
columns: ColumnStateType<T>[];
|
|
110
110
|
rows: RowType<T>[];
|
|
@@ -116,7 +116,7 @@ export type TableState<T extends DataType> = {
|
|
|
116
116
|
pagination: PaginatorType;
|
|
117
117
|
paginationEnabled: boolean;
|
|
118
118
|
};
|
|
119
|
-
export type TableAction<T extends DataType> = {
|
|
119
|
+
export type TableAction<T extends DataType = DataType> = {
|
|
120
120
|
type: "TOGGLE_SORT";
|
|
121
121
|
columnName: string;
|
|
122
122
|
isAscOverride?: boolean;
|
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
content: React.ReactNode;
|
|
4
|
-
small?: boolean;
|
|
5
|
-
width?: number;
|
|
6
|
-
style?: any;
|
|
7
|
-
removeAfter?: boolean;
|
|
8
|
-
bottom?: number;
|
|
9
|
-
right?: number;
|
|
10
|
-
}
|
|
2
|
+
import { TooltipProps } from "./types";
|
|
11
3
|
declare const Tooltip: React.FunctionComponent<TooltipProps>;
|
|
12
4
|
export default Tooltip;
|
package/dist/index.cjs.js
CHANGED
|
@@ -22,8 +22,8 @@ var noop = require('lodash/noop');
|
|
|
22
22
|
var _ = require('lodash');
|
|
23
23
|
var FacebookShare = require('react-facebook-share-link');
|
|
24
24
|
var reactRouterDom = require('react-router-dom');
|
|
25
|
-
var reactTransitionGroup = require('react-transition-group');
|
|
26
25
|
var core = require('@web3-react/core');
|
|
26
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
27
27
|
var formik = require('formik');
|
|
28
28
|
var Yup = require('yup');
|
|
29
29
|
|
|
@@ -11876,7 +11876,7 @@ var byTextDescending = function byTextDescending(getTextProperty) {
|
|
|
11876
11876
|
};
|
|
11877
11877
|
|
|
11878
11878
|
var sortByColumn = function sortByColumn(data, sortColumn, columns) {
|
|
11879
|
-
var isAscending =
|
|
11879
|
+
var isAscending = undefined;
|
|
11880
11880
|
var sortedRows = _toConsumableArray(data);
|
|
11881
11881
|
columns.forEach(function (column) {
|
|
11882
11882
|
// if the row was found
|
|
@@ -11921,7 +11921,7 @@ var createReducer = function createReducer() {
|
|
|
11921
11921
|
var rows = [];
|
|
11922
11922
|
var nextPage = 0;
|
|
11923
11923
|
var prevPage = 0;
|
|
11924
|
-
var isAscending =
|
|
11924
|
+
var isAscending = undefined;
|
|
11925
11925
|
var sortedRows = [];
|
|
11926
11926
|
var columnCopy = [];
|
|
11927
11927
|
var filteredRows = [];
|
|
@@ -19473,8 +19473,9 @@ var IdoExtensionsModal = function IdoExtensionsModal(_ref7) {
|
|
|
19473
19473
|
if (!_.isNil(requiredWallet) && myAddresses) {
|
|
19474
19474
|
var _myAddresses$find;
|
|
19475
19475
|
if (_.isArray(requiredWallet.requiredValue)) {
|
|
19476
|
+
var requiredValueArray = requiredWallet.requiredValue;
|
|
19476
19477
|
var addressData = myAddresses === null || myAddresses === void 0 ? void 0 : myAddresses.filter(function (el) {
|
|
19477
|
-
return
|
|
19478
|
+
return requiredValueArray.includes(el.chainId);
|
|
19478
19479
|
})[0];
|
|
19479
19480
|
return {
|
|
19480
19481
|
wallet: addressData === null || addressData === void 0 ? void 0 : addressData.wallet,
|
package/dist/index.esm.js
CHANGED
|
@@ -21,8 +21,8 @@ import noop from 'lodash/noop';
|
|
|
21
21
|
import _, { some } from 'lodash';
|
|
22
22
|
import FacebookShare from 'react-facebook-share-link';
|
|
23
23
|
import { Link as Link$1, NavLink, useLocation } from 'react-router-dom';
|
|
24
|
-
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
|
25
24
|
import { useWeb3React } from '@web3-react/core';
|
|
25
|
+
import { CSSTransition, TransitionGroup } from 'react-transition-group';
|
|
26
26
|
import { useFormik } from 'formik';
|
|
27
27
|
import * as Yup from 'yup';
|
|
28
28
|
|
|
@@ -11854,7 +11854,7 @@ var byTextDescending = function byTextDescending(getTextProperty) {
|
|
|
11854
11854
|
};
|
|
11855
11855
|
|
|
11856
11856
|
var sortByColumn = function sortByColumn(data, sortColumn, columns) {
|
|
11857
|
-
var isAscending =
|
|
11857
|
+
var isAscending = undefined;
|
|
11858
11858
|
var sortedRows = _toConsumableArray(data);
|
|
11859
11859
|
columns.forEach(function (column) {
|
|
11860
11860
|
// if the row was found
|
|
@@ -11899,7 +11899,7 @@ var createReducer = function createReducer() {
|
|
|
11899
11899
|
var rows = [];
|
|
11900
11900
|
var nextPage = 0;
|
|
11901
11901
|
var prevPage = 0;
|
|
11902
|
-
var isAscending =
|
|
11902
|
+
var isAscending = undefined;
|
|
11903
11903
|
var sortedRows = [];
|
|
11904
11904
|
var columnCopy = [];
|
|
11905
11905
|
var filteredRows = [];
|
|
@@ -19451,8 +19451,9 @@ var IdoExtensionsModal = function IdoExtensionsModal(_ref7) {
|
|
|
19451
19451
|
if (!_.isNil(requiredWallet) && myAddresses) {
|
|
19452
19452
|
var _myAddresses$find;
|
|
19453
19453
|
if (_.isArray(requiredWallet.requiredValue)) {
|
|
19454
|
+
var requiredValueArray = requiredWallet.requiredValue;
|
|
19454
19455
|
var addressData = myAddresses === null || myAddresses === void 0 ? void 0 : myAddresses.filter(function (el) {
|
|
19455
|
-
return
|
|
19456
|
+
return requiredValueArray.includes(el.chainId);
|
|
19456
19457
|
})[0];
|
|
19457
19458
|
return {
|
|
19458
19459
|
wallet: addressData === null || addressData === void 0 ? void 0 : addressData.wallet,
|
package/dist/theme/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { DefaultTheme, Interpolation
|
|
1
|
+
import { DefaultTheme, Interpolation } from "styled-components";
|
|
2
2
|
import { AlertTheme } from "../components/Alert/types";
|
|
3
3
|
import { ButtonTheme } from "../components/Button/types";
|
|
4
4
|
import { CardTheme } from "../components/Card/types";
|
|
@@ -30,7 +30,7 @@ export interface CoinSwapTheme {
|
|
|
30
30
|
zIndices: ZIndices;
|
|
31
31
|
backgrounds: Backgrounds;
|
|
32
32
|
grids: Grids;
|
|
33
|
-
gridLayout: Interpolation<
|
|
33
|
+
gridLayout: Interpolation<DefaultTheme>;
|
|
34
34
|
}
|
|
35
35
|
export { default as dark } from "./dark";
|
|
36
36
|
export { default as light } from "./light";
|
|
@@ -6,5 +6,7 @@ interface ModalsContext {
|
|
|
6
6
|
setCloseOnOverlayClick: React.Dispatch<React.SetStateAction<boolean>>;
|
|
7
7
|
}
|
|
8
8
|
export declare const Context: React.Context<ModalsContext>;
|
|
9
|
-
declare const ModalProvider: React.FC
|
|
9
|
+
declare const ModalProvider: React.FC<{
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
}>;
|
|
10
12
|
export default ModalProvider;
|