@onepercentio/one-ui 0.9.12 → 0.10.0
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/Countdown/Countdown.d.ts +3 -1
- package/dist/components/Countdown/Countdown.js +8 -4
- package/dist/components/Countdown/Countdown.js.map +1 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.d.ts +1 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js.map +1 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +32 -0
- package/dist/components/PaginationIndicator/PaginationIndicator.module.scss +48 -0
- package/dist/components/Recycler/Recycler.d.ts +4 -0
- package/dist/components/Recycler/Recycler.js +14 -0
- package/dist/components/Recycler/Recycler.js.map +1 -0
- package/dist/components/Recycler/Recycler.module.scss +0 -0
- package/dist/components/Recycler/index.d.ts +1 -0
- package/dist/components/Recycler/index.js +9 -0
- package/dist/components/Recycler/index.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +10 -0
- package/dist/components/Skeleton/Skeleton.js +22 -0
- package/dist/components/Skeleton/Skeleton.js.map +1 -0
- package/dist/components/Skeleton/Skeleton.module.scss +20 -0
- package/dist/components/Skeleton/index.d.ts +1 -0
- package/dist/components/Skeleton/index.js +9 -0
- package/dist/components/Skeleton/index.js.map +1 -0
- package/dist/hooks/ui/useTilt.d.ts +34 -0
- package/dist/hooks/ui/useTilt.js +125 -0
- package/dist/hooks/ui/useTilt.js.map +1 -0
- package/dist/hooks/usePagination.js +3 -0
- package/dist/hooks/usePagination.js.map +1 -1
- package/dist/hooks/usePaginationControls.d.ts +5 -0
- package/dist/hooks/usePaginationControls.js +8 -0
- package/dist/hooks/usePaginationControls.js.map +1 -0
- package/dist/utils.d.ts +44 -0
- package/dist/utils.js +3 -0
- package/dist/utils.js.map +1 -0
- package/package.json +1 -1
- package/test/models/examples/contract.ts +0 -4
- package/test/models/examples/raw_erc.ts +0 -367
|
@@ -5,13 +5,15 @@ export declare type TimeObject = {
|
|
|
5
5
|
};
|
|
6
6
|
export declare function calculateTimeFromTimespan(timespan: number): TimeObject;
|
|
7
7
|
export declare enum CountdownTextModel {
|
|
8
|
+
/** This shows the countdown on the format 00:00:00 */
|
|
8
9
|
CLOCK = 0,
|
|
10
|
+
/** This shows the countdown on the format 00h 00m 00s */
|
|
9
11
|
SHORT = 1
|
|
10
12
|
}
|
|
11
13
|
/**
|
|
12
14
|
* You five it some time, and a countdown is shown
|
|
13
15
|
**/
|
|
14
|
-
export default function Countdown({ timeRemaining, onFinish, model }: {
|
|
16
|
+
export default function Countdown({ timeRemaining, onFinish, model, }: {
|
|
15
17
|
timeRemaining: number;
|
|
16
18
|
onFinish?: () => void;
|
|
17
19
|
model?: CountdownTextModel;
|
|
@@ -41,14 +41,19 @@ const IntegerFormatter = new Intl.NumberFormat(undefined, {
|
|
|
41
41
|
});
|
|
42
42
|
var CountdownTextModel;
|
|
43
43
|
(function (CountdownTextModel) {
|
|
44
|
+
/** This shows the countdown on the format 00:00:00 */
|
|
44
45
|
CountdownTextModel[CountdownTextModel["CLOCK"] = 0] = "CLOCK";
|
|
46
|
+
/** This shows the countdown on the format 00h 00m 00s */
|
|
45
47
|
CountdownTextModel[CountdownTextModel["SHORT"] = 1] = "SHORT";
|
|
46
48
|
})(CountdownTextModel = exports.CountdownTextModel || (exports.CountdownTextModel = {}));
|
|
47
49
|
/**
|
|
48
50
|
* You five it some time, and a countdown is shown
|
|
49
51
|
**/
|
|
50
|
-
function Countdown({ timeRemaining, onFinish, model = CountdownTextModel.CLOCK }) {
|
|
52
|
+
function Countdown({ timeRemaining, onFinish, model = CountdownTextModel.CLOCK, }) {
|
|
51
53
|
const [t, setT] = (0, react_1.useState)(() => calculateTimeFromTimespan(timeRemaining));
|
|
54
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
55
|
+
setT(calculateTimeFromTimespan(timeRemaining));
|
|
56
|
+
}, [timeRemaining]);
|
|
52
57
|
(0, react_1.useEffect)(() => {
|
|
53
58
|
const cl = setInterval(() => {
|
|
54
59
|
setT((prev) => {
|
|
@@ -92,10 +97,9 @@ function Countdown({ timeRemaining, onFinish, model = CountdownTextModel.CLOCK }
|
|
|
92
97
|
react_1.default.createElement("span", null, "m"),
|
|
93
98
|
"\u00A0",
|
|
94
99
|
IntegerFormatter.format(t.seconds),
|
|
95
|
-
react_1.default.createElement("span", null, "s")
|
|
96
|
-
"\u00A0"));
|
|
100
|
+
react_1.default.createElement("span", null, "s")));
|
|
97
101
|
}
|
|
98
|
-
}, [
|
|
102
|
+
}, [t, model]);
|
|
99
103
|
return react_1.default.createElement("span", null, txt);
|
|
100
104
|
}
|
|
101
105
|
exports.default = Countdown;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Countdown.js","sourceRoot":"","sources":["../../../src/components/Countdown/Countdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Countdown.js","sourceRoot":"","sources":["../../../src/components/Countdown/Countdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,6 +3,6 @@ import React from "react";
|
|
|
3
3
|
* A hamburger button that mutates according to it's state
|
|
4
4
|
**/
|
|
5
5
|
export default function MutableHamburgerButton({ state, size, className, ...props }: {
|
|
6
|
-
state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search" | "loading" | "checkmark";
|
|
6
|
+
state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search" | "loading" | "checkmark" | "pencil";
|
|
7
7
|
size: number;
|
|
8
8
|
} & React.HTMLProps<HTMLDivElement>): JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MutableHamburgerButton.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8GAA0D;AAE1D;;IAEI;AACJ,SAAwB,sBAAsB,CAAC,
|
|
1
|
+
{"version":3,"file":"MutableHamburgerButton.js","sourceRoot":"","sources":["../../../src/components/MutableHamburgerButton/MutableHamburgerButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8GAA0D;AAE1D;;IAEI;AACJ,SAAwB,sBAAsB,CAAC,EAgBZ;QAhBY,EAC7C,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,SAAS,GAAG,EAAE,OAamB,EAZ9B,KAAK,cAJqC,8BAK9C,CADS;IAaR,OAAO,CACL,uDACM,KAAK,IACT,SAAS,EAAE,GAAG,4CAAM,CAAC,SAAS,IAAI,4CAAM,CAAC,KAAK,CAAC,IAAI,SAAS,EAAE,EAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI,EAAE;QAEhC,0CAAO;QACP,0CAAO;QACP,0CAAO,CACH,CACP,CAAC;AACJ,CAAC;AA5BD,yCA4BC"}
|
|
@@ -176,4 +176,36 @@ $slice: math.div(1, 7);
|
|
|
176
176
|
top: (-#{$slice * 4.5}em);
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
|
+
&.pencil {
|
|
180
|
+
perspective: 600px;
|
|
181
|
+
|
|
182
|
+
> :nth-child(1) {
|
|
183
|
+
height: #{$slice}em;
|
|
184
|
+
width: 0.15em;
|
|
185
|
+
transform: translateX(0.3em) rotate(-45deg);
|
|
186
|
+
border-bottom-left-radius: 0;
|
|
187
|
+
border-top-left-radius: 0;
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
> :nth-child(2) {
|
|
191
|
+
width: 0.6em;
|
|
192
|
+
transform: rotate(-45deg);
|
|
193
|
+
border-radius: 0;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
> :nth-child(3) {
|
|
197
|
+
$slice: $slice * 0.6;
|
|
198
|
+
|
|
199
|
+
height: 0em;
|
|
200
|
+
width: 0em;
|
|
201
|
+
border-radius: 0;
|
|
202
|
+
transform: translateX(-0.27em) translateY(0.027em) rotate(-80deg) rotateY(45deg) skew(12deg, 12deg);
|
|
203
|
+
|
|
204
|
+
border-left: #{$slice}em solid transparent;
|
|
205
|
+
border-right: #{$slice}em solid transparent;
|
|
206
|
+
border-bottom: 0em solid transparent;
|
|
207
|
+
border-top: #{$slice}em solid;
|
|
208
|
+
background-color: transparent;
|
|
209
|
+
}
|
|
210
|
+
}
|
|
179
211
|
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
$x: 0.1em;
|
|
2
|
+
|
|
3
|
+
.root {
|
|
4
|
+
position: relative;
|
|
5
|
+
height: 1.5em;
|
|
6
|
+
display: flex;
|
|
7
|
+
align-items: center;
|
|
8
|
+
justify-content: center;
|
|
9
|
+
filter: contrast(20);
|
|
10
|
+
background-color: #fff;
|
|
11
|
+
overflow: hidden;
|
|
12
|
+
> * {
|
|
13
|
+
height: 1em * 1.2;
|
|
14
|
+
width: 1em * 1.2;
|
|
15
|
+
margin: 0px 0.1em;
|
|
16
|
+
border-radius: 0.5em * 1.2;
|
|
17
|
+
background-color: #000;
|
|
18
|
+
position: relative;
|
|
19
|
+
filter: blur($x);
|
|
20
|
+
opacity: 0.485;
|
|
21
|
+
// animation-name: a;
|
|
22
|
+
// animation-iteration-count: infinite;
|
|
23
|
+
// animation-duration: 1s;
|
|
24
|
+
// animation-timing-function: linear;
|
|
25
|
+
// animation-direction: alternate;
|
|
26
|
+
}
|
|
27
|
+
&::after {
|
|
28
|
+
content: " ";
|
|
29
|
+
position: absolute;
|
|
30
|
+
background-color: #00f;
|
|
31
|
+
filter: blur($x * 2);
|
|
32
|
+
height: 1em * 0.8;
|
|
33
|
+
width: 1em * 0.8;
|
|
34
|
+
border-radius: 0.5em;
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
// @keyframes a {
|
|
39
|
+
// 0% {
|
|
40
|
+
// right: 2em;
|
|
41
|
+
// }
|
|
42
|
+
// 50% {
|
|
43
|
+
// right: 0em;
|
|
44
|
+
// }
|
|
45
|
+
// 100% {
|
|
46
|
+
// right: -2em;
|
|
47
|
+
// }
|
|
48
|
+
// }
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
/**
|
|
8
|
+
* It shows only a limit of elements
|
|
9
|
+
**/
|
|
10
|
+
function Recycler() {
|
|
11
|
+
return react_1.default.createElement(react_1.default.Fragment, null, "Recycler");
|
|
12
|
+
}
|
|
13
|
+
exports.default = Recycler;
|
|
14
|
+
//# sourceMappingURL=Recycler.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Recycler.js","sourceRoot":"","sources":["../../../src/components/Recycler/Recycler.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAG1B;;IAEI;AACJ,SAAwB,QAAQ;IAC5B,OAAO,yEAAa,CAAC;AACzB,CAAC;AAFD,2BAEC"}
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Recycler';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var Recycler_1 = require("./Recycler");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Recycler_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Recycler/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A skeleton element used to display a content that is loading
|
|
3
|
+
*
|
|
4
|
+
* Usually, it is used for paragraph elements, with a specific size
|
|
5
|
+
* So it's width and height is translated to em units
|
|
6
|
+
**/
|
|
7
|
+
export default function Skeleton({ width, height, }: {
|
|
8
|
+
width: number;
|
|
9
|
+
height?: number;
|
|
10
|
+
}): JSX.Element;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const Skeleton_module_scss_1 = __importDefault(require("./Skeleton.module.scss"));
|
|
8
|
+
/**
|
|
9
|
+
* A skeleton element used to display a content that is loading
|
|
10
|
+
*
|
|
11
|
+
* Usually, it is used for paragraph elements, with a specific size
|
|
12
|
+
* So it's width and height is translated to em units
|
|
13
|
+
**/
|
|
14
|
+
function Skeleton({ width, height = 1, }) {
|
|
15
|
+
return (react_1.default.createElement("div", { className: Skeleton_module_scss_1.default.root, style: {
|
|
16
|
+
"--biggest-unit": `${Math.max(width, height) * 2}em`,
|
|
17
|
+
width: `${width}em`,
|
|
18
|
+
height: `${height}em`,
|
|
19
|
+
} }));
|
|
20
|
+
}
|
|
21
|
+
exports.default = Skeleton;
|
|
22
|
+
//# sourceMappingURL=Skeleton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kFAA4C;AAE5C;;;;;IAKI;AACJ,SAAwB,QAAQ,CAAC,EAC/B,KAAK,EACL,MAAM,GAAG,CAAC,GAIX;IACC,OAAO,CACL,uCACE,SAAS,EAAE,8BAAM,CAAC,IAAI,EACtB,KAAK,EACH;YACE,gBAAgB,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,IAAI;YACpD,KAAK,EAAE,GAAG,KAAK,IAAI;YACnB,MAAM,EAAE,GAAG,MAAM,IAAI;SACf,GAEV,CACH,CAAC;AACJ,CAAC;AAnBD,2BAmBC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
@import "../../assets/styles";
|
|
2
|
+
|
|
3
|
+
.root {
|
|
4
|
+
background: linear-gradient(10deg, #0000 10%, #0006, #0000 80%);
|
|
5
|
+
background-size: var(--biggest-unit) var(--biggest-unit);
|
|
6
|
+
animation-name: moving;
|
|
7
|
+
animation-duration: $slow;
|
|
8
|
+
animation-iteration-count: infinite;
|
|
9
|
+
animation-timing-function: linear;
|
|
10
|
+
border-radius: 0.4em;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
@keyframes moving {
|
|
14
|
+
0% {
|
|
15
|
+
background-position: 0em 0em;
|
|
16
|
+
}
|
|
17
|
+
100% {
|
|
18
|
+
background-position: 0em var(--biggest-unit);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './Skeleton';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var Skeleton_1 = require("./Skeleton");
|
|
8
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Skeleton_1).default; } });
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Skeleton/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* This hook binds to two methods for calculating tilt
|
|
4
|
+
*
|
|
5
|
+
* When available: The device sensors
|
|
6
|
+
* When on desktop: The mouse position relative to a ref
|
|
7
|
+
*/
|
|
8
|
+
export default function useTilt(active: boolean,
|
|
9
|
+
/**
|
|
10
|
+
* A scale to increase the values from the sensors
|
|
11
|
+
*
|
|
12
|
+
* @hack You can set this value to 0 as a way to disable the tilt calc on mobile
|
|
13
|
+
*/
|
|
14
|
+
sensorScale?: number, maxTilt?: {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
}): {
|
|
18
|
+
/** The element to monitor mouse hover relative to */
|
|
19
|
+
relativeTo: import("react").RefObject<HTMLDivElement>;
|
|
20
|
+
/**
|
|
21
|
+
* The matrix that represents the original tilt, so it can be used with the tilt prop to tilt relative to the user
|
|
22
|
+
* Use it on css like so transform: matrix3d(tiltResetMatrix.join(",")) rotateX(tilt.x) rotateY(tilt.y)
|
|
23
|
+
*/
|
|
24
|
+
tiltResetMatrix: number[];
|
|
25
|
+
/**
|
|
26
|
+
* How much tilt should be applied based
|
|
27
|
+
*/
|
|
28
|
+
tilt: {
|
|
29
|
+
x: number;
|
|
30
|
+
y: number;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export declare function calculateDistanceRelativeToBounds(mousePosition: number, elementInitialPosition: number, elementSizeDimension: number): number;
|
|
34
|
+
export declare function givenTheRelativePositionHowMuchToRotate(relativePosition: number, maxRotation: number): number;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.givenTheRelativePositionHowMuchToRotate = exports.calculateDistanceRelativeToBounds = void 0;
|
|
7
|
+
const throttle_1 = __importDefault(require("lodash/throttle"));
|
|
8
|
+
const react_1 = require("react");
|
|
9
|
+
const helpers_1 = require("../../components/Parallax/math/helpers");
|
|
10
|
+
const MAX_TILT = {
|
|
11
|
+
x: 100,
|
|
12
|
+
y: 100,
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* This hook binds to two methods for calculating tilt
|
|
16
|
+
*
|
|
17
|
+
* When available: The device sensors
|
|
18
|
+
* When on desktop: The mouse position relative to a ref
|
|
19
|
+
*/
|
|
20
|
+
function useTilt(active,
|
|
21
|
+
/**
|
|
22
|
+
* A scale to increase the values from the sensors
|
|
23
|
+
*
|
|
24
|
+
* @hack You can set this value to 0 as a way to disable the tilt calc on mobile
|
|
25
|
+
*/
|
|
26
|
+
sensorScale = 1, maxTilt = MAX_TILT) {
|
|
27
|
+
const [tilt, setTilt] = (0, react_1.useState)({
|
|
28
|
+
x: 0,
|
|
29
|
+
y: 0,
|
|
30
|
+
});
|
|
31
|
+
const [tiltResetMatrix, setTiltResetMatrix] = (0, react_1.useState)(() => (0, helpers_1.flattenMatrix)((0, helpers_1.IDENTITY_MATRIX)()));
|
|
32
|
+
const relativeTo = (0, react_1.useRef)(null);
|
|
33
|
+
(0, react_1.useEffect)(() => {
|
|
34
|
+
if (active) {
|
|
35
|
+
const updatePositions = (relativeToX, relativeToY) => {
|
|
36
|
+
const el = relativeTo.current;
|
|
37
|
+
const rect = el.getBoundingClientRect();
|
|
38
|
+
const { width: [x0, xW], height: [y0, yH], } = {
|
|
39
|
+
width: [rect.left, el.clientWidth],
|
|
40
|
+
height: [rect.top, el.clientHeight],
|
|
41
|
+
};
|
|
42
|
+
const distanceOffRight = calculateDistanceRelativeToBounds(relativeToX, x0, xW);
|
|
43
|
+
const distanceOffBottom = calculateDistanceRelativeToBounds(relativeToY, y0, yH);
|
|
44
|
+
const howMuchToRotateY = givenTheRelativePositionHowMuchToRotate(distanceOffRight, maxTilt.y);
|
|
45
|
+
const howMuchToRotateX = givenTheRelativePositionHowMuchToRotate(distanceOffBottom, maxTilt.x);
|
|
46
|
+
setTilt({
|
|
47
|
+
y: howMuchToRotateX * 2,
|
|
48
|
+
x: howMuchToRotateY * 2,
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
const handler = (0, throttle_1.default)(({ x, y }) => {
|
|
52
|
+
updatePositions(x, y);
|
|
53
|
+
}, 1000 / 30);
|
|
54
|
+
const touchHandler = (0, throttle_1.default)(({ touches }) => {
|
|
55
|
+
const { pageX, pageY } = touches[0];
|
|
56
|
+
updatePositions(pageX, pageY);
|
|
57
|
+
}, 1000 / 30);
|
|
58
|
+
window.addEventListener("mousemove", handler);
|
|
59
|
+
window.addEventListener("touchmove", touchHandler);
|
|
60
|
+
let _inverseMatrix;
|
|
61
|
+
const _limits = {
|
|
62
|
+
beta: undefined,
|
|
63
|
+
gamma: undefined,
|
|
64
|
+
};
|
|
65
|
+
const orientationListener = ({ beta, gamma, }) => {
|
|
66
|
+
beta = beta * 0.5;
|
|
67
|
+
gamma = gamma * 0.5;
|
|
68
|
+
if (!_inverseMatrix) {
|
|
69
|
+
window.removeEventListener("mousemove", handler);
|
|
70
|
+
window.removeEventListener("touchmove", touchHandler);
|
|
71
|
+
const offset = 12.5;
|
|
72
|
+
_limits.beta = [beta - offset, beta + offset];
|
|
73
|
+
_limits.gamma = [gamma - offset, gamma + offset];
|
|
74
|
+
}
|
|
75
|
+
const _beta = Math.min(_limits.beta[1], Math.max(_limits.beta[0], beta));
|
|
76
|
+
const _gamma = Math.min(_limits.gamma[1], Math.max(_limits.gamma[0], gamma));
|
|
77
|
+
if (!_inverseMatrix) {
|
|
78
|
+
setTiltResetMatrix(() => {
|
|
79
|
+
return (_inverseMatrix = (0, helpers_1.flattenMatrix)((0, helpers_1.invertMatrix)((0, helpers_1.generateMatrixFromOperations)({
|
|
80
|
+
type: "rotateY",
|
|
81
|
+
angle: _gamma,
|
|
82
|
+
}, {
|
|
83
|
+
type: "rotateX",
|
|
84
|
+
angle: -_beta,
|
|
85
|
+
}))));
|
|
86
|
+
});
|
|
87
|
+
}
|
|
88
|
+
setTilt({
|
|
89
|
+
y: -_beta * sensorScale,
|
|
90
|
+
x: _gamma * sensorScale,
|
|
91
|
+
});
|
|
92
|
+
};
|
|
93
|
+
window.addEventListener("deviceorientation", orientationListener);
|
|
94
|
+
return () => window.removeEventListener("deviceorientation", orientationListener);
|
|
95
|
+
}
|
|
96
|
+
}, [active]);
|
|
97
|
+
return {
|
|
98
|
+
/** The element to monitor mouse hover relative to */
|
|
99
|
+
relativeTo,
|
|
100
|
+
/**
|
|
101
|
+
* The matrix that represents the original tilt, so it can be used with the tilt prop to tilt relative to the user
|
|
102
|
+
* Use it on css like so transform: matrix3d(tiltResetMatrix.join(",")) rotateX(tilt.x) rotateY(tilt.y)
|
|
103
|
+
*/
|
|
104
|
+
tiltResetMatrix,
|
|
105
|
+
/**
|
|
106
|
+
* How much tilt should be applied based
|
|
107
|
+
*/
|
|
108
|
+
tilt,
|
|
109
|
+
};
|
|
110
|
+
}
|
|
111
|
+
exports.default = useTilt;
|
|
112
|
+
function calculateDistanceRelativeToBounds(mousePosition, elementInitialPosition, elementSizeDimension) {
|
|
113
|
+
const normalizeInitialPosition = mousePosition - elementInitialPosition;
|
|
114
|
+
const doNotAllowGoingBeyondLowerLimit = Math.max(normalizeInitialPosition, 0);
|
|
115
|
+
const doNotAllowHoingBeyondHigherLimit = Math.min(doNotAllowGoingBeyondLowerLimit, elementSizeDimension);
|
|
116
|
+
const threeRule = (doNotAllowHoingBeyondHigherLimit * 100) / elementSizeDimension;
|
|
117
|
+
const result = Math.round(threeRule) / 100;
|
|
118
|
+
return result;
|
|
119
|
+
}
|
|
120
|
+
exports.calculateDistanceRelativeToBounds = calculateDistanceRelativeToBounds;
|
|
121
|
+
function givenTheRelativePositionHowMuchToRotate(relativePosition, maxRotation) {
|
|
122
|
+
return relativePosition * maxRotation - maxRotation / 2;
|
|
123
|
+
}
|
|
124
|
+
exports.givenTheRelativePositionHowMuchToRotate = givenTheRelativePositionHowMuchToRotate;
|
|
125
|
+
//# sourceMappingURL=useTilt.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTilt.js","sourceRoot":"","sources":["../../../src/hooks/ui/useTilt.tsx"],"names":[],"mappings":"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"}
|
|
@@ -38,6 +38,9 @@ function usePagination(request, paginationId = () => "default") {
|
|
|
38
38
|
const _requestPage = (0, react_1.useCallback)(function (page, ...args) {
|
|
39
39
|
const id = paginationId(...args);
|
|
40
40
|
process(() => __awaiter(this, void 0, void 0, function* () {
|
|
41
|
+
var _a;
|
|
42
|
+
if ((_a = paginationData[id]) === null || _a === void 0 ? void 0 : _a.finished)
|
|
43
|
+
return;
|
|
41
44
|
const result = yield request(page, (items === null || items === void 0 ? void 0 : items[0]) === id && page !== 0 ? items === null || items === void 0 ? void 0 : items[1] : undefined, ...args);
|
|
42
45
|
paginationData[id] = {
|
|
43
46
|
finished: result.finished,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAOe;AACf,wEAAgD;AAChD,+DAAuC;AAQvC,SAAwB,aAAa,CACnC,OAA6E,EAC7E,eAAuC,GAAG,EAAE,CAAC,SAAS;IAEtD,MAAM,iBAAiB,GAAG,IAAA,cAAM,EAO7B,EAAE,CAAC,CAAC;IACP,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,iBAAiB,CAAC;IAEtD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GACrB,IAAA,gBAAQ,GAAyD,CAAC;IACpE,MAAM,KAA0B,IAAA,yBAAe,GAAE,EAA3C,EAAE,OAAO,OAAkC,EAA7B,OAAO,cAArB,WAAuB,CAAoB,CAAC;IAElD,SAAS,WAAW,CAAC,EAA8C;QACjE,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,IAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAU,IAAY,EAAE,GAAG,IAAO;QAChC,MAAM,EAAE,GAAG,YAAY,CAAC,GAAG,IAAI,CAAC,CAAC;QACjC,OAAO,CAAC,GAAS,EAAE
|
|
1
|
+
{"version":3,"file":"usePagination.js","sourceRoot":"","sources":["../../src/hooks/usePagination.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
/**
|
|
4
|
+
* This hook handles the display of pagination controls for the user to move to another page
|
|
5
|
+
*/
|
|
6
|
+
function usePaginationControls(containerRef) { }
|
|
7
|
+
exports.default = usePaginationControls;
|
|
8
|
+
//# sourceMappingURL=usePaginationControls.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"usePaginationControls.js","sourceRoot":"","sources":["../../src/hooks/usePaginationControls.ts"],"names":[],"mappings":";;AAEA;;GAEG;AACH,SAAwB,qBAAqB,CAC3C,YAAuC,IACtC,CAAC;AAFJ,wCAEI"}
|
package/dist/utils.d.ts
ADDED
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { FieldValues } from './fields';
|
|
2
|
+
import { NestedValue } from './form';
|
|
3
|
+
export declare type Primitive = null | undefined | string | number | boolean | symbol | bigint;
|
|
4
|
+
export declare type EmptyObject = {
|
|
5
|
+
[K in string | number]: never;
|
|
6
|
+
};
|
|
7
|
+
export declare type NonUndefined<T> = T extends undefined ? never : T;
|
|
8
|
+
export declare type LiteralUnion<T extends U, U extends Primitive> = T | (U & {
|
|
9
|
+
_?: never;
|
|
10
|
+
});
|
|
11
|
+
export declare type DeepPartial<T> = T extends Array<infer U> ? Array<DeepPartial<U>> : T extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : T extends {
|
|
12
|
+
[key in keyof T]: T[key];
|
|
13
|
+
} ? {
|
|
14
|
+
[K in keyof T]?: DeepPartial<T[K]>;
|
|
15
|
+
} : T;
|
|
16
|
+
export declare type IsAny<T> = boolean extends (T extends never ? true : false) ? true : false;
|
|
17
|
+
export declare type DeepMap<T, TValue> = {
|
|
18
|
+
[K in keyof T]?: IsAny<T[K]> extends true ? any : NonNullable<T[K]> extends NestedValue | Date | FileList | File ? TValue : NonUndefined<T[K]> extends object | null ? DeepMap<T[K], TValue> : NonUndefined<T[K]> extends Array<infer U> ? IsAny<U> extends true ? Array<any> : U extends NestedValue | Date | FileList ? Array<TValue> : U extends object ? Array<DeepMap<U, TValue>> : Array<TValue> : TValue;
|
|
19
|
+
};
|
|
20
|
+
export declare type IsFlatObject<T extends object> = Extract<Exclude<T[keyof T], NestedValue | Date | FileList>, any[] | object> extends never ? true : false;
|
|
21
|
+
declare type IsTuple<T extends ReadonlyArray<any>> = number extends T['length'] ? false : true;
|
|
22
|
+
declare type TupleKey<T extends ReadonlyArray<any>> = Exclude<keyof T, keyof any[]>;
|
|
23
|
+
declare type ArrayKey = number;
|
|
24
|
+
declare type PathImpl<K extends string | number, V> = V extends Primitive ? `${K}` : `${K}` | `${K}.${Path<V>}`;
|
|
25
|
+
export declare type Path<T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
|
|
26
|
+
[K in TupleKey<T>]-?: PathImpl<K & string, T[K]>;
|
|
27
|
+
}[TupleKey<T>] : PathImpl<ArrayKey, V> : {
|
|
28
|
+
[K in keyof T]-?: PathImpl<K & string, T[K]>;
|
|
29
|
+
}[keyof T];
|
|
30
|
+
export declare type FieldPath<TFieldValues extends FieldValues> = Path<TFieldValues>;
|
|
31
|
+
declare type ArrayPathImpl<K extends string | number, V> = V extends Primitive ? never : V extends ReadonlyArray<infer U> ? U extends Primitive ? never : `${K}` | `${K}.${ArrayPath<V>}` : `${K}.${ArrayPath<V>}`;
|
|
32
|
+
export declare type ArrayPath<T> = T extends ReadonlyArray<infer V> ? IsTuple<T> extends true ? {
|
|
33
|
+
[K in TupleKey<T>]-?: ArrayPathImpl<K & string, T[K]>;
|
|
34
|
+
}[TupleKey<T>] : ArrayPathImpl<ArrayKey, V> : {
|
|
35
|
+
[K in keyof T]-?: ArrayPathImpl<K & string, T[K]>;
|
|
36
|
+
}[keyof T];
|
|
37
|
+
export declare type FieldArrayPath<TFieldValues extends FieldValues> = ArrayPath<TFieldValues>;
|
|
38
|
+
export declare type PathValue<T, P extends Path<T> | ArrayPath<T>> = P extends `${infer K}.${infer R}` ? K extends keyof T ? R extends Path<T[K]> ? PathValue<T[K], R> : never : K extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? PathValue<V, R & Path<V>> : never : never : P extends keyof T ? T[P] : P extends `${ArrayKey}` ? T extends ReadonlyArray<infer V> ? V : never : never;
|
|
39
|
+
export declare type FieldPathValue<TFieldValues extends FieldValues, TFieldPath extends FieldPath<TFieldValues>> = PathValue<TFieldValues, TFieldPath>;
|
|
40
|
+
export declare type FieldArrayPathValue<TFieldValues extends FieldValues, TFieldArrayPath extends FieldArrayPath<TFieldValues>> = PathValue<TFieldValues, TFieldArrayPath>;
|
|
41
|
+
export declare type FieldPathValues<TFieldValues extends FieldValues, TPath extends FieldPath<TFieldValues>[] | readonly FieldPath<TFieldValues>[]> = {} & {
|
|
42
|
+
[K in keyof TPath]: FieldPathValue<TFieldValues, TPath[K] & FieldPath<TFieldValues>>;
|
|
43
|
+
};
|
|
44
|
+
export {};
|
package/dist/utils.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":""}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onepercentio/one-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0",
|
|
4
4
|
"description": "A set of reusable components created through the development of Onepercent projects",
|
|
5
5
|
"repository": "git@github.com:onepercentio/one-ui.git",
|
|
6
6
|
"author": "Murilo Oliveira de Araujo <muritavo@outlook.com>",
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import GenericContract, { ExtractMethodDefinition, TuplifyUnion } from "../../../src/models/GenericContract";
|
|
2
|
-
import { AbiItem, RAW_ERC1155ABI } from "./raw_erc"
|
|
3
|
-
import { Contract } from 'web3-eth-contract'
|
|
4
|
-
const xpto = new Contract(RAW_ERC1155ABI as unknown as AbiItem[]) as unknown as GenericContract<typeof RAW_ERC1155ABI>;
|
|
@@ -1,367 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
export interface AbiInput {
|
|
3
|
-
name: string;
|
|
4
|
-
type: string;
|
|
5
|
-
indexed?: boolean;
|
|
6
|
-
components?: AbiInput[];
|
|
7
|
-
internalType?: string;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
export interface AbiOutput {
|
|
11
|
-
name: string;
|
|
12
|
-
type: string;
|
|
13
|
-
components?: AbiOutput[];
|
|
14
|
-
internalType?: string;
|
|
15
|
-
}
|
|
16
|
-
export type StateMutabilityType = 'pure' | 'view' | 'nonpayable' | 'payable';
|
|
17
|
-
|
|
18
|
-
export type AbiType = 'function' | 'constructor' | 'event' | 'fallback';
|
|
19
|
-
export interface AbiItem {
|
|
20
|
-
anonymous?: boolean;
|
|
21
|
-
constant?: boolean;
|
|
22
|
-
inputs?: AbiInput[];
|
|
23
|
-
name?: string;
|
|
24
|
-
outputs?: AbiOutput[];
|
|
25
|
-
payable?: boolean;
|
|
26
|
-
stateMutability?: StateMutabilityType;
|
|
27
|
-
type: AbiType;
|
|
28
|
-
gas?: number;
|
|
29
|
-
}
|
|
30
|
-
export const RAW_ERC1155ABI = [
|
|
31
|
-
{
|
|
32
|
-
"anonymous": false,
|
|
33
|
-
"inputs": [
|
|
34
|
-
{
|
|
35
|
-
"indexed": true,
|
|
36
|
-
"internalType": "address",
|
|
37
|
-
"name": "account",
|
|
38
|
-
"type": "address"
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
"indexed": true,
|
|
42
|
-
"internalType": "address",
|
|
43
|
-
"name": "operator",
|
|
44
|
-
"type": "address"
|
|
45
|
-
},
|
|
46
|
-
{
|
|
47
|
-
"indexed": false,
|
|
48
|
-
"internalType": "bool",
|
|
49
|
-
"name": "approved",
|
|
50
|
-
"type": "bool"
|
|
51
|
-
}
|
|
52
|
-
],
|
|
53
|
-
"name": "ApprovalForAll",
|
|
54
|
-
"type": "event"
|
|
55
|
-
},
|
|
56
|
-
{
|
|
57
|
-
"anonymous": false,
|
|
58
|
-
"inputs": [
|
|
59
|
-
{
|
|
60
|
-
"indexed": true,
|
|
61
|
-
"internalType": "address",
|
|
62
|
-
"name": "operator",
|
|
63
|
-
"type": "address"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"indexed": true,
|
|
67
|
-
"internalType": "address",
|
|
68
|
-
"name": "from",
|
|
69
|
-
"type": "address"
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
"indexed": true,
|
|
73
|
-
"internalType": "address",
|
|
74
|
-
"name": "to",
|
|
75
|
-
"type": "address"
|
|
76
|
-
},
|
|
77
|
-
{
|
|
78
|
-
"indexed": false,
|
|
79
|
-
"internalType": "uint256[]",
|
|
80
|
-
"name": "ids",
|
|
81
|
-
"type": "uint256[]"
|
|
82
|
-
},
|
|
83
|
-
{
|
|
84
|
-
"indexed": false,
|
|
85
|
-
"internalType": "uint256[]",
|
|
86
|
-
"name": "values",
|
|
87
|
-
"type": "uint256[]"
|
|
88
|
-
}
|
|
89
|
-
],
|
|
90
|
-
"name": "TransferBatch",
|
|
91
|
-
"type": "event"
|
|
92
|
-
},
|
|
93
|
-
{
|
|
94
|
-
"anonymous": false,
|
|
95
|
-
"inputs": [
|
|
96
|
-
{
|
|
97
|
-
"indexed": true,
|
|
98
|
-
"internalType": "address",
|
|
99
|
-
"name": "operator",
|
|
100
|
-
"type": "address"
|
|
101
|
-
},
|
|
102
|
-
{
|
|
103
|
-
"indexed": true,
|
|
104
|
-
"internalType": "address",
|
|
105
|
-
"name": "from",
|
|
106
|
-
"type": "address"
|
|
107
|
-
},
|
|
108
|
-
{
|
|
109
|
-
"indexed": true,
|
|
110
|
-
"internalType": "address",
|
|
111
|
-
"name": "to",
|
|
112
|
-
"type": "address"
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"indexed": false,
|
|
116
|
-
"internalType": "uint256",
|
|
117
|
-
"name": "id",
|
|
118
|
-
"type": "uint256"
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
"indexed": false,
|
|
122
|
-
"internalType": "uint256",
|
|
123
|
-
"name": "value",
|
|
124
|
-
"type": "uint256"
|
|
125
|
-
}
|
|
126
|
-
],
|
|
127
|
-
"name": "TransferSingle",
|
|
128
|
-
"type": "event"
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
"anonymous": false,
|
|
132
|
-
"inputs": [
|
|
133
|
-
{
|
|
134
|
-
"indexed": false,
|
|
135
|
-
"internalType": "string",
|
|
136
|
-
"name": "value",
|
|
137
|
-
"type": "string"
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
"indexed": true,
|
|
141
|
-
"internalType": "uint256",
|
|
142
|
-
"name": "id",
|
|
143
|
-
"type": "uint256"
|
|
144
|
-
}
|
|
145
|
-
],
|
|
146
|
-
"name": "URI",
|
|
147
|
-
"type": "event"
|
|
148
|
-
},
|
|
149
|
-
{
|
|
150
|
-
"inputs": [
|
|
151
|
-
{
|
|
152
|
-
"internalType": "address",
|
|
153
|
-
"name": "account",
|
|
154
|
-
"type": "address"
|
|
155
|
-
},
|
|
156
|
-
{
|
|
157
|
-
"internalType": "uint256",
|
|
158
|
-
"name": "id",
|
|
159
|
-
"type": "uint256"
|
|
160
|
-
}
|
|
161
|
-
],
|
|
162
|
-
"name": "balanceOf",
|
|
163
|
-
"outputs": [
|
|
164
|
-
{
|
|
165
|
-
"internalType": "uint256",
|
|
166
|
-
"name": "",
|
|
167
|
-
"type": "uint256"
|
|
168
|
-
}
|
|
169
|
-
],
|
|
170
|
-
"stateMutability": "view",
|
|
171
|
-
"type": "function"
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
"inputs": [
|
|
175
|
-
{
|
|
176
|
-
"internalType": "address[]",
|
|
177
|
-
"name": "accounts",
|
|
178
|
-
"type": "address[]"
|
|
179
|
-
},
|
|
180
|
-
{
|
|
181
|
-
"internalType": "uint256[]",
|
|
182
|
-
"name": "ids",
|
|
183
|
-
"type": "uint256[]"
|
|
184
|
-
}
|
|
185
|
-
],
|
|
186
|
-
"name": "balanceOfBatch",
|
|
187
|
-
"outputs": [
|
|
188
|
-
{
|
|
189
|
-
"internalType": "uint256[]",
|
|
190
|
-
"name": "",
|
|
191
|
-
"type": "uint256[]"
|
|
192
|
-
}
|
|
193
|
-
],
|
|
194
|
-
"stateMutability": "view",
|
|
195
|
-
"type": "function"
|
|
196
|
-
},
|
|
197
|
-
{
|
|
198
|
-
"inputs": [
|
|
199
|
-
{
|
|
200
|
-
"internalType": "address",
|
|
201
|
-
"name": "account",
|
|
202
|
-
"type": "address"
|
|
203
|
-
},
|
|
204
|
-
{
|
|
205
|
-
"internalType": "address",
|
|
206
|
-
"name": "operator",
|
|
207
|
-
"type": "address"
|
|
208
|
-
}
|
|
209
|
-
],
|
|
210
|
-
"name": "isApprovedForAll",
|
|
211
|
-
"outputs": [
|
|
212
|
-
{
|
|
213
|
-
"internalType": "bool",
|
|
214
|
-
"name": "",
|
|
215
|
-
"type": "bool"
|
|
216
|
-
}
|
|
217
|
-
],
|
|
218
|
-
"stateMutability": "view",
|
|
219
|
-
"type": "function"
|
|
220
|
-
},
|
|
221
|
-
{
|
|
222
|
-
"inputs": [
|
|
223
|
-
{
|
|
224
|
-
"internalType": "address",
|
|
225
|
-
"name": "from",
|
|
226
|
-
"type": "address"
|
|
227
|
-
},
|
|
228
|
-
{
|
|
229
|
-
"internalType": "address",
|
|
230
|
-
"name": "to",
|
|
231
|
-
"type": "address"
|
|
232
|
-
},
|
|
233
|
-
{
|
|
234
|
-
"internalType": "uint256[]",
|
|
235
|
-
"name": "ids",
|
|
236
|
-
"type": "uint256[]"
|
|
237
|
-
},
|
|
238
|
-
{
|
|
239
|
-
"internalType": "uint256[]",
|
|
240
|
-
"name": "amounts",
|
|
241
|
-
"type": "uint256[]"
|
|
242
|
-
},
|
|
243
|
-
{
|
|
244
|
-
"internalType": "bytes",
|
|
245
|
-
"name": "data",
|
|
246
|
-
"type": "bytes"
|
|
247
|
-
}
|
|
248
|
-
],
|
|
249
|
-
"name": "safeBatchTransferFrom",
|
|
250
|
-
"outputs": [],
|
|
251
|
-
"stateMutability": "nonpayable",
|
|
252
|
-
"type": "function"
|
|
253
|
-
},
|
|
254
|
-
{
|
|
255
|
-
"inputs": [
|
|
256
|
-
{
|
|
257
|
-
"internalType": "address",
|
|
258
|
-
"name": "from",
|
|
259
|
-
"type": "address"
|
|
260
|
-
},
|
|
261
|
-
{
|
|
262
|
-
"internalType": "address",
|
|
263
|
-
"name": "to",
|
|
264
|
-
"type": "address"
|
|
265
|
-
},
|
|
266
|
-
{
|
|
267
|
-
"internalType": "uint256",
|
|
268
|
-
"name": "id",
|
|
269
|
-
"type": "uint256"
|
|
270
|
-
},
|
|
271
|
-
{
|
|
272
|
-
"internalType": "uint256",
|
|
273
|
-
"name": "amount",
|
|
274
|
-
"type": "uint256"
|
|
275
|
-
},
|
|
276
|
-
{
|
|
277
|
-
"internalType": "bytes",
|
|
278
|
-
"name": "data",
|
|
279
|
-
"type": "bytes"
|
|
280
|
-
}
|
|
281
|
-
],
|
|
282
|
-
"name": "safeTransferFrom",
|
|
283
|
-
"outputs": [],
|
|
284
|
-
"stateMutability": "nonpayable",
|
|
285
|
-
"type": "function"
|
|
286
|
-
},
|
|
287
|
-
{
|
|
288
|
-
"inputs": [
|
|
289
|
-
{
|
|
290
|
-
"internalType": "address",
|
|
291
|
-
"name": "operator",
|
|
292
|
-
"type": "address"
|
|
293
|
-
},
|
|
294
|
-
{
|
|
295
|
-
"internalType": "bool",
|
|
296
|
-
"name": "approved",
|
|
297
|
-
"type": "bool"
|
|
298
|
-
}
|
|
299
|
-
],
|
|
300
|
-
"name": "setApprovalForAll",
|
|
301
|
-
"outputs": [],
|
|
302
|
-
"stateMutability": "nonpayable",
|
|
303
|
-
"type": "function"
|
|
304
|
-
},
|
|
305
|
-
{
|
|
306
|
-
"inputs": [
|
|
307
|
-
{
|
|
308
|
-
"internalType": "bytes4",
|
|
309
|
-
"name": "interfaceId",
|
|
310
|
-
"type": "bytes4"
|
|
311
|
-
}
|
|
312
|
-
],
|
|
313
|
-
"name": "supportsInterface",
|
|
314
|
-
"outputs": [
|
|
315
|
-
{
|
|
316
|
-
"internalType": "bool",
|
|
317
|
-
"name": "",
|
|
318
|
-
"type": "bool"
|
|
319
|
-
}
|
|
320
|
-
],
|
|
321
|
-
"stateMutability": "view",
|
|
322
|
-
"type": "function"
|
|
323
|
-
},
|
|
324
|
-
{
|
|
325
|
-
"inputs": [
|
|
326
|
-
{
|
|
327
|
-
"internalType": "uint256",
|
|
328
|
-
"name": "id",
|
|
329
|
-
"type": "uint256"
|
|
330
|
-
}
|
|
331
|
-
],
|
|
332
|
-
"name": "uri",
|
|
333
|
-
"outputs": [
|
|
334
|
-
{
|
|
335
|
-
"internalType": "string",
|
|
336
|
-
"name": "",
|
|
337
|
-
"type": "string"
|
|
338
|
-
}
|
|
339
|
-
],
|
|
340
|
-
"stateMutability": "view",
|
|
341
|
-
"type": "function"
|
|
342
|
-
},
|
|
343
|
-
{
|
|
344
|
-
inputs: [
|
|
345
|
-
{
|
|
346
|
-
internalType: 'address',
|
|
347
|
-
name: 'wallet',
|
|
348
|
-
type: 'address',
|
|
349
|
-
},
|
|
350
|
-
],
|
|
351
|
-
name: 'balancesOf',
|
|
352
|
-
outputs: [
|
|
353
|
-
{
|
|
354
|
-
internalType: 'uint256[]',
|
|
355
|
-
name: 'tokens',
|
|
356
|
-
type: 'uint256[]',
|
|
357
|
-
},
|
|
358
|
-
{
|
|
359
|
-
internalType: 'uint256[]',
|
|
360
|
-
name: 'balances',
|
|
361
|
-
type: 'uint256[]',
|
|
362
|
-
},
|
|
363
|
-
],
|
|
364
|
-
stateMutability: 'view',
|
|
365
|
-
type: 'function',
|
|
366
|
-
},
|
|
367
|
-
] as const
|