@onepercentio/one-ui 0.6.4 → 0.6.5
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/AdaptiveSidebar/AdaptiveSidebar.module.scss +1 -0
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +4 -4
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map +1 -1
- package/dist/components/Avatar/Avatar.js +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.module.scss +17 -14
- package/dist/components/Transition/Transition.js +83 -58
- package/dist/components/Transition/Transition.js.map +1 -1
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +8 -3
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js.map +1 -1
- package/package.json +3 -4
- package/scripts/start-emulator.js +0 -0
|
@@ -65,11 +65,11 @@ function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren,
|
|
|
65
65
|
if (String(children.key).includes("-nullated")) {
|
|
66
66
|
uncontRef.current.setOrientation("backward");
|
|
67
67
|
}
|
|
68
|
-
setScreen(
|
|
68
|
+
setScreen(true);
|
|
69
69
|
}, [children.key]);
|
|
70
70
|
(0, react_1.useEffect)(() => {
|
|
71
71
|
const x = setTimeout(() => {
|
|
72
|
-
const key = String(screen.key);
|
|
72
|
+
const key = String(screen === true ? children.key : screen.key);
|
|
73
73
|
if (key === "null" || key.includes("-nullated"))
|
|
74
74
|
uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
|
|
75
75
|
else {
|
|
@@ -87,7 +87,7 @@ function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren,
|
|
|
87
87
|
return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: uncontRef, transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, className: `${AnimatedEntrance_module_scss_1.default.resetHeight} ${className}`, lockTransitionWidth: true, key: String(children.key).replace("-nullated", ""), onDiscardStep: (k) => {
|
|
88
88
|
if (k !== "null")
|
|
89
89
|
onRemoveChildren(k);
|
|
90
|
-
}, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen));
|
|
90
|
+
}, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen === true ? children : screen));
|
|
91
91
|
}
|
|
92
92
|
exports.AnimatedEntranceItem = AnimatedEntranceItem;
|
|
93
93
|
/**
|
|
@@ -120,7 +120,7 @@ function AnimatedEntrance({ children, entranceType = EntranceType.SLIDE_AND_EXPA
|
|
|
120
120
|
return filteredOutChildren;
|
|
121
121
|
}, [children]);
|
|
122
122
|
prevChildren.current = childrenDelayed;
|
|
123
|
-
return (react_1.default.createElement(react_1.default.Fragment, null, childrenDelayed.map((child) => (react_1.default.createElement(AnimatedEntranceItem, { key: String(child.key).replace("-nullated", ""), noEntranceAnimation: firstRef.current, entranceType: entranceType, onRemoveChildren: (k) => (prevChildren.current = prevChildren.current.filter((a) => a.key !== String(k) + "-nullated")) }, child)))));
|
|
123
|
+
return (react_1.default.createElement(react_1.default.Fragment, null, childrenDelayed.map((child) => (react_1.default.createElement(AnimatedEntranceItem, { key: String(child.key).replace("-nullated", ""), noEntranceAnimation: firstRef.current, entranceType: entranceType, onRemoveChildren: (k) => (prevChildren.current = prevChildren.current.filter((a) => a.key !== String(k) + "-nullated")) }, children.find((c) => c.key === child.key) || child)))));
|
|
124
124
|
}
|
|
125
125
|
exports.default = AnimatedEntrance;
|
|
126
126
|
//# sourceMappingURL=AnimatedEntrance.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CASe;AACf,8CAAyD;AACzD,uFAA+D;AAC/D,kGAAoD;AAEpD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,uEAAgB,CAAA;IAChB,mDAAM,CAAA;AACR,CAAC,EAHW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAGvB;AAED,MAAM,wBAAwB,GAAG;IAC/B,CAAC,YAAY,CAAC,gBAAgB,CAAC,EAAE;QAC/B,OAAO,EAAE;YACP,eAAe,EAAE,sCAAM,CAAC,eAAe;YACvC,cAAc,EAAE,sCAAM,CAAC,cAAc;SACtC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,sCAAM,CAAC,sBAAsB;YAC9C,cAAc,EAAE,sCAAM,CAAC,qBAAqB;SAC7C;KACF;IACD,CAAC,YAAY,CAAC,MAAM,CAAC,EAAE;QACrB,OAAO,EAAE;YACP,eAAe,EAAE,sCAAM,CAAC,gBAAgB;YACxC,cAAc,EAAE,sCAAM,CAAC,gBAAgB;SACxC;QACD,QAAQ,EAAE;YACR,eAAe,EAAE,sCAAM,CAAC,uBAAuB;YAC/C,cAAc,EAAE,sCAAM,CAAC,uBAAuB;SAC/C;KACF;CACF,CAAC;AAEF,SAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,YAAY,GAMb;IACC,MAAM,SAAS,GAAG,IAAA,cAAM,EAA4C,IAAI,CAAC,CAAC;IAC1E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAClC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,8BAAC,gBAAQ,IAAC,GAAG,EAAE,MAAM,GAAI,CAC3D,CAAC;IACF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YAC9C,SAAS,CAAC,OAAQ,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;SAC/C;QACD,SAAS,CAAC,
|
|
1
|
+
{"version":3,"file":"AnimatedEntrance.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,7 +39,7 @@ function Avatar({ name, imgSrc, size = 48, }) {
|
|
|
39
39
|
const [firstName, lastName] = [nameParts[0], nameParts.slice(-1)[0]];
|
|
40
40
|
return `${firstName.charAt(0)}${lastName.charAt(0)}`.toUpperCase();
|
|
41
41
|
}, [name]);
|
|
42
|
-
return (react_1.default.createElement("div", { className: Avatar_module_scss_1.default.container
|
|
42
|
+
return (react_1.default.createElement("div", { className: `${Avatar_module_scss_1.default.container} ${imgSrc ? "" : Avatar_module_scss_1.default.noImg}`, style: { fontSize: size }, title: name }, imgSrc ? react_1.default.createElement("img", { src: imgSrc, alt: name }) : react_1.default.createElement("span", null, initials)));
|
|
43
43
|
}
|
|
44
44
|
exports.default = Avatar;
|
|
45
45
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,8EAA0C;AAE1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,EAAE,GAKV;IACC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACxE,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IACrE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,OAAO,CACL,
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,8EAA0C;AAE1C;;IAEI;AACJ,SAAwB,MAAM,CAAC,EAC7B,IAAI,EACJ,MAAM,EACN,IAAI,GAAG,EAAE,GAKV;IACC,MAAM,QAAQ,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC5B,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACzC,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,SAAS,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;QACxE,MAAM,CAAC,SAAS,EAAE,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACrE,OAAO,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;IACrE,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IACX,OAAO,CACL,uCACE,SAAS,EAAE,GAAG,4BAAM,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,4BAAM,CAAC,KAAK,EAAE,EAC9D,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,EACzB,KAAK,EAAE,IAAI,IAEV,MAAM,CAAC,CAAC,CAAC,uCAAK,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,GAAI,CAAC,CAAC,CAAC,4CAAO,QAAQ,CAAQ,CAC/D,CACP,CAAC;AACJ,CAAC;AAxBD,yBAwBC"}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
@import "../../assets/styles/index.scss";
|
|
2
2
|
|
|
3
3
|
.container {
|
|
4
|
+
&.noImg {
|
|
4
5
|
background-color: $avatarBackgroundColor;
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
}
|
|
7
|
+
display: inline-block;
|
|
8
|
+
width: 1em;
|
|
9
|
+
height: 1em;
|
|
10
|
+
border-radius: 0.5em;
|
|
9
11
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
12
|
+
> span,
|
|
13
|
+
> img {
|
|
14
|
+
font-size: 0.4em;
|
|
15
|
+
width: inherit;
|
|
16
|
+
height: inherit;
|
|
17
|
+
text-align: center;
|
|
18
|
+
line-height: 2.5em;
|
|
19
|
+
display: block;
|
|
20
|
+
color: $digitalBlue;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -89,111 +89,132 @@ function TransitionClasses(type) {
|
|
|
89
89
|
};
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
|
+
function ChildrenWrapperFactory(func, key) {
|
|
93
|
+
func.associatedKey = key;
|
|
94
|
+
return func;
|
|
95
|
+
}
|
|
92
96
|
/**
|
|
93
97
|
* Handles the transition between multiple children and recycling of elements
|
|
94
98
|
**/
|
|
95
99
|
function Transition(_a, _containerRef) {
|
|
96
|
-
var _b, _c;
|
|
97
100
|
var { step, contentStyle, contentClassName = "", children, className, onDiscardStep, lockTransitionWidth = false } = _a, props = __rest(_a, ["step", "contentStyle", "contentClassName", "children", "className", "onDiscardStep", "lockTransitionWidth"]);
|
|
98
101
|
const containerRef = (0, react_1.useMemo)(() => _containerRef || (0, react_1.createRef)(), [_containerRef]);
|
|
99
102
|
const preTransitionDetails = (0, react_1.useRef)({
|
|
100
103
|
transformOrigin: "initial",
|
|
101
104
|
});
|
|
102
|
-
const [
|
|
103
|
-
|
|
104
|
-
|
|
105
|
+
const [childrenWrappers, setChildrenWrappers] = (0, react_1.useState)(() => {
|
|
106
|
+
const func = ChildrenWrapperFactory(({ children }) => {
|
|
107
|
+
var _a;
|
|
108
|
+
return (react_1.default.createElement("div", { "data-testid": "transition-container", key: String(((_a = children[step]) === null || _a === void 0 ? void 0 : _a.key) || step), style: contentStyle, className: contentClassName }, children));
|
|
109
|
+
}, children[step].key || step);
|
|
110
|
+
return [func];
|
|
111
|
+
});
|
|
105
112
|
const prevStep = (0, react_1.useRef)(step);
|
|
106
|
-
const
|
|
113
|
+
const prevChild = (0, react_1.useRef)(children[step]);
|
|
114
|
+
(0, react_1.useEffect)(() => () => {
|
|
115
|
+
prevChild.current = children[step];
|
|
116
|
+
});
|
|
107
117
|
(0, react_1.useEffect)(() => {
|
|
108
|
-
var _a, _b;
|
|
118
|
+
var _a, _b, _c, _d, _e;
|
|
109
119
|
containerRef.current.style.overflow = "hidden";
|
|
110
120
|
const transitionClasses = props.transitionType === TransitionAnimationTypes.CUSTOM
|
|
111
121
|
? props.config
|
|
112
122
|
: TransitionClasses(props.transitionType || TransitionAnimationTypes.SLIDE);
|
|
113
|
-
if (
|
|
114
|
-
((_a = children[step]) === null || _a === void 0 ? void 0 : _a.key) ===
|
|
123
|
+
if (prevChild.current !== null &&
|
|
124
|
+
((_a = children[step]) === null || _a === void 0 ? void 0 : _a.key) === ((_b = prevChild.current) === null || _b === void 0 ? void 0 : _b.key) // I'm rendering the same screen
|
|
115
125
|
) {
|
|
116
126
|
return () => {
|
|
117
127
|
prevStep.current = step;
|
|
118
128
|
};
|
|
119
129
|
}
|
|
120
|
-
const key = ((
|
|
130
|
+
const key = ((_c = children[step]) === null || _c === void 0 ? void 0 : _c.key) || step;
|
|
121
131
|
if (prevStep.current !== step && lockTransitionWidth)
|
|
122
132
|
containerRef.current.style.width = `${containerRef.current.clientWidth}px`;
|
|
133
|
+
/** This runs on backwards */
|
|
123
134
|
if (prevStep.current > step) {
|
|
124
135
|
const stepToRemove = prevStep.current;
|
|
125
|
-
const prevKeyToRemove =
|
|
126
|
-
|
|
127
|
-
var _a;
|
|
136
|
+
const prevKeyToRemove = ((_d = prevChild.current) === null || _d === void 0 ? void 0 : _d.key) || stepToRemove;
|
|
137
|
+
setChildrenWrappers((screensBeforeChangingStep) => {
|
|
128
138
|
const enteringScreenRef = (0, react_1.createRef)();
|
|
129
|
-
const [
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
139
|
+
const [FirstNextScreen, ...restOfScreens] = screensBeforeChangingStep.filter((a) => (a === null || a === void 0 ? void 0 : a.associatedKey) !== String(key));
|
|
140
|
+
/** Cloned so I can change the animation to exiting */
|
|
141
|
+
const clonedFirst = FirstNextScreen
|
|
142
|
+
? ChildrenWrapperFactory(({ children }) => {
|
|
143
|
+
return (react_1.default.createElement("div", { "data-testid": "transition-container", style: contentStyle, className: `${transitionClasses.backward.elementExiting}` }, children));
|
|
144
|
+
}, FirstNextScreen.associatedKey)
|
|
145
|
+
: ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "");
|
|
135
146
|
function animationEndListener(element) {
|
|
136
147
|
var _a, _b;
|
|
137
148
|
const isAnimationFromExpectedState = (_a = enteringScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains(transitionClasses.backward.elementEntering);
|
|
138
149
|
(_b = enteringScreenRef.current) === null || _b === void 0 ? void 0 : _b.classList.remove(transitionClasses.backward.elementEntering);
|
|
139
|
-
|
|
140
|
-
if (onDiscardStep
|
|
141
|
-
|
|
142
|
-
|
|
150
|
+
setChildrenWrappers((screensAfterTheCurrentStepEntered) => {
|
|
151
|
+
if (onDiscardStep) {
|
|
152
|
+
if (isAnimationFromExpectedState)
|
|
153
|
+
onDiscardStep(prevKeyToRemove);
|
|
154
|
+
if (FirstNextScreen)
|
|
155
|
+
onDiscardStep(FirstNextScreen.associatedKey);
|
|
156
|
+
}
|
|
157
|
+
return screensAfterTheCurrentStepEntered.filter((s) => (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove) &&
|
|
158
|
+
(FirstNextScreen
|
|
159
|
+
? (s === null || s === void 0 ? void 0 : s.associatedKey) !== FirstNextScreen.associatedKey
|
|
160
|
+
: true));
|
|
143
161
|
});
|
|
144
162
|
element.currentTarget.removeEventListener("animationend", animationEndListener);
|
|
145
163
|
}
|
|
146
|
-
|
|
147
|
-
react_1.default.createElement("div", { ref: enteringScreenRef, "data-testid": "transition-container", key: key, className: `${transitionClasses.backward.elementEntering} ${contentClassName}`, style: Object.assign({}, contentStyle), onAnimationEnd: animationEndListener }, children
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
164
|
+
const newWrapper = ChildrenWrapperFactory(({ children }) => {
|
|
165
|
+
return (react_1.default.createElement("div", { ref: enteringScreenRef, "data-testid": "transition-container", key: key, className: `${transitionClasses.backward.elementEntering} ${contentClassName}`, style: Object.assign({}, contentStyle), onAnimationEnd: animationEndListener }, children));
|
|
166
|
+
}, key);
|
|
167
|
+
if (FirstNextScreen)
|
|
168
|
+
return [newWrapper, clonedFirst, ...restOfScreens];
|
|
169
|
+
else
|
|
170
|
+
return [newWrapper];
|
|
151
171
|
});
|
|
152
172
|
}
|
|
153
173
|
else if (prevStep.current < step) {
|
|
154
174
|
const stepToDelete = prevStep.current;
|
|
155
|
-
const prevKeyToRemove =
|
|
156
|
-
|
|
175
|
+
const prevKeyToRemove = String(((_e = prevChild.current) === null || _e === void 0 ? void 0 : _e.key) || stepToDelete);
|
|
176
|
+
setChildrenWrappers((screensBeforeChangingStep) => {
|
|
157
177
|
const lastIndex = screensBeforeChangingStep.length - 1;
|
|
158
|
-
const
|
|
178
|
+
const lastWrapper = screensBeforeChangingStep[lastIndex];
|
|
159
179
|
const nextScreenRef = (0, react_1.createRef)();
|
|
160
|
-
const clonedLast =
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
},
|
|
179
|
-
|
|
180
|
+
const clonedLast = lastWrapper
|
|
181
|
+
? ChildrenWrapperFactory(({ children }) => {
|
|
182
|
+
return (react_1.default.createElement("div", { "data-testid": "transition-container", style: contentStyle, className: `${contentClassName} ${transitionClasses.forward.elementExiting}`, onAnimationEnd: (e) => {
|
|
183
|
+
var _a;
|
|
184
|
+
if (e.target !== e.currentTarget)
|
|
185
|
+
return;
|
|
186
|
+
if (transitionClasses.forward.elementEntering)
|
|
187
|
+
(_a = nextScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(transitionClasses.forward.elementEntering);
|
|
188
|
+
if (onDiscardStep)
|
|
189
|
+
onDiscardStep(prevKeyToRemove);
|
|
190
|
+
setChildrenWrappers((screensAfterTheCurrentStepEntered) => {
|
|
191
|
+
const nextState = screensAfterTheCurrentStepEntered.filter((s) => {
|
|
192
|
+
const shouldMantain = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove);
|
|
193
|
+
return shouldMantain;
|
|
194
|
+
});
|
|
195
|
+
return nextState;
|
|
196
|
+
});
|
|
197
|
+
} }, children));
|
|
198
|
+
}, lastWrapper.associatedKey)
|
|
199
|
+
: ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "fallback");
|
|
200
|
+
const newWrapper = ChildrenWrapperFactory(({ children }) => {
|
|
201
|
+
return (react_1.default.createElement("div", { ref: nextScreenRef, "data-testid": "transition-container", key: key, style: Object.assign({}, contentStyle), className: `${contentClassName} ${transitionClasses.forward.elementEntering}` }, children));
|
|
202
|
+
}, key);
|
|
180
203
|
return [
|
|
181
204
|
...screensBeforeChangingStep.slice(0, lastIndex),
|
|
182
205
|
clonedLast,
|
|
183
|
-
|
|
206
|
+
newWrapper,
|
|
184
207
|
];
|
|
185
208
|
});
|
|
186
209
|
}
|
|
187
210
|
return () => {
|
|
188
|
-
var _a;
|
|
189
211
|
prevStep.current = step;
|
|
190
|
-
prevKey.current = (_a = children[step]) === null || _a === void 0 ? void 0 : _a.key;
|
|
191
212
|
};
|
|
192
213
|
}, [step]);
|
|
193
214
|
(0, react_1.useEffect)(() => {
|
|
194
|
-
if (
|
|
215
|
+
if (childrenWrappers.length === 1 && lockTransitionWidth)
|
|
195
216
|
containerRef.current.style.width = "";
|
|
196
|
-
}, [
|
|
217
|
+
}, [childrenWrappers.length !== 1]);
|
|
197
218
|
(0, react_1.useEffect)(() => {
|
|
198
219
|
if (props.transitionType === TransitionAnimationTypes.POP_FROM_ELEMENT_ID &&
|
|
199
220
|
"elementId" in props) {
|
|
@@ -213,10 +234,10 @@ function Transition(_a, _containerRef) {
|
|
|
213
234
|
else {
|
|
214
235
|
Object.assign(containerRef.current.style, preTransitionDetails.current);
|
|
215
236
|
}
|
|
216
|
-
if (
|
|
237
|
+
if (childrenWrappers.length === 1) {
|
|
217
238
|
containerRef.current.style.overflow = "";
|
|
218
239
|
}
|
|
219
|
-
}, [
|
|
240
|
+
}, [childrenWrappers.length]);
|
|
220
241
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
221
242
|
react_1.default.createElement("section", { onClick: ({ currentTarget: { offsetTop, offsetLeft, clientWidth, clientHeight }, clientX, clientY, }) => {
|
|
222
243
|
const offsetX = clientX - offsetLeft;
|
|
@@ -228,7 +249,11 @@ function Transition(_a, _containerRef) {
|
|
|
228
249
|
props.transitionType ===
|
|
229
250
|
TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN)
|
|
230
251
|
preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
|
|
231
|
-
}, "data-testid": "transition-controller", ref: containerRef, className: `${Transition_module_scss_1.default.section} ${className}` },
|
|
252
|
+
}, "data-testid": "transition-controller", ref: containerRef, className: `${Transition_module_scss_1.default.section} ${className}` }, childrenWrappers.map((Wrapper) => {
|
|
253
|
+
const childToRender = children.find((a, i) => ((a === null || a === void 0 ? void 0 : a.key) || i) === (Wrapper === null || Wrapper === void 0 ? void 0 : Wrapper.associatedKey));
|
|
254
|
+
return (react_1.default.createElement(Wrapper, { key: Wrapper === null || Wrapper === void 0 ? void 0 : Wrapper.associatedKey },
|
|
255
|
+
react_1.default.createElement(react_1.default.Fragment, null, childToRender)));
|
|
256
|
+
}))));
|
|
232
257
|
}
|
|
233
258
|
var TransitionAnimationTypes;
|
|
234
259
|
(function (TransitionAnimationTypes) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}
|
|
@@ -49,7 +49,6 @@ function UncontrolledTransition(_a, ref) {
|
|
|
49
49
|
childStack: [children],
|
|
50
50
|
offset: 1,
|
|
51
51
|
});
|
|
52
|
-
// const [offset, setOffset] = useState(1);
|
|
53
52
|
const orientation = (0, react_1.useRef)("forward");
|
|
54
53
|
function setOrientation(a) {
|
|
55
54
|
orientation.current = a;
|
|
@@ -70,9 +69,15 @@ function UncontrolledTransition(_a, ref) {
|
|
|
70
69
|
}, [children.key]);
|
|
71
70
|
(0, react_1.useEffect)(() => {
|
|
72
71
|
if (orientation.current === "backward") {
|
|
73
|
-
setChildStack((prev) =>
|
|
72
|
+
setChildStack((prev) => {
|
|
73
|
+
return Object.assign(Object.assign({}, prev), { offset: prev.childStack.length });
|
|
74
|
+
});
|
|
74
75
|
}
|
|
75
76
|
}, [childStack.length]);
|
|
77
|
+
childStack.forEach((a, i, arr) => {
|
|
78
|
+
if (a.key === children.key)
|
|
79
|
+
arr[i] = children;
|
|
80
|
+
});
|
|
76
81
|
return (react_1.default.createElement(react_1.default.Fragment, null, childStack.length ? (react_1.default.createElement(Transition_1.default, Object.assign({ ref: sectionRef, contentStyle: contentStyle, className: className, step: childStack.length - offset, onDiscardStep: (discardedKey) => {
|
|
77
82
|
if (onDiscardStep)
|
|
78
83
|
onDiscardStep(discardedKey);
|
|
@@ -80,7 +85,7 @@ function UncontrolledTransition(_a, ref) {
|
|
|
80
85
|
setChildStack((prev) => {
|
|
81
86
|
return {
|
|
82
87
|
childStack: prev.childStack.filter((a) => a.key !== discardedKey),
|
|
83
|
-
offset: 1,
|
|
88
|
+
offset: prev.offset === 1 ? 1 : prev.offset - 1,
|
|
84
89
|
};
|
|
85
90
|
});
|
|
86
91
|
}, lockTransitionWidth: lockTransitionWidth, contentClassName: contentClassName }, props), childStack)) : null));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"UncontrolledTransition.js","sourceRoot":"","sources":["../../../src/components/UncontrolledTransition/UncontrolledTransition.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onepercentio/one-ui",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.5",
|
|
4
4
|
"description": "A set of reusable components created through the development of Onepercent projects",
|
|
5
5
|
"files": [
|
|
6
6
|
"dist",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@cypress/react": "^5.12.5",
|
|
21
21
|
"@firebase/rules-unit-testing": "^2.0.2",
|
|
22
22
|
"@muritavo/cypress-toolkit": "^0.1.0",
|
|
23
|
-
"@muritavo/webpack-microfrontend-scripts": "^0.0.
|
|
23
|
+
"@muritavo/webpack-microfrontend-scripts": "^0.0.22",
|
|
24
24
|
"@storybook/addon-actions": "^6.4.18",
|
|
25
25
|
"@storybook/addon-essentials": "^6.4.18",
|
|
26
26
|
"@storybook/addon-links": "^6.4.18",
|
|
@@ -49,7 +49,6 @@
|
|
|
49
49
|
"inquirer": "^8.2.4",
|
|
50
50
|
"jest": "^27.3.1",
|
|
51
51
|
"node-fetch": "^2",
|
|
52
|
-
"node-sass": "^6.0.1",
|
|
53
52
|
"os-browserify": "^0.3.0",
|
|
54
53
|
"react": "^18.0.0",
|
|
55
54
|
"react-docgen-typescript": "^2.2.2",
|
|
@@ -58,7 +57,7 @@
|
|
|
58
57
|
"react-intl": "^5.24.4",
|
|
59
58
|
"react-router-dom": "^5",
|
|
60
59
|
"react-scripts": "^5.0.0",
|
|
61
|
-
"sass": "^1.
|
|
60
|
+
"sass": "^1.54.0",
|
|
62
61
|
"sass-loader": "^10",
|
|
63
62
|
"stream-browserify": "^3.0.0",
|
|
64
63
|
"stream-http": "^3.2.0",
|
|
File without changes
|