@onepercentio/one-ui 0.2.5 → 0.3.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/__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.d.ts +6 -2
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +10 -7
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js.map +1 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.module.scss +2 -1
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.stories.d.ts +3 -2
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +1 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js.map +1 -1
- package/dist/components/AnchoredTooltip/AnchoredTooltip.module.scss +1 -0
- 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/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 +16 -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/useRebound.d.ts +9 -0
- package/dist/hooks/useRebound.js +24 -0
- package/dist/hooks/useRebound.js.map +1 -0
- 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 +48 -0
|
@@ -2,6 +2,7 @@ import React from "react";
|
|
|
2
2
|
import { InputProps } from "./Input";
|
|
3
3
|
declare const _default: {
|
|
4
4
|
component: React.ForwardRefExoticComponent<{
|
|
5
|
+
decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
5
6
|
error?: string | undefined;
|
|
6
7
|
hideError?: "onfocus" | undefined;
|
|
7
8
|
placeholder?: string | undefined;
|
|
@@ -12,7 +13,8 @@ declare const _default: {
|
|
|
12
13
|
onClick?: (() => void) | undefined;
|
|
13
14
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
14
15
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
15
|
-
|
|
16
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
17
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>>;
|
|
16
18
|
title: string;
|
|
17
19
|
};
|
|
18
20
|
export default _default;
|
|
@@ -18,6 +18,7 @@ $slice: 1/7;
|
|
|
18
18
|
transform: scale(0.9);
|
|
19
19
|
}
|
|
20
20
|
> * {
|
|
21
|
+
box-sizing: content-box;
|
|
21
22
|
width: 0.8em;
|
|
22
23
|
height: #{$slice}em;
|
|
23
24
|
border-radius: #{$slice / 2}em;
|
|
@@ -88,7 +89,8 @@ $slice: 1/7;
|
|
|
88
89
|
height: #{$slice * $rate}em;
|
|
89
90
|
border-radius: #{$slice * $rate * 2}em;
|
|
90
91
|
background-color: transparent;
|
|
91
|
-
border: #{$slice / 1.35}em solid
|
|
92
|
+
border: #{$slice / 1.35}em solid
|
|
93
|
+
var(--mutable-hamburger-background, $digitalBlue);
|
|
92
94
|
transform: translateX(-0.15em);
|
|
93
95
|
}
|
|
94
96
|
> :nth-child(2) {
|
|
@@ -97,7 +99,8 @@ $slice: 1/7;
|
|
|
97
99
|
width: 0.55em;
|
|
98
100
|
}
|
|
99
101
|
> :nth-child(3) {
|
|
100
|
-
transform: translateX(0.12em) translateY(-#{($slice*1.3) + 0.05}em)
|
|
102
|
+
transform: translateX(0.12em) translateY(-#{($slice * 1.3) + 0.05}em)
|
|
103
|
+
rotateZ(45deg);
|
|
101
104
|
height: #{$slice / 1.35}em;
|
|
102
105
|
width: 0.55em;
|
|
103
106
|
}
|
|
@@ -24,6 +24,7 @@ declare const _default: React.ForwardRefExoticComponent<(({
|
|
|
24
24
|
passwordsAreDifferent: string;
|
|
25
25
|
};
|
|
26
26
|
})) & Omit<{
|
|
27
|
+
decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
27
28
|
error?: string | undefined;
|
|
28
29
|
hideError?: "onfocus" | undefined;
|
|
29
30
|
placeholder?: string | undefined;
|
|
@@ -34,7 +35,8 @@ declare const _default: React.ForwardRefExoticComponent<(({
|
|
|
34
35
|
onClick?: (() => void) | undefined;
|
|
35
36
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
36
37
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
37
|
-
|
|
38
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
39
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "ref" | "value" | "onChange">) & React.RefAttributes<{
|
|
38
40
|
validatePassword: (pass: string) => boolean;
|
|
39
41
|
}>>;
|
|
40
42
|
export default _default;
|
|
@@ -11,6 +11,7 @@ declare const _default: {
|
|
|
11
11
|
selected: I["value"];
|
|
12
12
|
label?: string | undefined;
|
|
13
13
|
}) & Omit<{
|
|
14
|
+
decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
14
15
|
error?: string | undefined;
|
|
15
16
|
hideError?: "onfocus" | undefined;
|
|
16
17
|
placeholder?: string | undefined;
|
|
@@ -21,7 +22,8 @@ declare const _default: {
|
|
|
21
22
|
onClick?: (() => void) | undefined;
|
|
22
23
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
23
24
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
24
|
-
|
|
25
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
26
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "selected" | "onClick">) => JSX.Element;
|
|
25
27
|
title: string;
|
|
26
28
|
};
|
|
27
29
|
export default _default;
|
|
@@ -38,6 +40,7 @@ export declare const InitialImplementation: {
|
|
|
38
40
|
selected: string;
|
|
39
41
|
label?: string | undefined;
|
|
40
42
|
}) & Omit<{
|
|
43
|
+
decoration?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | null | undefined;
|
|
41
44
|
error?: string | undefined;
|
|
42
45
|
hideError?: "onfocus" | undefined;
|
|
43
46
|
placeholder?: string | undefined;
|
|
@@ -48,5 +51,6 @@ export declare const InitialImplementation: {
|
|
|
48
51
|
onClick?: (() => void) | undefined;
|
|
49
52
|
} & React.ClassAttributes<any> & React.ImgHTMLAttributes<HTMLImageElement>) | undefined;
|
|
50
53
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
51
|
-
|
|
54
|
+
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
55
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "selected" | "onClick">>;
|
|
52
56
|
};
|
|
@@ -45,7 +45,7 @@ const Text_module_scss_1 = __importDefault(require("./Text.module.scss"));
|
|
|
45
45
|
**/
|
|
46
46
|
function Text(_a, ref) {
|
|
47
47
|
var { type, children, className = "" } = _a, otherProps = __rest(_a, ["type", "children", "className"]);
|
|
48
|
-
const
|
|
48
|
+
const classNameType = (0, OneUIProvider_1.useOneUIConfig)("component.text.className", {});
|
|
49
49
|
return (react_1.default.createElement("p", Object.assign({ ref: ref, className: `${Text_module_scss_1.default.text} ${classNameType[type] || Text_module_scss_1.default[type]} ${className} ${otherProps.onClick ? Text_module_scss_1.default.iteractible : ""}` }, otherProps), children));
|
|
50
50
|
}
|
|
51
51
|
exports.default = (0, react_1.forwardRef)(Text);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwD;AACxD,+DAA6D;AAC7D,0EAAwC;AAExC;;IAEI;AACJ,SAAS,IAAI,CACX,EAqBC,EACD,GAAuC;QAtBvC,EACE,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,OAkBf,EAjBI,UAAU,cAJf,iCAKC,CADc;IAoBf,MAAM,aAAa,GAAG,IAAA,8BAAc,EAAC,0BAA0B,EAAE,EAAE,CAAC,CAAC;IAErE,OAAO,CACL,mDACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,0BAAM,CAAC,IAAI,IACvB,aAAa,CAAC,IAAI,CAAC,IAAI,0BAAM,CAAC,IAAI,CACpC,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,0BAAM,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,IAC3D,UAAU,GAEb,QAAQ,CACP,CACL,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,EAAC,IAAI,CAAC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
export declare type TransitionTypeDefinitions = {
|
|
3
|
-
transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE;
|
|
3
|
+
transitionType?: TransitionAnimationTypes.SLIDE | TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN | TransitionAnimationTypes.FADE | TransitionAnimationTypes.COIN_FLIP;
|
|
4
4
|
} | {
|
|
5
5
|
transitionType?: TransitionAnimationTypes.POP_FROM_ELEMENT_ID;
|
|
6
6
|
elementId: string;
|
|
@@ -38,7 +38,8 @@ export declare enum TransitionAnimationTypes {
|
|
|
38
38
|
POP_FROM_CLICK_ORIGIN = 1,
|
|
39
39
|
POP_FROM_ELEMENT_ID = 2,
|
|
40
40
|
FADE = 3,
|
|
41
|
-
|
|
41
|
+
COIN_FLIP = 4,
|
|
42
|
+
CUSTOM = 5
|
|
42
43
|
}
|
|
43
44
|
declare const _default: React.ForwardRefExoticComponent<TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
|
|
44
45
|
export default _default;
|
|
@@ -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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"}
|
|
@@ -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
|