@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.
@@ -1,3 +1,5 @@
1
1
  import React from "react";
2
- declare const EarnedCarouselWrapper: React.FC;
2
+ declare const EarnedCarouselWrapper: React.FC<{
3
+ children: React.ReactNode;
4
+ }>;
3
5
  export default EarnedCarouselWrapper;
@@ -1,3 +1,5 @@
1
1
  import React from "react";
2
- declare const EarnedWrapper: React.FC;
2
+ declare const EarnedWrapper: React.FC<{
3
+ children: React.ReactNode;
4
+ }>;
3
5
  export default EarnedWrapper;
@@ -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
- export interface TooltipProps {
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;
@@ -6,6 +6,8 @@ export type TooltipTheme = {
6
6
  export interface TooltipProps {
7
7
  content: React.ReactNode;
8
8
  small?: boolean;
9
+ width?: number;
10
+ style?: any;
9
11
  removeAfter?: boolean;
10
12
  bottom?: number;
11
13
  right?: number;
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 = null;
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 = null;
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 requiredWallet === null || requiredWallet === void 0 ? void 0 : requiredWallet.requiredValue.includes(el.chainId);
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 = null;
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 = null;
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 requiredWallet === null || requiredWallet === void 0 ? void 0 : requiredWallet.requiredValue.includes(el.chainId);
19456
+ return requiredValueArray.includes(el.chainId);
19456
19457
  })[0];
19457
19458
  return {
19458
19459
  wallet: addressData === null || addressData === void 0 ? void 0 : addressData.wallet,
@@ -1,4 +1,4 @@
1
- import { DefaultTheme, Interpolation, Theme } from "styled-components";
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<Theme<DefaultTheme>>;
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coinswap-app/uikit",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Set of UI components for CoinSwap projects",
5
5
  "main": "dist/index.cjs.js",
6
6
  "module": "dist/index.esm.js",