@onepercentio/one-ui 0.2.4 → 0.2.8
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/__test__/utils.d.ts +0 -1
- package/dist/__test__/utils.js +3 -35
- package/dist/__test__/utils.js.map +1 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.js +8 -2
- package/dist/components/AdaptiveButton/AdaptiveButton.js.map +1 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.module.scss +2 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.stories.js +1 -1
- package/dist/components/AdaptiveButton/AdaptiveButton.stories.js.map +1 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +1 -1
- package/dist/components/EmailInput/EmailInput.d.ts +4 -2
- package/dist/components/EmailInput/EmailInput.stories.d.ts +4 -2
- package/dist/components/Form/Form.d.ts +14 -8
- package/dist/components/Form/Form.js +11 -1
- package/dist/components/Form/Form.js.map +1 -1
- package/dist/components/Input/Input.d.ts +7 -3
- package/dist/components/Input/Input.js +2 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.module.scss +1 -0
- package/dist/components/Input/Input.stories.d.ts +3 -1
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.module.scss +5 -2
- package/dist/components/PasswordInput/PasswordInput.d.ts +3 -1
- package/dist/components/Select/Select.stories.d.ts +6 -2
- package/dist/components/Text/Text.js +1 -1
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Transition/Transition.d.ts +3 -2
- package/dist/components/Transition/Transition.js +19 -3
- package/dist/components/Transition/Transition.js.map +1 -1
- package/dist/components/Transition/Transition.module.scss +58 -5
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.d.ts +1 -0
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js +42 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss +4 -0
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +0 -2
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js.map +1 -1
- package/dist/context/OneUIProvider.d.ts +5 -3
- package/dist/context/OneUIProvider.js +35 -46
- package/dist/context/OneUIProvider.js.map +1 -1
- package/dist/hooks/shims/ObjectWatchShim.js +9 -12
- package/dist/hooks/shims/ObjectWatchShim.js.map +1 -1
- package/dist/hooks/useForm.d.ts +14 -0
- package/dist/hooks/useForm.js +24 -0
- package/dist/hooks/useForm.js.map +1 -0
- package/dist/hooks/useObserve.js +3 -1
- package/dist/hooks/useObserve.js.map +1 -1
- package/dist/hooks/useShortIntl.d.ts +1 -0
- package/dist/hooks/useShortIntl.js +5 -2
- package/dist/hooks/useShortIntl.js.map +1 -1
- package/package.json +8 -3
- package/scripts/start-emulator.js +46 -0
|
@@ -42,6 +42,17 @@ const react_1 = __importStar(require("react"));
|
|
|
42
42
|
const Transition_module_scss_1 = __importDefault(require("./Transition.module.scss"));
|
|
43
43
|
function TransitionClasses(type) {
|
|
44
44
|
switch (type) {
|
|
45
|
+
case TransitionAnimationTypes.COIN_FLIP:
|
|
46
|
+
return {
|
|
47
|
+
backward: {
|
|
48
|
+
elementExiting: Transition_module_scss_1.default.flipBottomUpOut,
|
|
49
|
+
elementEntering: Transition_module_scss_1.default.flipBottomUpIn,
|
|
50
|
+
},
|
|
51
|
+
forward: {
|
|
52
|
+
elementExiting: Transition_module_scss_1.default.flipBottomUpOut,
|
|
53
|
+
elementEntering: Transition_module_scss_1.default.flipBottomUpIn,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
45
56
|
case TransitionAnimationTypes.FADE:
|
|
46
57
|
return {
|
|
47
58
|
backward: {
|
|
@@ -119,7 +130,7 @@ function Transition(_a, _containerRef) {
|
|
|
119
130
|
const clonedFirst = react_1.default.cloneElement(firstNextScreen, {
|
|
120
131
|
"data-testid": "transition-container",
|
|
121
132
|
style: Object.assign({}, contentStyle),
|
|
122
|
-
className: `${transitionClasses.backward.elementExiting} ${((_a = firstNextScreen.props.className) === null || _a === void 0 ? void 0 : _a.replace(transitionClasses.backward.elementEntering, "")) || ""}`,
|
|
133
|
+
className: `${transitionClasses.backward.elementExiting} ${((_a = firstNextScreen === null || firstNextScreen === void 0 ? void 0 : firstNextScreen.props.className) === null || _a === void 0 ? void 0 : _a.replace(transitionClasses.backward.elementEntering, "")) || ""}`,
|
|
123
134
|
});
|
|
124
135
|
function animationEndListener(element) {
|
|
125
136
|
var _a, _b;
|
|
@@ -212,7 +223,11 @@ function Transition(_a, _containerRef) {
|
|
|
212
223
|
const offsetY = clientY - offsetTop;
|
|
213
224
|
const percentX = (offsetX * 100) / clientWidth;
|
|
214
225
|
const percentY = (offsetY * 100) / clientHeight;
|
|
215
|
-
|
|
226
|
+
if (props.transitionType ===
|
|
227
|
+
TransitionAnimationTypes.POP_FROM_ELEMENT_ID ||
|
|
228
|
+
props.transitionType ===
|
|
229
|
+
TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN)
|
|
230
|
+
preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
|
|
216
231
|
}, "data-testid": "transition-controller", ref: containerRef, className: `${Transition_module_scss_1.default.section} ${className}` }, screensStack)));
|
|
217
232
|
}
|
|
218
233
|
var TransitionAnimationTypes;
|
|
@@ -221,7 +236,8 @@ var TransitionAnimationTypes;
|
|
|
221
236
|
TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_CLICK_ORIGIN"] = 1] = "POP_FROM_CLICK_ORIGIN";
|
|
222
237
|
TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_ELEMENT_ID"] = 2] = "POP_FROM_ELEMENT_ID";
|
|
223
238
|
TransitionAnimationTypes[TransitionAnimationTypes["FADE"] = 3] = "FADE";
|
|
224
|
-
TransitionAnimationTypes[TransitionAnimationTypes["
|
|
239
|
+
TransitionAnimationTypes[TransitionAnimationTypes["COIN_FLIP"] = 4] = "COIN_FLIP";
|
|
240
|
+
TransitionAnimationTypes[TransitionAnimationTypes["CUSTOM"] = 5] = "CUSTOM";
|
|
225
241
|
})(TransitionAnimationTypes = exports.TransitionAnimationTypes || (exports.TransitionAnimationTypes = {}));
|
|
226
242
|
exports.default = (0, react_1.forwardRef)(Transition);
|
|
227
243
|
//# sourceMappingURL=Transition.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAWe;AACf,sFAA8C;
|
|
1
|
+
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,6 +46,7 @@ div.exitLeft {
|
|
|
46
46
|
|
|
47
47
|
div.fadeOut {
|
|
48
48
|
animation-name: fadeOut;
|
|
49
|
+
position: absolute;
|
|
49
50
|
}
|
|
50
51
|
|
|
51
52
|
@keyframes fadeOut {
|
|
@@ -58,17 +59,15 @@ div.fadeOut {
|
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
div.scaleIn {
|
|
61
|
-
animation-fill-mode:
|
|
62
|
+
animation-fill-mode: forwards;
|
|
62
63
|
animation-name: scaleIn;
|
|
63
64
|
}
|
|
64
65
|
|
|
65
66
|
@keyframes scaleIn {
|
|
66
67
|
0% {
|
|
67
|
-
position: absolute;
|
|
68
68
|
transform: scale(0);
|
|
69
69
|
}
|
|
70
70
|
100% {
|
|
71
|
-
position: absolute;
|
|
72
71
|
transform: scale(1);
|
|
73
72
|
}
|
|
74
73
|
}
|
|
@@ -107,7 +106,7 @@ div.fadeIn {
|
|
|
107
106
|
opacity: 0;
|
|
108
107
|
}
|
|
109
108
|
50% {
|
|
110
|
-
opacity: 0.
|
|
109
|
+
opacity: 0.1;
|
|
111
110
|
}
|
|
112
111
|
100% {
|
|
113
112
|
opacity: 1;
|
|
@@ -118,7 +117,7 @@ div.fadeIn {
|
|
|
118
117
|
opacity: 1;
|
|
119
118
|
}
|
|
120
119
|
50% {
|
|
121
|
-
opacity: 0.
|
|
120
|
+
opacity: 0.1;
|
|
122
121
|
}
|
|
123
122
|
100% {
|
|
124
123
|
opacity: 0;
|
|
@@ -133,3 +132,57 @@ div.fadeIn {
|
|
|
133
132
|
position: absolute;
|
|
134
133
|
animation-name: fadeOutDelayed;
|
|
135
134
|
}
|
|
135
|
+
|
|
136
|
+
@keyframes flip {
|
|
137
|
+
0% {
|
|
138
|
+
transform: rotateX(0deg);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
25% {
|
|
142
|
+
transform: rotateX(36deg);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
50% {
|
|
146
|
+
transform: rotateX(90deg);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
75% {
|
|
150
|
+
transform: rotateX(90deg);
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
100% {
|
|
154
|
+
transform: rotateX(90deg);
|
|
155
|
+
}
|
|
156
|
+
}
|
|
157
|
+
@keyframes flipIn {
|
|
158
|
+
0% {
|
|
159
|
+
transform: rotateX(90deg);
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
25% {
|
|
163
|
+
transform: rotateX(90deg);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
50% {
|
|
167
|
+
transform: rotateX(90deg);
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
75% {
|
|
171
|
+
transform: rotateX(36deg);
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
100% {
|
|
175
|
+
transform: rotateX(0deg);
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
.flipBottomUpOut {
|
|
179
|
+
transform-origin: 50% 50% !important;
|
|
180
|
+
position: absolute !important;
|
|
181
|
+
animation-name: flip;
|
|
182
|
+
animation-timing-function: linear !important;
|
|
183
|
+
}
|
|
184
|
+
.flipBottomUpIn {
|
|
185
|
+
transform-origin: 50% 50% !important;
|
|
186
|
+
animation-name: flipIn;
|
|
187
|
+
animation-timing-function: linear !important;
|
|
188
|
+
}
|
|
@@ -27,4 +27,5 @@ export declare const ClickBasedTransition: {
|
|
|
27
27
|
};
|
|
28
28
|
export declare const AnchorBasedTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
|
|
29
29
|
export declare const FadeTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
|
|
30
|
+
export declare const CoinFlip: () => JSX.Element;
|
|
30
31
|
export declare const BUGFIX_BackwardsInconsistency: () => JSX.Element;
|
|
@@ -26,7 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
26
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
exports.BUGFIX_BackwardsInconsistency = exports.FadeTransition = exports.AnchorBasedTransition = exports.ClickBasedTransition = void 0;
|
|
29
|
+
exports.BUGFIX_BackwardsInconsistency = exports.CoinFlip = exports.FadeTransition = exports.AnchorBasedTransition = exports.ClickBasedTransition = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
31
|
const _1 = __importDefault(require("."));
|
|
32
32
|
const Button_1 = __importDefault(require("../Button"));
|
|
@@ -141,6 +141,47 @@ const FadeTransition = (args) => {
|
|
|
141
141
|
} }, args), CurrentPage())));
|
|
142
142
|
};
|
|
143
143
|
exports.FadeTransition = FadeTransition;
|
|
144
|
+
const firstEmoji = 0x1f604;
|
|
145
|
+
const emojisCount = 0x1f64f - firstEmoji;
|
|
146
|
+
function CoinFlipItem() {
|
|
147
|
+
const [flippedTheCoin, setFlipped] = (0, react_1.useState)(() => Math.random() > 0.5);
|
|
148
|
+
const [head, setHead] = (0, react_1.useState)((0 + Math.floor(99 * Math.random())).toString());
|
|
149
|
+
const [tails, setTails] = (0, react_1.useState)(String.fromCodePoint(firstEmoji + Math.floor(emojisCount * Math.random())));
|
|
150
|
+
(0, react_1.useEffect)(() => {
|
|
151
|
+
setTimeout(() => {
|
|
152
|
+
setFlipped((prev) => !prev);
|
|
153
|
+
}, 500 + Math.random() * 2000);
|
|
154
|
+
return () => {
|
|
155
|
+
if (flippedTheCoin)
|
|
156
|
+
setHead((0 + Math.floor(99 * Math.random())).toString());
|
|
157
|
+
else
|
|
158
|
+
setTails(String.fromCodePoint(firstEmoji + Math.floor(emojisCount * Math.random())));
|
|
159
|
+
};
|
|
160
|
+
}, [flippedTheCoin]);
|
|
161
|
+
const CoinSide = () => (react_1.default.createElement("div", { onClick: () => {
|
|
162
|
+
setFlipped((prev) => !prev);
|
|
163
|
+
}, style: {
|
|
164
|
+
cursor: "pointer",
|
|
165
|
+
width: "100px",
|
|
166
|
+
height: "100px",
|
|
167
|
+
borderRadius: "50px",
|
|
168
|
+
backgroundColor: flippedTheCoin ? "red" : "green",
|
|
169
|
+
fontSize: "60px",
|
|
170
|
+
textAlign: "center",
|
|
171
|
+
lineHeight: "100px",
|
|
172
|
+
position: "relative",
|
|
173
|
+
} }, !flippedTheCoin ? head : tails));
|
|
174
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
175
|
+
react_1.default.createElement(_1.default, { transitionType: Transition_1.TransitionAnimationTypes.COIN_FLIP, className: UncontrolledTransition_stories_module_scss_1.default.resetHeight },
|
|
176
|
+
react_1.default.createElement(CoinSide, { key: !flippedTheCoin ? "heads" : "tail" }))));
|
|
177
|
+
}
|
|
178
|
+
const CoinFlip = () => {
|
|
179
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
180
|
+
react_1.default.createElement("h1", null, "This story displays the animation of flipping between two elements on html"),
|
|
181
|
+
react_1.default.createElement("h2", null, "This is more usefull with square elements"),
|
|
182
|
+
react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", position: "relative" } }, new Array(100).fill(undefined).map(() => (react_1.default.createElement(CoinFlipItem, null))))));
|
|
183
|
+
};
|
|
184
|
+
exports.CoinFlip = CoinFlip;
|
|
144
185
|
const BUGFIX_BackwardsInconsistency = () => {
|
|
145
186
|
const [number, setNumber] = (0, react_1.useState)(10);
|
|
146
187
|
const ref = (0, react_1.useRef)(null);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTransition.stories.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"UncontrolledTransition.stories.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -78,7 +78,6 @@ function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef,
|
|
|
78
78
|
const isChainIdValid = (0, react_1.useMemo)(() => (wallet.isConnected() ? wallet.chainId === chain.id : true), [wallet, chain.id]);
|
|
79
79
|
function changeChainId() {
|
|
80
80
|
return __awaiter(this, void 0, void 0, function* () {
|
|
81
|
-
wallet.reset();
|
|
82
81
|
try {
|
|
83
82
|
yield window.ethereum.request({
|
|
84
83
|
method: "wallet_switchEthereumChain",
|
|
@@ -109,7 +108,6 @@ function Content({ ProviderUnavailable, ChainIdInvalid, chain, Content, compRef,
|
|
|
109
108
|
});
|
|
110
109
|
}
|
|
111
110
|
}
|
|
112
|
-
wallet.connect("injected");
|
|
113
111
|
});
|
|
114
112
|
}
|
|
115
113
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AACf,2CAA0D;AAC1D,kFAA0D;AA+C1D;;IAEI;AACJ,SAAS,uBAAuB,CAC9B,KAA+B,EAC/B,GAGE;IAEF,OAAO,CACL,8BAAC,8BAAiB;QAChB,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CACjC,CACrB,CAAC;AACJ,CAAC;AACD;;IAEI;AACJ,SAAS,4BAA4B,CACnC,KAA+B,EAC/B,GAGE;IAEF,OAAO,8BAAC,OAAO,kBAAC,OAAO,EAAE,GAAG,IAAI,IAAA,iBAAS,GAAE,IAAM,KAAK,EAAI,CAAC;AAC7D,CAAC;AAED,SAAS,OAAO,CAAC,EACf,mBAAmB,EACnB,cAAc,EACd,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,GAQT;IACC,MAAM,MAAM,GAAG,IAAA,sBAAS,GAAE,CAAC;IAC3B,MAAM,sBAAsB,GAAG,IAAA,yBAAe,GAAE,CAAC;IACjD,MAAM,OAAO,GAAG,GAAS,EAAE;QACzB,sBAAsB,CAAC,OAAO,CAAC,GAAS,EAAE;YACxC,MAAM,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACjC,YAAY,CAAC,OAAO,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;QAC/C,CAAC,CAAA,CAAC,CAAC;IACL,CAAC,CAAA,CAAC;IACF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,CAAC,KAAK,EAAE,CAAC;QACf,YAAY,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IAC1C,CAAC,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,WAAW,GAAG,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC;QAC3D,IAAI,WAAW,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO,EAAE,CAAC;IAChD,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,IAAA,2BAAmB,EACjB,OAAO,EACP,GAAG,EAAE,CAAC,CAAC;QACL,OAAO;QACP,UAAU;KACX,CAAC,EACF,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,CAAC,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAC,GAAG,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAChE,MAAM,cAAc,GAAG,IAAA,eAAO,EAC5B,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EACjE,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,CACnB,CAAC;IAEF,SAAe,aAAa;;YAC1B,
|
|
1
|
+
{"version":3,"file":"WalletConnectionWrapper.js","sourceRoot":"","sources":["../../../src/components/WalletConnectionWrapper/WalletConnectionWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
+
import { Get } from "type-fest";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { PropsWithChildren } from "react";
|
|
4
|
+
import { FieldPath } from "../utils";
|
|
3
5
|
declare type DeepPartial<T> = {
|
|
4
6
|
[P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
|
|
5
7
|
};
|
|
6
8
|
declare type ContextSpecs = {
|
|
7
9
|
component: {
|
|
8
|
-
text
|
|
9
|
-
className
|
|
10
|
+
text?: {
|
|
11
|
+
className?: {
|
|
10
12
|
[k in React.ComponentProps<typeof import("../components/Text")["default"]>["type"]]?: string;
|
|
11
13
|
};
|
|
12
14
|
};
|
|
@@ -62,6 +64,6 @@ declare type ContextConfigSpecs = DeepPartial<ContextSpecs>;
|
|
|
62
64
|
export default function OneUIProvider({ children, config, }: PropsWithChildren<{
|
|
63
65
|
config: ContextConfigSpecs;
|
|
64
66
|
}>): JSX.Element;
|
|
65
|
-
export declare function ProtectVariableAccess(obj?: any, basePath?: string[]): any;
|
|
66
67
|
export declare function useOneUIContext(): ContextSpecs;
|
|
68
|
+
export declare function useOneUIConfig<P extends FieldPath<ContextSpecs>, T extends Get<ContextSpecs, P>>(prop: P, defaultValue?: T): NonNullable<Get<ContextSpecs, P>>;
|
|
67
69
|
export {};
|
|
@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
7
|
-
const
|
|
6
|
+
exports.useOneUIConfig = exports.useOneUIContext = void 0;
|
|
7
|
+
const get_1 = __importDefault(require("lodash/get"));
|
|
8
8
|
const react_1 = __importDefault(require("react"));
|
|
9
9
|
const react_2 = require("react");
|
|
10
10
|
const Context = (0, react_2.createContext)(null);
|
|
@@ -12,60 +12,49 @@ function OneUIProvider({ children, config, }) {
|
|
|
12
12
|
return react_1.default.createElement(Context.Provider, { value: config }, children);
|
|
13
13
|
}
|
|
14
14
|
exports.default = OneUIProvider;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
case "component.input":
|
|
38
|
-
return {};
|
|
39
|
-
}
|
|
40
|
-
if (!IGNORED_KEYS.includes(path[path.length - 1]))
|
|
41
|
-
debouncedError(`A component is using the UI config ${path.join(".")}.
|
|
42
|
-
|
|
15
|
+
function ErrorWrapper(originalObject, path = "config") {
|
|
16
|
+
return new Proxy(originalObject || {}, {
|
|
17
|
+
get(_target, key) {
|
|
18
|
+
if (key === Symbol.toPrimitive) {
|
|
19
|
+
return () => _target[key];
|
|
20
|
+
}
|
|
21
|
+
try {
|
|
22
|
+
const value = originalObject[key];
|
|
23
|
+
if (typeof value === "undefined" || typeof value === "object")
|
|
24
|
+
return ErrorWrapper(value, [path, key].filter(Boolean).join("."));
|
|
25
|
+
return value;
|
|
26
|
+
}
|
|
27
|
+
catch (e) {
|
|
28
|
+
const pathJson = path
|
|
29
|
+
.split(".")
|
|
30
|
+
.concat(key)
|
|
31
|
+
.reduce((result, key, idx, arr) => {
|
|
32
|
+
arr.slice(0, idx).reduce((r, k) => r[k], result)[key] = idx === arr.length - 1 ? `THE_MISSING_CONFIG` : {};
|
|
33
|
+
return result;
|
|
34
|
+
}, {});
|
|
35
|
+
throw new Error(`A component is using the UI config ${[path, key].join(".")}.
|
|
36
|
+
|
|
43
37
|
Please define it using:
|
|
44
38
|
import OneUIProvider from "@onepercent/one-ui/dist/context/OneUIProvider";
|
|
39
|
+
|
|
40
|
+
...
|
|
41
|
+
${`<OneUIProvider config={${JSON.stringify(pathJson, null, 4)}}>
|
|
45
42
|
...
|
|
46
|
-
|
|
47
|
-
...
|
|
48
|
-
</OneUIProvider>`);
|
|
49
|
-
}
|
|
50
|
-
else {
|
|
51
|
-
debouncedError.cancel();
|
|
52
|
-
}
|
|
43
|
+
</OneUIProvider>`.replace(/[ ]/g, "-")}`);
|
|
53
44
|
}
|
|
54
|
-
if ((typeof value === "object" && !Array.isArray(value)) ||
|
|
55
|
-
(value === undefined && /[^A-Z]/.test(String(variable).charAt(0))))
|
|
56
|
-
return ProtectVariableAccess(value, [...basePath, variable.toString()]);
|
|
57
|
-
return value;
|
|
58
45
|
},
|
|
59
46
|
});
|
|
60
|
-
return proxyInstance;
|
|
61
47
|
}
|
|
62
|
-
exports.ProtectVariableAccess = ProtectVariableAccess;
|
|
63
48
|
function useOneUIContext() {
|
|
64
49
|
const context = (0, react_2.useContext)(Context);
|
|
65
|
-
if (process.env.NODE_ENV === "development")
|
|
66
|
-
return
|
|
67
|
-
}
|
|
50
|
+
if (process.env.NODE_ENV === "development")
|
|
51
|
+
return ErrorWrapper(context);
|
|
68
52
|
return context;
|
|
69
53
|
}
|
|
70
54
|
exports.useOneUIContext = useOneUIContext;
|
|
55
|
+
function useOneUIConfig(prop, defaultValue) {
|
|
56
|
+
const context = (0, react_2.useContext)(Context);
|
|
57
|
+
return ErrorWrapper((0, get_1.default)(context, prop) || defaultValue);
|
|
58
|
+
}
|
|
59
|
+
exports.useOneUIConfig = useOneUIConfig;
|
|
71
60
|
//# sourceMappingURL=OneUIProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";;;;;;AACA,qDAA6B;AAE7B,kDAAyC;AACzC,iCAAqE;AA2DrE,MAAM,OAAO,GAAG,IAAA,qBAAa,EAAqB,IAAW,CAAC,CAAC;AAE/D,SAAwB,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,GAC4C;IAClD,OAAO,8BAAC,OAAO,CAAC,QAAQ,IAAC,KAAK,EAAE,MAAM,IAAG,QAAQ,CAAoB,CAAC;AACxE,CAAC;AALD,gCAKC;AAED,SAAS,YAAY,CACnB,cAAmB,EACnB,OAAe,QAAQ;IAEvB,OAAO,IAAI,KAAK,CAAC,cAAc,IAAI,EAAE,EAAE;QACrC,GAAG,CAAC,OAAO,EAAE,GAAG;YACd,IAAI,GAAG,KAAK,MAAM,CAAC,WAAW,EAAE;gBAC9B,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;aAC3B;YACD,IAAI;gBACF,MAAM,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC;gBAClC,IAAI,OAAO,KAAK,KAAK,WAAW,IAAI,OAAO,KAAK,KAAK,QAAQ;oBAC3D,OAAO,YAAY,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBACpE,OAAO,KAAK,CAAC;aACd;YAAC,OAAO,CAAC,EAAE;gBACV,MAAM,QAAQ,GAAG,IAAI;qBAClB,KAAK,CAAC,GAAG,CAAC;qBACV,MAAM,CAAC,GAAa,CAAC;qBACrB,MAAM,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE;oBAC/B,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAE,CAAS,CAAC,CAAC,CAAC,EAAE,MAAM,CAAS,CAChE,GAAG,CACJ,GAAG,GAAG,KAAK,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAAE,CAAC;oBACvD,OAAO,MAAM,CAAC;gBAChB,CAAC,EAAE,EAAE,CAAC,CAAC;gBACT,MAAM,IAAI,KAAK,CACb,sCAAsC,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;;;;;;EAMnE,0BAA0B,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;;iBAE5C,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAC/B,CAAC;aACH;QACH,CAAC;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAgB,eAAe;IAC7B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IAEpC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa;QACxC,OAAO,YAAY,CAAC,OAAO,CAA4B,CAAC;IAE1D,OAAO,OAAuB,CAAC;AACjC,CAAC;AAPD,0CAOC;AAED,SAAgB,cAAc,CAG5B,IAAO,EAAE,YAAgB;IACzB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,OAAO,CAAC,CAAC;IACpC,OAAO,YAAY,CAAC,IAAA,aAAG,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,YAAY,CAAmB,CAAC;AAC5E,CAAC;AAND,wCAMC"}
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
// object.watch
|
|
4
4
|
if (!Object.prototype.watch)
|
|
5
5
|
Object.prototype.watch = function (propsToWatchFor, handler) {
|
|
6
|
+
(this._handlers || (this._handlers = [])).push(handler);
|
|
6
7
|
propsToWatchFor.forEach((prop) => {
|
|
7
8
|
var oldval = this[prop], newval = oldval, getter = function () {
|
|
8
9
|
return newval;
|
|
@@ -10,7 +11,8 @@ if (!Object.prototype.watch)
|
|
|
10
11
|
if (this._watchTimer)
|
|
11
12
|
clearTimeout(this._watchTimer);
|
|
12
13
|
this._watchTimer = setTimeout(() => {
|
|
13
|
-
handler.
|
|
14
|
+
for (let handler of this._handlers)
|
|
15
|
+
handler.call();
|
|
14
16
|
clearTimeout(this._watchTimer);
|
|
15
17
|
delete this._watchTimer;
|
|
16
18
|
}, 0);
|
|
@@ -20,12 +22,13 @@ if (!Object.prototype.watch)
|
|
|
20
22
|
};
|
|
21
23
|
if (delete this[prop]) {
|
|
22
24
|
// can't watch constants
|
|
23
|
-
if (Object.defineProperty)
|
|
24
|
-
// ECMAScript 5
|
|
25
|
+
if (Object.defineProperty) {
|
|
26
|
+
// ECMAScript 5
|
|
25
27
|
Object.defineProperty(this, prop, {
|
|
26
28
|
get: getter,
|
|
27
29
|
set: setter,
|
|
28
30
|
});
|
|
31
|
+
}
|
|
29
32
|
else if (Object.prototype.__defineGetter__ &&
|
|
30
33
|
Object.prototype.__defineSetter__) {
|
|
31
34
|
// legacy
|
|
@@ -34,15 +37,9 @@ if (!Object.prototype.watch)
|
|
|
34
37
|
}
|
|
35
38
|
}
|
|
36
39
|
});
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
delete this[prop]; // remove accessors
|
|
40
|
-
this[prop] = val;
|
|
41
|
-
}
|
|
42
|
-
this.unwatch = function () {
|
|
43
|
-
propsToWatchFor.forEach((prop) => {
|
|
44
|
-
_unwatch(prop);
|
|
45
|
-
});
|
|
40
|
+
this.unwatch = () => {
|
|
41
|
+
this._handlers.splice(this._handlers.indexOf(handler), 1);
|
|
46
42
|
};
|
|
43
|
+
return this.unwatch;
|
|
47
44
|
};
|
|
48
45
|
//# sourceMappingURL=ObjectWatchShim.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ObjectWatchShim.js","sourceRoot":"","sources":["../../../src/hooks/shims/ObjectWatchShim.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,eAAe;AACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK;IACzB,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG;gBACP,OAAO,MAAM,CAAC;YAChB,CAAC,EACD,MAAM,GAAG,UAAU,GAAG;gBACpB,IAAI,IAAI,CAAC,WAAW;oBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;oBACjC,OAAO,CAAC,IAAI,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"ObjectWatchShim.js","sourceRoot":"","sources":["../../../src/hooks/shims/ObjectWatchShim.ts"],"names":[],"mappings":";AAAA,cAAc;AACd,eAAe;AACf,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK;IACzB,MAAM,CAAC,SAAS,CAAC,KAAK,GAAG,UAAU,eAAe,EAAE,OAAO;QACzD,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QACvD,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YAC/B,IAAI,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,EACrB,MAAM,GAAG,MAAM,EACf,MAAM,GAAG;gBACP,OAAO,MAAM,CAAC;YAChB,CAAC,EACD,MAAM,GAAG,UAAU,GAAG;gBACpB,IAAI,IAAI,CAAC,WAAW;oBAAE,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;gBACrD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAC,GAAG,EAAE;oBACjC,KAAK,IAAI,OAAO,IAAI,IAAI,CAAC,SAAS;wBAChC,OAAO,CAAC,IAAI,EAAE,CAAC;oBACjB,YAAY,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;oBAC/B,OAAO,IAAI,CAAC,WAAW,CAAC;gBAC1B,CAAC,EAAE,CAAC,CAAC,CAAC;gBACN,MAAM,GAAG,MAAM,CAAC;gBAChB,MAAM,GAAG,GAAG,CAAC;gBACb,OAAO,IAAI,CAAC;YACd,CAAC,CAAC;YACJ,IAAI,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE;gBACrB,wBAAwB;gBACxB,IAAI,MAAM,CAAC,cAAc,EAAE;oBACzB,yBAAyB;oBACzB,MAAM,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,EAAE;wBAChC,GAAG,EAAE,MAAM;wBACX,GAAG,EAAE,MAAM;qBACZ,CAAC,CAAC;iBACJ;qBACI,IACH,MAAM,CAAC,SAAS,CAAC,gBAAgB;oBACjC,MAAM,CAAC,SAAS,CAAC,gBAAgB,EACjC;oBACA,SAAS;oBACT,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;oBAC3D,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC;iBAC5D;aACF;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,OAAO,GAAG,GAAG,EAAE;YAClB,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;QAC5D,CAAC,CAAC;QAEF,OAAO,IAAI,CAAC,OAAO,CAAA;IACrB,CAAC,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { BaseForm, FieldDefinition, FieldTypes } from "../components/Form/Form";
|
|
2
|
+
declare type Intermediary<F extends BaseForm> = {
|
|
3
|
+
form: F;
|
|
4
|
+
formValidation: {
|
|
5
|
+
[k in keyof F]: string;
|
|
6
|
+
};
|
|
7
|
+
set: <K extends keyof F>(k: K, value: F[K]) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare type FormControls<C extends FormConfig<any>> = Intermediary<C extends FormConfig<infer F> ? F : never>;
|
|
10
|
+
export declare type FormConfig<T extends BaseForm> = {
|
|
11
|
+
[k in keyof T]: FieldDefinition<T, k, FieldTypes>;
|
|
12
|
+
};
|
|
13
|
+
export default function useContextForm<T extends BaseForm>(config: FormConfig<T>, initialState: T): FormControls<FormConfig<T>>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const react_1 = require("react");
|
|
4
|
+
function useContextForm(config, initialState) {
|
|
5
|
+
const [form, setForm] = (0, react_1.useState)(initialState);
|
|
6
|
+
const isValid = (0, react_1.useMemo)(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
|
|
7
|
+
const _setFormField = (key, value) => {
|
|
8
|
+
setForm(prev => (Object.assign(Object.assign({}, prev), { [key]: value })));
|
|
9
|
+
};
|
|
10
|
+
const validFormFields = (0, react_1.useMemo)(() => {
|
|
11
|
+
return Object.keys(config).reduce((result, field) => {
|
|
12
|
+
const fieldConfig = config[field];
|
|
13
|
+
const invalidMessage = fieldConfig.validator(form[field], form);
|
|
14
|
+
return Object.assign(Object.assign({}, result), { [field]: invalidMessage });
|
|
15
|
+
}, { isValid });
|
|
16
|
+
}, [form, isValid]);
|
|
17
|
+
return {
|
|
18
|
+
form: form,
|
|
19
|
+
formValidation: validFormFields,
|
|
20
|
+
set: _setFormField
|
|
21
|
+
};
|
|
22
|
+
}
|
|
23
|
+
exports.default = useContextForm;
|
|
24
|
+
//# sourceMappingURL=useForm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useForm.js","sourceRoot":"","sources":["../../src/hooks/useForm.ts"],"names":[],"mappings":";;AAAA,iCAAkD;AAYlD,SAAwB,cAAc,CAClC,MAAqB,EACrB,YAAe;IAEf,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAa,YAAY,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAA,eAAO,EACnB,GAAG,EAAE,CACD,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CACrB,CAAC,CAAC,EAAE,EAAE,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,QAAQ,CAChE,EACL,CAAC,IAAI,CAAC,CACT,CAAC;IAEF,MAAM,aAAa,GAAmD,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;QACjF,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,iCACT,IAAI,KACP,CAAC,GAAG,CAAC,EAAE,KAAK,IACd,CAAC,CAAA;IACP,CAAC,CAAA;IAED,MAAM,eAAe,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,KAAc,EAAE,EAAE;YACzD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;YAClC,MAAM,cAAc,GAAG,WAAW,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;YAChE,uCACO,MAAM,KACT,CAAC,KAAK,CAAC,EAAE,cAAc,IAC1B;QACL,CAAC,EAAE,EAAE,OAAO,EAA8D,CAAC,CAAA;IAC/E,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,OAAO;QACH,IAAI,EAAE,IAAI;QACV,cAAc,EAAE,eAAe;QAC/B,GAAG,EAAE,aAAa;KACd,CAAA;AACZ,CAAC;AApCD,iCAoCC"}
|
package/dist/hooks/useObserve.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useObserve.js","sourceRoot":"","sources":["../../src/hooks/useObserve.ts"],"names":[],"mappings":";;AAAA,iCAA6D;AAC7D,sCAAoC;AAOpC,SAAwB,UAAU,CAChC,MAAS,EACT,aAA0B;IAE1B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,OAAQ,MAAiB,CAAC,KAAK,CAAC,aAAoB,EAAE,GAAG,EAAE;YACzD,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,
|
|
1
|
+
{"version":3,"file":"useObserve.js","sourceRoot":"","sources":["../../src/hooks/useObserve.ts"],"names":[],"mappings":";;AAAA,iCAA6D;AAC7D,sCAAoC;AAOpC,SAAwB,UAAU,CAChC,MAAS,EACT,aAA0B;IAE1B,MAAM,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IAC5B,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,OAAQ,MAAiB,CAAC,KAAK,CAAC,aAAoB,EAAE,GAAG,EAAE;YACzD,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;gBACP,OAAO,CAAC,GAAG,CAAC,CAAA;YACd,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AACf,CAAC;AAZD,6BAYC"}
|
|
@@ -2,6 +2,7 @@ import { IntlFormatters, IntlShape } from "react-intl";
|
|
|
2
2
|
import { BigNumber } from "bignumber.js";
|
|
3
3
|
export default function useShortIntl(): IntlShape & {
|
|
4
4
|
txt: (id: OnepercentUtility.IntlIds, params?: Parameters<IntlFormatters["formatMessage"]>[1]) => ReturnType<IntlFormatters["formatMessage"]>;
|
|
5
|
+
formatToDoubleDecimal(number: number, options?: Parameters<IntlFormatters["formatNumber"]>[1]): string;
|
|
5
6
|
formatBigNumber(number: BigNumber, options?: Parameters<IntlFormatters["formatNumber"]>[1]): string;
|
|
6
7
|
};
|
|
7
8
|
declare type StrMap = {
|