@onepercentio/one-ui 0.13.8 → 0.13.9-rc2
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/AnchoredTooltip/AnchoredTooltip.d.ts +1 -0
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +4 -4
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -1
- package/dist/components/Button/Button.js +2 -1
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/CheckBox/CheckBox.js +3 -1
- package/dist/components/CheckBox/CheckBox.js.map +1 -1
- package/dist/components/CheckBox/CheckBox.module.scss +3 -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 +12 -3
- package/dist/components/ProgressBar/ProgressBar.d.ts +8 -1
- package/dist/components/ProgressBar/ProgressBar.js +38 -4
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.module.scss +7 -2
- package/dist/components/ProgressBar/index.d.ts +1 -1
- package/dist/components/ProgressBar/index.js +2 -1
- package/dist/components/ProgressBar/index.js.map +1 -1
- package/dist/components/ProgressTexts/ProgressTexts.d.ts +5 -2
- package/dist/components/ProgressTexts/ProgressTexts.js +1 -1
- package/dist/components/ProgressTexts/ProgressTexts.js.map +1 -1
- package/dist/components/Select/Select.d.ts +8 -2
- package/dist/components/Select/Select.js +7 -3
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/context/AsyncProcess.d.ts +20 -0
- package/dist/context/AsyncProcess.js +67 -0
- package/dist/context/AsyncProcess.js.map +1 -0
- package/dist/context/OneUIProvider.d.ts +8 -2
- package/dist/context/OneUIProvider.js +4 -2
- package/dist/context/OneUIProvider.js.map +1 -1
- package/dist/hooks/useShortIntl.d.ts +2 -1
- package/dist/hooks/useShortIntl.js.map +1 -1
- package/dist/utils/blockchain.d.ts +4 -0
- package/dist/utils/blockchain.js +61 -0
- package/dist/utils/blockchain.js.map +1 -0
- package/package.json +2 -2
|
@@ -136,22 +136,22 @@ exports.updateTooltipPosition = updateTooltipPosition;
|
|
|
136
136
|
* This tooltip anchors itself to an element and handles positioning relative to the anchored element
|
|
137
137
|
**/
|
|
138
138
|
function AnchoredTooltip(_a, ref) {
|
|
139
|
-
var { containInViewport = true } = _a, props = __rest(_a, ["containInViewport"]);
|
|
139
|
+
var { containInViewport = true, alignment } = _a, props = __rest(_a, ["containInViewport", "alignment"]);
|
|
140
140
|
const { open, children, anchorRef } = props;
|
|
141
141
|
const tooltipRef = (0, react_1.useRef)(null);
|
|
142
142
|
const className = (0, OneUIProvider_1.useOneUIConfig)("component.tooltip.className");
|
|
143
143
|
(0, react_1.useImperativeHandle)(ref, () => ({
|
|
144
144
|
updatePosition: () => {
|
|
145
|
-
updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport);
|
|
145
|
+
updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
|
|
146
146
|
},
|
|
147
147
|
}), [containInViewport]);
|
|
148
148
|
(0, react_1.useEffect)(() => {
|
|
149
149
|
if (open) {
|
|
150
150
|
if (anchorRef.current && tooltipRef.current)
|
|
151
|
-
updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport);
|
|
151
|
+
updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
|
|
152
152
|
const scrollHandler = () => {
|
|
153
153
|
if (anchorRef.current && tooltipRef.current)
|
|
154
|
-
updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport);
|
|
154
|
+
updateTooltipPosition(tooltipRef.current, anchorRef.current, containInViewport, alignment);
|
|
155
155
|
};
|
|
156
156
|
window.addEventListener("scroll", scrollHandler);
|
|
157
157
|
return () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchoredTooltip.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AACf,+DAA6D;AAC7D,uDAA+B;AAC/B,gGAAmD;AACnD,0DAAiC;AACjC,sEAA8C;
|
|
1
|
+
{"version":3,"file":"AnchoredTooltip.js","sourceRoot":"","sources":["../../../src/components/AnchoredTooltip/AnchoredTooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,7 +47,8 @@ const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
|
|
|
47
47
|
function _Button(_a) {
|
|
48
48
|
var { children, variant = "transparent", className = "" } = _a, otherProps = __rest(_a, ["children", "variant", "className"]);
|
|
49
49
|
const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.button.className", {});
|
|
50
|
-
|
|
50
|
+
const Component = (0, OneUIProvider_1.useOneUIConfig)("component.button.Component", "button");
|
|
51
|
+
return (react_1.default.createElement(Component, Object.assign({ ref: arguments[1], className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className} ${classNameType[variant] || ""}`, variant: variant }, otherProps), children));
|
|
51
52
|
}
|
|
52
53
|
exports._Button = _Button;
|
|
53
54
|
exports.default = (0, react_1.forwardRef)(_Button);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,+DAA6D;AAC7D,8EAA0C;AAQ1C;;IAEI;AACJ,SAAgB,OAAO,CAAC,EAKV;QALU,EACtB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAEF,EADT,UAAU,cAJS,oCAKvB,CADc;IAEb,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,+DAA6D;AAC7D,8EAA0C;AAQ1C;;IAEI;AACJ,SAAgB,OAAO,CAAC,EAKV;QALU,EACtB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAEF,EADT,UAAU,cAJS,oCAKvB,CADc;IAEb,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,4BAA4B,EAAE,EAAE,CAAC,CAAC;IACvE,MAAM,SAAS,GAAG,IAAA,8BAAc,EAC9B,4BAA4B,EAC5B,QAAe,CAChB,CAAC;IACF,OAAO,CACL,8BAAC,SAAS,kBACR,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IACzD,aAAa,CAAC,OAAO,CAAC,IAAI,EAC5B,EAAE,EACF,OAAO,EAAE,OAAO,IACZ,UAAU,GAEb,QAAQ,CACC,CACb,CAAC;AACJ,CAAC;AAvBD,0BAuBC;AAED,kBAAe,IAAA,kBAAU,EAAiC,OAAO,CAAC,CAAC"}
|
|
@@ -15,17 +15,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
const react_1 = __importDefault(require("react"));
|
|
18
|
+
const OneUIProvider_1 = require("../../context/OneUIProvider");
|
|
18
19
|
const CheckBox_module_scss_1 = __importDefault(require("./CheckBox.module.scss"));
|
|
19
20
|
/**
|
|
20
21
|
* A simple checkbox with nissan guidelines
|
|
21
22
|
**/
|
|
22
23
|
function CheckBox(_a) {
|
|
23
24
|
var { checked, onToggle, label, className = "", size = undefined } = _a, props = __rest(_a, ["checked", "onToggle", "label", "className", "size"]);
|
|
25
|
+
const Checkbox = (0, OneUIProvider_1.useOneUIConfig)("component.checkbox.Component", "span");
|
|
24
26
|
return (react_1.default.createElement("label", { className: `${CheckBox_module_scss_1.default.container} ${className}`, style: { fontSize: size }, onClick: (e) => {
|
|
25
27
|
onToggle(!checked);
|
|
26
28
|
e.preventDefault();
|
|
27
29
|
} },
|
|
28
|
-
react_1.default.createElement(
|
|
30
|
+
react_1.default.createElement(Checkbox, Object.assign({}, props, { className: `${checked ? CheckBox_module_scss_1.default.checked : ""} ${label ? CheckBox_module_scss_1.default.wContent : ""}` })),
|
|
29
31
|
label));
|
|
30
32
|
}
|
|
31
33
|
exports.default = CheckBox;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAiD;AACjD,kFAA4C;AAE5C;;IAEI;AACJ,SAAwB,QAAQ,CAAC,EAiB9B;QAjB8B,EAC/B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,OAYf,EAXE,KAAK,cANuB,qDAOhC,CADS;IAYR,OAAO,CACL,yCACE,SAAS,EAAE,GAAG,8BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QAED,
|
|
1
|
+
{"version":3,"file":"CheckBox.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAiD;AACjD,+DAA6D;AAC7D,kFAA4C;AAE5C;;IAEI;AACJ,SAAwB,QAAQ,CAAC,EAiB9B;QAjB8B,EAC/B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,SAAS,OAYf,EAXE,KAAK,cANuB,qDAOhC,CADS;IAYR,MAAM,QAAQ,GAAG,IAAA,8BAAc,EAC7B,8BAA8B,EAC9B,MAAa,CACP,CAAC;IACT,OAAO,CACL,yCACE,SAAS,EAAE,GAAG,8BAAM,CAAC,SAAS,IAAI,SAAS,EAAE,EAC7C,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;YACnB,CAAC,CAAC,cAAc,EAAE,CAAC;QACrB,CAAC;QAED,8BAAC,QAAQ,oBACH,KAAK,IACT,SAAS,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC,8BAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IACzC,KAAK,CAAC,CAAC,CAAC,8BAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC5B,EAAE,IACF;QACD,KAAK,CACA,CACT,CAAC;AACJ,CAAC;AAxCD,2BAwCC"}
|
|
@@ -15,7 +15,9 @@
|
|
|
15
15
|
transition: background-color 250ms, border 250ms, box-shadow 250ms;
|
|
16
16
|
border: 1px solid rgb(40, 43, 53);
|
|
17
17
|
box-shadow: 0px 0px 0px -4px $digitalBlue;
|
|
18
|
-
|
|
18
|
+
&.wContent {
|
|
19
|
+
margin-right: 0.45em;
|
|
20
|
+
}
|
|
19
21
|
}
|
|
20
22
|
> span:first-child.checked {
|
|
21
23
|
background-color: $digitalBlue;
|
|
@@ -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" | "pencil";
|
|
6
|
+
state?: "default" | "closed" | "arrow-up" | "arrow-down" | "search" | "loading" | "checkmark" | "pencil" | "hamburger";
|
|
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,EAiBZ;QAjBY,EAC7C,KAAK,GAAG,SAAS,EACjB,IAAI,EACJ,SAAS,GAAG,EAAE,OAcmB,EAb9B,KAAK,cAJqC,8BAK9C,CADS;IAcR,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;AA7BD,yCA6BC"}
|
|
@@ -177,7 +177,7 @@ $slice: math.div(1, 7);
|
|
|
177
177
|
}
|
|
178
178
|
}
|
|
179
179
|
&.pencil {
|
|
180
|
-
|
|
180
|
+
perspective: 600px;
|
|
181
181
|
|
|
182
182
|
> :nth-child(1) {
|
|
183
183
|
height: #{$slice}em;
|
|
@@ -192,14 +192,15 @@ $slice: math.div(1, 7);
|
|
|
192
192
|
transform: rotate(-45deg);
|
|
193
193
|
border-radius: 0;
|
|
194
194
|
}
|
|
195
|
-
|
|
195
|
+
|
|
196
196
|
> :nth-child(3) {
|
|
197
197
|
$slice: $slice * 0.6;
|
|
198
198
|
|
|
199
199
|
height: 0em;
|
|
200
200
|
width: 0em;
|
|
201
201
|
border-radius: 0;
|
|
202
|
-
transform: translateX(-0.27em) translateY(0.027em) rotate(-80deg)
|
|
202
|
+
transform: translateX(-0.27em) translateY(0.027em) rotate(-80deg)
|
|
203
|
+
rotateY(45deg) skew(12deg, 12deg);
|
|
203
204
|
|
|
204
205
|
border-left: #{$slice}em solid transparent;
|
|
205
206
|
border-right: #{$slice}em solid transparent;
|
|
@@ -208,4 +209,12 @@ $slice: math.div(1, 7);
|
|
|
208
209
|
background-color: transparent;
|
|
209
210
|
}
|
|
210
211
|
}
|
|
212
|
+
&.hamburger {
|
|
213
|
+
> :nth-child(1) {
|
|
214
|
+
width: 0.7em;
|
|
215
|
+
}
|
|
216
|
+
> :nth-child(3) {
|
|
217
|
+
width: 0.7em;
|
|
218
|
+
}
|
|
219
|
+
}
|
|
211
220
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { ComponentProps } from "react";
|
|
1
2
|
/**
|
|
2
3
|
* Shows a progress bar
|
|
3
4
|
**/
|
|
4
|
-
export default function ProgressBar({ size, progress, }: {
|
|
5
|
+
export default function ProgressBar({ size, progress, style, }: {
|
|
5
6
|
/**
|
|
6
7
|
* Given as css font size
|
|
7
8
|
*/
|
|
@@ -10,4 +11,10 @@ export default function ProgressBar({ size, progress, }: {
|
|
|
10
11
|
* Given in percent
|
|
11
12
|
*/
|
|
12
13
|
progress: number;
|
|
14
|
+
style?: "gauge" | "guide";
|
|
13
15
|
}): JSX.Element;
|
|
16
|
+
export declare function BalancedProgressBar({ min, max, current, size, style, }: {
|
|
17
|
+
min: number;
|
|
18
|
+
max: number;
|
|
19
|
+
current: number;
|
|
20
|
+
} & Pick<ComponentProps<typeof ProgressBar>, "size" | "style">): JSX.Element;
|
|
@@ -1,17 +1,51 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
27
|
};
|
|
5
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
|
|
29
|
+
exports.BalancedProgressBar = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
7
31
|
const ProgressBar_module_scss_1 = __importDefault(require("./ProgressBar.module.scss"));
|
|
8
32
|
/**
|
|
9
33
|
* Shows a progress bar
|
|
10
34
|
**/
|
|
11
|
-
function ProgressBar({ size, progress, }) {
|
|
12
|
-
return (react_1.default.createElement("div", { className: ProgressBar_module_scss_1.default.container
|
|
35
|
+
function ProgressBar({ size, progress, style = "guide", }) {
|
|
36
|
+
return (react_1.default.createElement("div", { className: `${ProgressBar_module_scss_1.default.container} ${ProgressBar_module_scss_1.default[style]}`, style: { fontSize: size } },
|
|
13
37
|
react_1.default.createElement("span", { style: { width: `${progress}%` } }),
|
|
14
|
-
react_1.default.createElement("span", { style: { left: `${progress}%` } })));
|
|
38
|
+
style === "guide" && react_1.default.createElement("span", { style: { left: `${progress}%` } })));
|
|
15
39
|
}
|
|
16
40
|
exports.default = ProgressBar;
|
|
41
|
+
function BalancedProgressBar({ min, max, current, size, style, }) {
|
|
42
|
+
const progress = (0, react_1.useMemo)(() => {
|
|
43
|
+
const progressVal = current - min;
|
|
44
|
+
const maxVal = max - min;
|
|
45
|
+
const currProgress = (progressVal * 100) / maxVal;
|
|
46
|
+
return currProgress;
|
|
47
|
+
}, [min, max, current]);
|
|
48
|
+
return react_1.default.createElement(ProgressBar, { size: size, progress: progress, style: style });
|
|
49
|
+
}
|
|
50
|
+
exports.BalancedProgressBar = BalancedProgressBar;
|
|
17
51
|
//# sourceMappingURL=ProgressBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuD;AACvD,wFAA+C;AAE/C;;IAEI;AACJ,SAAwB,WAAW,CAAC,EAClC,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,OAAO,GAYhB;IACC,OAAO,CACL,uCACE,SAAS,EAAE,GAAG,iCAAM,CAAC,SAAS,IAAI,iCAAM,CAAC,KAAK,CAAC,EAAE,EACjD,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;QAEzB,wCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI;QACzC,KAAK,KAAK,OAAO,IAAI,wCAAM,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,QAAQ,GAAG,EAAE,GAAI,CAC3D,CACP,CAAC;AACJ,CAAC;AAzBD,8BAyBC;AAED,SAAgB,mBAAmB,CAAC,EAClC,GAAG,EACH,GAAG,EACH,OAAO,EACP,IAAI,EACJ,KAAK,GAKuD;IAC5D,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,WAAW,GAAG,OAAO,GAAG,GAAG,CAAC;QAClC,MAAM,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC;QAEzB,MAAM,YAAY,GAAG,CAAC,WAAW,GAAG,GAAG,CAAC,GAAG,MAAM,CAAC;QAElD,OAAO,YAAY,CAAC;IACtB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,8BAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;AACvE,CAAC;AArBD,kDAqBC"}
|
|
@@ -2,7 +2,12 @@
|
|
|
2
2
|
@import "../../assets/styles/index.scss";
|
|
3
3
|
|
|
4
4
|
.container {
|
|
5
|
-
|
|
5
|
+
&.guide {
|
|
6
|
+
margin: 0.375em;
|
|
7
|
+
}
|
|
8
|
+
&.gauge {
|
|
9
|
+
margin: 0em;
|
|
10
|
+
}
|
|
6
11
|
height: 0.25em;
|
|
7
12
|
background-color: red;
|
|
8
13
|
position: relative;
|
|
@@ -19,7 +24,7 @@
|
|
|
19
24
|
background: var(--progress-bar-bar, var(--digital-blue));
|
|
20
25
|
transition: width var(--animation-speed-transition, $fast) ease-out;
|
|
21
26
|
}
|
|
22
|
-
|
|
27
|
+
&.guide > :last-child {
|
|
23
28
|
position: absolute;
|
|
24
29
|
margin-top: math.div(-0.5em, 1.25);
|
|
25
30
|
margin-left: -0.5em;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { default } from
|
|
1
|
+
export { default, BalancedProgressBar } from "./ProgressBar";
|
|
@@ -3,7 +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.default = void 0;
|
|
6
|
+
exports.BalancedProgressBar = exports.default = void 0;
|
|
7
7
|
var ProgressBar_1 = require("./ProgressBar");
|
|
8
8
|
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressBar_1).default; } });
|
|
9
|
+
Object.defineProperty(exports, "BalancedProgressBar", { enumerable: true, get: function () { return ProgressBar_1.BalancedProgressBar; } });
|
|
9
10
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":";;;;;;AAAA,6CAA6D;AAApD,uHAAA,OAAO,OAAA;AAAE,kHAAA,mBAAmB,OAAA"}
|
|
@@ -1,11 +1,14 @@
|
|
|
1
|
-
import React, { MouseEvent } from "react";
|
|
1
|
+
import React, { ComponentProps, MouseEvent, ReactElement } from "react";
|
|
2
|
+
import Button from "../Button";
|
|
2
3
|
declare type Step = {
|
|
3
4
|
type: "wait" | "final";
|
|
4
5
|
title?: string;
|
|
5
6
|
description?: string | React.ReactElement;
|
|
6
7
|
action?: {
|
|
7
|
-
label: string;
|
|
8
|
+
label: string | ReactElement;
|
|
8
9
|
onClick: (e: MouseEvent<HTMLButtonElement>) => void;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
variant?: ComponentProps<typeof Button>["variant"];
|
|
9
12
|
};
|
|
10
13
|
};
|
|
11
14
|
/**
|
|
@@ -30,7 +30,7 @@ function ProgressTexts({ steps, currentStep, spacingOnEachStep = true, }) {
|
|
|
30
30
|
}, className: whichClassToUse(i, s.type, currentStep, _currentStep.type) },
|
|
31
31
|
s.title && react_1.default.createElement("h1", null, s.title),
|
|
32
32
|
s.description && react_1.default.createElement("p", null, s.description),
|
|
33
|
-
s.action && (react_1.default.createElement(Button_1.default, { onClick: s.action.onClick }, s.action.label)),
|
|
33
|
+
s.action && (react_1.default.createElement(Button_1.default, { variant: s.action.variant, onClick: s.action.onClick, disabled: s.action.disabled }, s.action.label)),
|
|
34
34
|
spacingOnEachStep !== false ? react_1.default.createElement(Spacing_1.default, { size: "large" }) : null)) : null;
|
|
35
35
|
})));
|
|
36
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressTexts.js","sourceRoot":"","sources":["../../../src/components/ProgressTexts/ProgressTexts.tsx"],"names":[],"mappings":";;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"ProgressTexts.js","sourceRoot":"","sources":["../../../src/components/ProgressTexts/ProgressTexts.tsx"],"names":[],"mappings":";;;;;AAAA,kDAAwE;AACxE,yDAAiC;AAEjC,4FAAiD;AACjD,uDAA+B;AAc/B;;IAEI;AACJ,SAAwB,aAAa,CAAC,EACpC,KAAK,EACL,WAAW,EACX,iBAAiB,GAAG,IAAI,GAQzB;IACC,MAAM,YAAY,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;IACxC,OAAO,CACL,8DACG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAClB,SAAS,eAAe,CACtB,IAAY,EACZ,QAAsB,EACtB,WAAmB,EACnB,eAA6B;YAE7B,MAAM,OAAO,GAAG,CAAC,mCAAM,CAAC,SAAS,CAAC,CAAC;YAEnC,oBAAoB;YACpB,IAAI,QAAQ,KAAK,OAAO;gBACtB,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,WAAW,CAAC,CAAC,CAAC,mCAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,mCAAM,CAAC,OAAO,CAAC,CAAC;YAEtE,sCAAsC;YACtC,OAAO,CAAC,IAAI,CACV,WAAW,KAAK,IAAI,IAAI,eAAe,KAAK,OAAO;gBACjD,CAAC,CAAC,mCAAM,CAAC,MAAM;gBACf,CAAC,CAAC,EAAE,CACP,CAAC;YAEF,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,CACxB,uCACE,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC,EACd,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE;gBACT,IAAI,CAAC;oBAAE,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,YAAY,IAAI,CAAC;YACnD,CAAC,EACD,SAAS,EAAE,eAAe,CACxB,CAAC,EACD,CAAC,CAAC,IAAI,EACN,WAAW,EACX,YAAY,CAAC,IAAI,CAClB;YAEA,CAAC,CAAC,KAAK,IAAI,0CAAK,CAAC,CAAC,KAAK,CAAM;YAC7B,CAAC,CAAC,WAAW,IAAI,yCAAI,CAAC,CAAC,WAAW,CAAK;YACvC,CAAC,CAAC,MAAM,IAAI,CACX,8BAAC,gBAAM,IAAC,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,QAAQ,IACtF,CAAC,CAAC,MAAM,CAAC,KAAK,CACR,CACV;YACA,iBAAiB,KAAK,KAAK,CAAC,CAAC,CAAC,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC,CAAC,CAAC,IAAI,CAC1D,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;IACX,CAAC,CAAC,CACD,CACJ,CAAC;AACJ,CAAC;AA/DD,gCA+DC"}
|
|
@@ -1,18 +1,24 @@
|
|
|
1
|
-
import { ComponentProps } from "react";
|
|
1
|
+
import { ComponentProps, ReactElement } from "react";
|
|
2
2
|
import Input from "../Input";
|
|
3
|
+
import { AnchoredTooltipAlignment } from "../AnchoredTooltip/AnchoredTooltip";
|
|
3
4
|
export declare type SelectItem = {
|
|
4
5
|
label: string;
|
|
5
6
|
value: string;
|
|
7
|
+
} | {
|
|
8
|
+
label: ReactElement;
|
|
9
|
+
labelStr: string;
|
|
10
|
+
value: string;
|
|
6
11
|
};
|
|
7
12
|
/**
|
|
8
13
|
* A dropdown select
|
|
9
14
|
**/
|
|
10
|
-
declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, rootClassName, dropdownClassName: _drop, ...otherProps }: {
|
|
15
|
+
declare function Select<I extends SelectItem>({ items, selected, label, onClick, loading, rootClassName, dropdownClassName: _drop, alignTo, ...otherProps }: {
|
|
11
16
|
loading?: boolean;
|
|
12
17
|
items: Readonly<I[]>;
|
|
13
18
|
onClick: (i: I) => void;
|
|
14
19
|
rootClassName?: string;
|
|
15
20
|
dropdownClassName?: string;
|
|
21
|
+
alignTo?: AnchoredTooltipAlignment;
|
|
16
22
|
} & ({
|
|
17
23
|
selected?: I["value"];
|
|
18
24
|
label: string;
|
|
@@ -49,7 +49,7 @@ const AnchoredTooltip_1 = require("../AnchoredTooltip/AnchoredTooltip");
|
|
|
49
49
|
* A dropdown select
|
|
50
50
|
**/
|
|
51
51
|
function Select(_a) {
|
|
52
|
-
var { items, selected, label, onClick, loading, rootClassName = "", dropdownClassName: _drop = "" } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading", "rootClassName", "dropdownClassName"]);
|
|
52
|
+
var { items, selected, label, onClick, loading, rootClassName = "", dropdownClassName: _drop = "", alignTo = AnchoredTooltip_1.AnchoredTooltipAlignment.CENTER } = _a, otherProps = __rest(_a, ["items", "selected", "label", "onClick", "loading", "rootClassName", "dropdownClassName", "alignTo"]);
|
|
53
53
|
const { StateIndicator } = (0, OneUIProvider_1.useOneUIContext)().component.select;
|
|
54
54
|
const _selected = (0, react_1.useMemo)(() => {
|
|
55
55
|
return items.find((a) => a.value === selected);
|
|
@@ -69,10 +69,14 @@ function Select(_a) {
|
|
|
69
69
|
return () => window.removeEventListener("click", close);
|
|
70
70
|
}
|
|
71
71
|
}, [open]);
|
|
72
|
-
return (react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement(Input_1.default, Object.assign({}, otherProps, { className: `${Select_module_scss_1.default.input} ${!items.length ? Select_module_scss_1.default.empty : ""}`, value:
|
|
72
|
+
return (react_1.default.createElement(Collapsable_1.default, { title: react_1.default.createElement(Input_1.default, Object.assign({}, otherProps, { className: `${Select_module_scss_1.default.input} ${!items.length ? Select_module_scss_1.default.empty : ""}`, value: _selected
|
|
73
|
+
? "labelStr" in _selected
|
|
74
|
+
? _selected.labelStr
|
|
75
|
+
: _selected.label
|
|
76
|
+
: label, disabled: true, Icon: react_1.default.createElement("div", { className: `${Select_module_scss_1.default.indicator}` }, loading ? react_1.default.createElement(Loader_1.default, null) : react_1.default.createElement(StateIndicator, { open: !!open })) })), id: undefined, mode: "float", open: open, onToggleOpen: (open) => {
|
|
73
77
|
if (items.length)
|
|
74
78
|
setOpen(open);
|
|
75
|
-
}, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassNames.dropdown}`, alignTo:
|
|
79
|
+
}, className: `${otherProps.disabled ? "disabled" : ""} ${rootClassName}`, contentClassName: `${Select_module_scss_1.default.optionsContainer} ${dropdownClassNames.dropdown}`, alignTo: alignTo },
|
|
76
80
|
react_1.default.createElement("div", { className: Select_module_scss_1.default.items, onClick: (e) => {
|
|
77
81
|
e.stopPropagation();
|
|
78
82
|
setOpen(false);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
declare type PersistedIdentifier = string;
|
|
3
|
+
export default function AsyncProcessProvider({ children, triggers, persistence, }: PropsWithChildren<{
|
|
4
|
+
/** Functions that will be provided to those that use the async process */
|
|
5
|
+
triggers: {
|
|
6
|
+
[k in keyof OnepercentUtility.AsyncQueue.Processes]: (...args: OnepercentUtility.AsyncQueue.Processes[k]) => Promise<void>;
|
|
7
|
+
};
|
|
8
|
+
/** This will persist the data required for restoring the async processes when required */
|
|
9
|
+
persistence: {
|
|
10
|
+
write: <K extends keyof OnepercentUtility.AsyncQueue.Processes>(k: K, ...args: OnepercentUtility.AsyncQueue.Processes[K]) => PersistedIdentifier;
|
|
11
|
+
remove: (id: PersistedIdentifier) => void;
|
|
12
|
+
recover: () => [PersistedIdentifier, Promise<void>][];
|
|
13
|
+
};
|
|
14
|
+
}>): JSX.Element;
|
|
15
|
+
export declare function useAsyncProcess(): {
|
|
16
|
+
[k in keyof OnepercentUtility.AsyncQueue.Processes]: (...args: OnepercentUtility.AsyncQueue.Processes[k]) => Promise<void>;
|
|
17
|
+
} & {
|
|
18
|
+
on: (k: keyof OnepercentUtility.AsyncQueue.Processes, whatToDo: () => void) => void;
|
|
19
|
+
};
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
|
+
};
|
|
28
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
+
exports.useAsyncProcess = void 0;
|
|
30
|
+
const react_1 = __importStar(require("react"));
|
|
31
|
+
const react_2 = require("react");
|
|
32
|
+
const useEvents_1 = __importDefault(require("../hooks/utility/useEvents"));
|
|
33
|
+
const AsyncProcessContext = (0, react_2.createContext)(null);
|
|
34
|
+
function AsyncProcessProvider({ children, triggers, persistence, }) {
|
|
35
|
+
const { subscriber, dispatcher } = (0, useEvents_1.default)();
|
|
36
|
+
const wrappedFunctions = (0, react_1.useMemo)(() => {
|
|
37
|
+
return Object.keys(triggers).reduce((r, k) => (Object.assign(Object.assign({}, r), { [k]: (...args) => {
|
|
38
|
+
let persisted = persistence.write(k, ...args);
|
|
39
|
+
return triggers[k](...args).finally(() => {
|
|
40
|
+
persistence.remove(persisted);
|
|
41
|
+
dispatcher(k);
|
|
42
|
+
});
|
|
43
|
+
} })), {});
|
|
44
|
+
}, []);
|
|
45
|
+
(0, react_2.useEffect)(() => {
|
|
46
|
+
const recoveries = persistence.recover();
|
|
47
|
+
for (let [recoveryId, recoveryProcess] of recoveries)
|
|
48
|
+
recoveryProcess.finally(() => {
|
|
49
|
+
persistence.remove(recoveryId);
|
|
50
|
+
});
|
|
51
|
+
}, []);
|
|
52
|
+
return (react_1.default.createElement(AsyncProcessContext.Provider, { value: { _subscriber: subscriber, _wrappedFunctions: wrappedFunctions } }, children));
|
|
53
|
+
}
|
|
54
|
+
exports.default = AsyncProcessProvider;
|
|
55
|
+
function useAsyncProcess() {
|
|
56
|
+
const { _subscriber: subscriber, _wrappedFunctions } = (0, react_2.useContext)(AsyncProcessContext);
|
|
57
|
+
const subscriptions = (0, react_2.useRef)([]);
|
|
58
|
+
(0, react_2.useEffect)(() => () => {
|
|
59
|
+
for (let unsubscribe of subscriptions.current)
|
|
60
|
+
unsubscribe();
|
|
61
|
+
}, []);
|
|
62
|
+
return Object.assign({ on: (k, whatToDo) => {
|
|
63
|
+
subscriptions.current.push(subscriber(k, whatToDo));
|
|
64
|
+
} }, _wrappedFunctions);
|
|
65
|
+
}
|
|
66
|
+
exports.useAsyncProcess = useAsyncProcess;
|
|
67
|
+
//# sourceMappingURL=AsyncProcess.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"AsyncProcess.js","sourceRoot":"","sources":["../../src/context/AsyncProcess.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,iCAMe;AACf,2EAAmD;AAEnD,MAAM,mBAAmB,GAAG,IAAA,qBAAa,EAOtC,IAAW,CAAC,CAAC;AAIhB,SAAwB,oBAAoB,CAAC,EAC3C,QAAQ,EACR,QAAQ,EACR,WAAW,GAiBX;IACA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,mBAAS,GAAE,CAAC;IAE/C,MAAM,gBAAgB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACpC,OAAO,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CACjC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,iCACL,CAAC,KACJ,CAAC,CAAC,CAAC,EAAE,CACH,GAAG,IAA0F,EAC7F,EAAE;gBACF,IAAI,SAAS,GAAG,WAAW,CAAC,KAAK,CAAC,CAAQ,EAAE,GAAG,IAAI,CAAC,CAAC;gBACrD,OAAQ,QAAgB,CAAC,CAAQ,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;oBACvD,WAAW,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;oBAC9B,UAAU,CAAC,CAAQ,CAAC,CAAC;gBACvB,CAAC,CAAC,CAAC;YACL,CAAC,IACD,EACF,EAAqB,CACtB,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,EAAE,CAAC;QACzC,KAAK,IAAI,CAAC,UAAU,EAAE,eAAe,CAAC,IAAI,UAAU;YAClD,eAAe,CAAC,OAAO,CAAC,GAAG,EAAE;gBAC3B,WAAW,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;IACP,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,8BAAC,mBAAmB,CAAC,QAAQ,IAC3B,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,IAEtE,QAAQ,CACoB,CAChC,CAAC;AACJ,CAAC;AAxDD,uCAwDC;AAED,SAAgB,eAAe;IAU7B,MAAM,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAClD,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAC;IAClC,MAAM,aAAa,GAAG,IAAA,cAAM,EAAa,EAAE,CAAC,CAAC;IAE7C,IAAA,iBAAS,EACP,GAAG,EAAE,CAAC,GAAG,EAAE;QACT,KAAK,IAAI,WAAW,IAAI,aAAa,CAAC,OAAO;YAAE,WAAW,EAAE,CAAC;IAC/D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,uBACE,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;YAClB,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC;QACtD,CAAC,IACE,iBAAiB,EACpB;AACJ,CAAC;AA3BD,0CA2BC"}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { Get } from "type-fest";
|
|
2
|
-
import React, { ReactElement } from "react";
|
|
2
|
+
import React, { ComponentProps, ReactElement } from "react";
|
|
3
3
|
import { PropsWithChildren } from "react";
|
|
4
4
|
import { FieldPath } from "../type-utils";
|
|
5
5
|
import { ImageScales } from "@muritavo/webpack-microfrontend-scripts/bin/types/ImageScales";
|
|
6
|
+
import Button from "../components/Button";
|
|
7
|
+
import CheckBox from "../components/CheckBox";
|
|
6
8
|
declare type DeepPartial<T> = {
|
|
7
|
-
[P in keyof T]?: T[P] extends Function ? T[P] : DeepPartial<T[P]>;
|
|
9
|
+
[P in keyof T]?: NonNullable<T[P]> extends Function ? T[P] : DeepPartial<T[P]>;
|
|
8
10
|
};
|
|
9
11
|
export declare type OneUIContextSpecs = {
|
|
10
12
|
component: {
|
|
@@ -17,6 +19,7 @@ export declare type OneUIContextSpecs = {
|
|
|
17
19
|
className?: {
|
|
18
20
|
[k in NonNullable<React.ComponentProps<typeof import("../components/Button")["default"]>["variant"]>]?: string;
|
|
19
21
|
};
|
|
22
|
+
Component?: (props: ComponentProps<typeof Button>) => ReactElement;
|
|
20
23
|
};
|
|
21
24
|
input: {
|
|
22
25
|
className: string;
|
|
@@ -73,6 +76,9 @@ export declare type OneUIContextSpecs = {
|
|
|
73
76
|
dialogClassName: string;
|
|
74
77
|
backdropClassName: string;
|
|
75
78
|
};
|
|
79
|
+
checkbox: {
|
|
80
|
+
Component?: (props: ComponentProps<typeof CheckBox>) => ReactElement;
|
|
81
|
+
};
|
|
76
82
|
};
|
|
77
83
|
hook: {
|
|
78
84
|
ui: {
|
|
@@ -95,8 +95,10 @@ function useOneUIConfig(prop, defaultValue) {
|
|
|
95
95
|
const val = (0, react_1.useMemo)(() => {
|
|
96
96
|
return (0, get_1.default)(context, prop);
|
|
97
97
|
}, [context, prop]);
|
|
98
|
-
if (typeof val === "string" ||
|
|
99
|
-
|
|
98
|
+
if (typeof val === "string" ||
|
|
99
|
+
typeof val === "function" ||
|
|
100
|
+
prop.endsWith(".Component"))
|
|
101
|
+
return val || defaultValue;
|
|
100
102
|
return ErrorWrapper(val || defaultValue);
|
|
101
103
|
}
|
|
102
104
|
const value = (0, react_1.useMemo)(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAA6B;AAC7B,yDAAiC;AACjC,iEAAqC;AAErC,+
|
|
1
|
+
{"version":3,"file":"OneUIProvider.js","sourceRoot":"","sources":["../../src/context/OneUIProvider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { IntlFormatters, IntlShape } from "react-intl";
|
|
2
2
|
import { BigNumber } from "bignumber.js";
|
|
3
|
+
import { ReactElement } from "react";
|
|
3
4
|
export default function useShortIntl(): IntlShape & {
|
|
4
|
-
txt: (id: OnepercentUtility.IntlIds, params?:
|
|
5
|
+
txt: (id: OnepercentUtility.IntlIds, params?: Record<string, string | ReactElement>) => ReturnType<IntlFormatters["formatMessage"]>;
|
|
5
6
|
formatToDoubleDecimal(number: number, options?: Parameters<IntlFormatters["formatNumber"]>[1]): string;
|
|
6
7
|
formatBigNumber(number: BigNumber, options?: Parameters<IntlFormatters["formatNumber"]>[1]): string;
|
|
7
8
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useShortIntl.js","sourceRoot":"","sources":["../../src/hooks/useShortIntl.ts"],"names":[],"mappings":";;;AAAA,2CAAgE;AAEhE,
|
|
1
|
+
{"version":3,"file":"useShortIntl.js","sourceRoot":"","sources":["../../src/hooks/useShortIntl.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export declare function isTransactionMined(transactionHash: string, provider: any): Promise<boolean | undefined>;
|
|
2
|
+
export declare function waitForConfirmation(tHash: string, provider: any): Promise<void>;
|
|
3
|
+
export declare function dispatchAndWait(func: any): Promise<string>;
|
|
4
|
+
export declare function sendAndWaitForConfirmation(func: Promise<void>, provider: any): Promise<void>;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
|
+
exports.sendAndWaitForConfirmation = exports.dispatchAndWait = exports.waitForConfirmation = exports.isTransactionMined = void 0;
|
|
13
|
+
function isTransactionMined(transactionHash, provider) {
|
|
14
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
15
|
+
const transaction = yield provider.eth.getTransactionReceipt(transactionHash);
|
|
16
|
+
if (!transaction ||
|
|
17
|
+
!transaction.blockHash ||
|
|
18
|
+
transaction.status === undefined)
|
|
19
|
+
return undefined; // I still don't know if it's loaded
|
|
20
|
+
else
|
|
21
|
+
return !!transaction.status === true;
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
exports.isTransactionMined = isTransactionMined;
|
|
25
|
+
function waitForConfirmation(tHash, provider) {
|
|
26
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
27
|
+
return new Promise((r, rej) => __awaiter(this, void 0, void 0, function* () {
|
|
28
|
+
while (true) {
|
|
29
|
+
const bought = yield isTransactionMined(tHash, provider);
|
|
30
|
+
if (bought === undefined)
|
|
31
|
+
yield new Promise((r) => setTimeout(() => r(), 2000));
|
|
32
|
+
else {
|
|
33
|
+
if (bought)
|
|
34
|
+
r();
|
|
35
|
+
else
|
|
36
|
+
rej('TRANSACTION_FAILED');
|
|
37
|
+
break;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
}));
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
exports.waitForConfirmation = waitForConfirmation;
|
|
44
|
+
function dispatchAndWait(func) {
|
|
45
|
+
const _func = func;
|
|
46
|
+
return new Promise((r, rej) => {
|
|
47
|
+
_func.on('transactionHash', (tX) => {
|
|
48
|
+
r(tX);
|
|
49
|
+
});
|
|
50
|
+
_func.catch(rej);
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
exports.dispatchAndWait = dispatchAndWait;
|
|
54
|
+
function sendAndWaitForConfirmation(func, provider) {
|
|
55
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
56
|
+
const tHash = yield dispatchAndWait(func);
|
|
57
|
+
yield waitForConfirmation(tHash, provider);
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
exports.sendAndWaitForConfirmation = sendAndWaitForConfirmation;
|
|
61
|
+
//# sourceMappingURL=blockchain.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"blockchain.js","sourceRoot":"","sources":["../../src/utils/blockchain.ts"],"names":[],"mappings":";;;;;;;;;;;;AAEA,SAAsB,kBAAkB,CAAC,eAAuB,EAAE,QAAa;;QAC3E,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,qBAAqB,CAAC,eAAe,CAAC,CAAA;QAE7E,IACI,CAAC,WAAW;YACZ,CAAC,WAAW,CAAC,SAAS;YACtB,WAAW,CAAC,MAAM,KAAK,SAAS;YAEhC,OAAO,SAAS,CAAA,CAAC,oCAAoC;;YACpD,OAAO,CAAC,CAAC,WAAW,CAAC,MAAM,KAAK,IAAI,CAAA;IAC7C,CAAC;CAAA;AAVD,gDAUC;AAED,SAAsB,mBAAmB,CAAC,KAAa,EAAE,QAAa;;QAClE,OAAO,IAAI,OAAO,CAAO,CAAO,CAAC,EAAE,GAAG,EAAE,EAAE;YACtC,OAAO,IAAI,EAAE;gBACT,MAAM,MAAM,GAAG,MAAM,kBAAkB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;gBACxD,IAAI,MAAM,KAAK,SAAS;oBACpB,MAAM,IAAI,OAAO,CAAO,CAAC,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,CAAA;qBAC1D;oBACD,IAAI,MAAM;wBAAE,CAAC,EAAE,CAAA;;wBACV,GAAG,CAAC,oBAAoB,CAAC,CAAA;oBAC9B,MAAK;iBACR;aACJ;QACL,CAAC,CAAA,CAAC,CAAA;IACN,CAAC;CAAA;AAbD,kDAaC;AAED,SAAgB,eAAe,CAAC,IAAS;IACrC,MAAM,KAAK,GAAG,IAAuB,CAAA;IACrC,OAAO,IAAI,OAAO,CAAS,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE;QAClC,KAAK,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,EAAE,EAAE,EAAE;YAC/B,CAAC,CAAC,EAAE,CAAC,CAAA;QACT,CAAC,CAAC,CAAA;QACF,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IACpB,CAAC,CAAC,CAAA;AACN,CAAC;AARD,0CAQC;AAED,SAAsB,0BAA0B,CAAC,IAAmB,EAAE,QAAa;;QAC/E,MAAM,KAAK,GAAG,MAAM,eAAe,CAAC,IAAI,CAAC,CAAA;QACzC,MAAM,mBAAmB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IAC9C,CAAC;CAAA;AAHD,gEAGC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onepercentio/one-ui",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.9-rc2",
|
|
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 <murilo.araujo@onepercent.io>",
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
"react-docgen-typescript": "^2.2.2",
|
|
50
50
|
"react-docgen-typescript-plugin": "^1.0.1",
|
|
51
51
|
"react-dom": "^18.0.0",
|
|
52
|
-
"react-intl": "^
|
|
52
|
+
"react-intl": "^6.3.2",
|
|
53
53
|
"react-router-dom": "^5",
|
|
54
54
|
"react-scripts": "^5.0.0",
|
|
55
55
|
"sass": "^1.54.0",
|