@onepercentio/one-ui 0.6.2 → 0.6.5

package/dist/components/Transition/Transition.js

@@ -1,243 +1,268 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransitionAnimationTypes = void 0;
-const react_1 = __importStar(require("react"));
-const Transition_module_scss_1 = __importDefault(require("./Transition.module.scss"));
-function TransitionClasses(type) {
-    switch (type) {
-        case TransitionAnimationTypes.COIN_FLIP:
-            return {
-                backward: {
-                    elementExiting: Transition_module_scss_1.default.flipBottomUpOut,
-                    elementEntering: Transition_module_scss_1.default.flipBottomUpIn,
-                },
-                forward: {
-                    elementExiting: Transition_module_scss_1.default.flipBottomUpOut,
-                    elementEntering: Transition_module_scss_1.default.flipBottomUpIn,
-                },
-            };
-        case TransitionAnimationTypes.FADE:
-            return {
-                backward: {
-                    elementExiting: Transition_module_scss_1.default.fadeOutAbsolute,
-                    elementEntering: Transition_module_scss_1.default.fadeInDelayed,
-                },
-                forward: {
-                    elementExiting: Transition_module_scss_1.default.fadeOutAbsolute,
-                    elementEntering: Transition_module_scss_1.default.fadeInDelayed,
-                },
-            };
-        case TransitionAnimationTypes.SLIDE:
-            return {
-                backward: {
-                    elementEntering: Transition_module_scss_1.default.entranceLeft,
-                    elementExiting: "",
-                },
-                forward: {
-                    elementEntering: "",
-                    elementExiting: Transition_module_scss_1.default.exitLeft,
-                },
-            };
-        case TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN:
-        case TransitionAnimationTypes.POP_FROM_ELEMENT_ID:
-            return {
-                backward: {
-                    elementEntering: Transition_module_scss_1.default.fadeIn,
-                    elementExiting: Transition_module_scss_1.default.scaleOut,
-                },
-                forward: {
-                    elementEntering: Transition_module_scss_1.default.scaleIn,
-                    elementExiting: Transition_module_scss_1.default.fadeOut,
-                },
-            };
-    }
-}
-/**
- * Handles the transition between multiple children and recycling of elements
- **/
-function Transition(_a, _containerRef) {
-    var _b, _c;
-    var { step, contentStyle, contentClassName = "", children, className, onDiscardStep, lockTransitionWidth = false } = _a, props = __rest(_a, ["step", "contentStyle", "contentClassName", "children", "className", "onDiscardStep", "lockTransitionWidth"]);
-    const containerRef = (0, react_1.useMemo)(() => _containerRef || (0, react_1.createRef)(), [_containerRef]);
-    const preTransitionDetails = (0, react_1.useRef)({
-        transformOrigin: "initial",
-    });
-    const [screensStack, setScreensStack] = (0, react_1.useState)([
-        react_1.default.createElement("div", { "data-testid": "transition-container", key: String(((_b = children[step]) === null || _b === void 0 ? void 0 : _b.key) || step), style: contentStyle, className: contentClassName }, children[step]),
-    ]);
-    const prevStep = (0, react_1.useRef)(step);
-    const prevKey = (0, react_1.useRef)((_c = children[step]) === null || _c === void 0 ? void 0 : _c.key);
-    (0, react_1.useEffect)(() => {
-        var _a, _b;
-        containerRef.current.style.overflow = "hidden";
-        const transitionClasses = props.transitionType === TransitionAnimationTypes.CUSTOM
-            ? props.config
-            : TransitionClasses(props.transitionType || TransitionAnimationTypes.SLIDE);
-        if (prevKey.current !== null &&
-            ((_a = children[step]) === null || _a === void 0 ? void 0 : _a.key) === prevKey.current // I'm rendering the same screen
-        ) {
-            return () => {
-                prevStep.current = step;
-            };
-        }
-        const key = ((_b = children[step]) === null || _b === void 0 ? void 0 : _b.key) || step;
-        if (prevStep.current !== step && lockTransitionWidth)
-            containerRef.current.style.width = `${containerRef.current.clientWidth}px`;
-        if (prevStep.current > step) {
-            const stepToRemove = prevStep.current;
-            const prevKeyToRemove = prevKey.current || stepToRemove;
-            setScreensStack((screensBeforeChangingStep) => {
-                var _a;
-                const enteringScreenRef = (0, react_1.createRef)();
-                const [firstNextScreen, ...restOfScreens] = screensBeforeChangingStep.filter((a) => a.key !== String(key));
-                const clonedFirst = firstNextScreen ? (react_1.default.cloneElement(firstNextScreen, {
-                    "data-testid": "transition-container",
-                    style: Object.assign({}, contentStyle),
-                    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, "")) || ""}`,
-                })) : (react_1.default.createElement(react_1.default.Fragment, null));
-                function animationEndListener(element) {
-                    var _a, _b;
-                    const isAnimationFromExpectedState = (_a = enteringScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains(transitionClasses.backward.elementEntering);
-                    (_b = enteringScreenRef.current) === null || _b === void 0 ? void 0 : _b.classList.remove(transitionClasses.backward.elementEntering);
-                    setScreensStack((screensAfterTheCurrentStepEntered) => {
-                        if (onDiscardStep && isAnimationFromExpectedState)
-                            onDiscardStep(prevKeyToRemove);
-                        return screensAfterTheCurrentStepEntered.filter((s) => s.key !== String(prevKeyToRemove));
-                    });
-                    element.currentTarget.removeEventListener("animationend", animationEndListener);
-                }
-                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[step]),
-                    clonedFirst,
-                    ...restOfScreens,
-                ];
-            });
-        }
-        else if (prevStep.current < step) {
-            const stepToDelete = prevStep.current;
-            const prevKeyToRemove = prevKey.current || stepToDelete;
-            setScreensStack((screensBeforeChangingStep) => {
-                const lastIndex = screensBeforeChangingStep.length - 1;
-                const lastScreen = screensBeforeChangingStep[lastIndex];
-                const nextScreenRef = (0, react_1.createRef)();
-                const clonedLast = lastScreen ? (react_1.default.cloneElement(lastScreen, {
-                    "data-testid": "transition-container",
-                    style: Object.assign({}, contentStyle),
-                    className: `${contentClassName} ${transitionClasses.forward.elementExiting}`,
-                    onAnimationEnd: (e) => {
-                        var _a;
-                        if (e.target !== e.currentTarget)
-                            return;
-                        if (transitionClasses.forward.elementEntering)
-                            (_a = nextScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(transitionClasses.forward.elementEntering);
-                        if (onDiscardStep)
-                            onDiscardStep(prevKeyToRemove);
-                        setScreensStack((screensAfterTheCurrentStepEntered) => {
-                            const nextState = screensAfterTheCurrentStepEntered.filter((s) => {
-                                return s.key !== String(prevKeyToRemove);
-                            });
-                            return nextState;
-                        });
-                    },
-                })) : (react_1.default.createElement(react_1.default.Fragment, null));
-                return [
-                    ...screensBeforeChangingStep.slice(0, lastIndex),
-                    clonedLast,
-                    react_1.default.createElement("div", { ref: nextScreenRef, "data-testid": "transition-container", key: key, style: Object.assign({}, contentStyle), className: `${contentClassName} ${transitionClasses.forward.elementEntering}` }, children[step]),
-                ];
-            });
-        }
-        return () => {
-            var _a;
-            prevStep.current = step;
-            prevKey.current = (_a = children[step]) === null || _a === void 0 ? void 0 : _a.key;
-        };
-    }, [step]);
-    (0, react_1.useEffect)(() => {
-        if (screensStack.length === 1 && lockTransitionWidth)
-            containerRef.current.style.width = "";
-    }, [screensStack.length !== 1]);
-    (0, react_1.useEffect)(() => {
-        if (props.transitionType === TransitionAnimationTypes.POP_FROM_ELEMENT_ID &&
-            "elementId" in props) {
-            const element = document.querySelector(`#${props.elementId}`);
-            if (element) {
-                const { clientWidth, clientHeight } = containerRef.current;
-                const offsetX = element.clientLeft + element.offsetLeft + element.clientWidth / 2;
-                const offsetY = element.clientTop + element.offsetTop + element.clientHeight / 2;
-                const percentX = (offsetX * 100) / clientWidth;
-                const percentY = (offsetY * 100) / clientHeight;
-                preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
-                Object.assign(containerRef.current.style, {
-                    transformOrigin: `${percentX}% ${percentY}%`,
-                });
-            }
-        }
-        else {
-            Object.assign(containerRef.current.style, preTransitionDetails.current);
-        }
-        if (screensStack.length === 1) {
-            containerRef.current.style.overflow = "";
-        }
-    }, [screensStack.length]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("section", { onClick: ({ currentTarget: { offsetTop, offsetLeft, clientWidth, clientHeight }, clientX, clientY, }) => {
-                const offsetX = clientX - offsetLeft;
-                const offsetY = clientY - offsetTop;
-                const percentX = (offsetX * 100) / clientWidth;
-                const percentY = (offsetY * 100) / clientHeight;
-                if (props.transitionType ===
-                    TransitionAnimationTypes.POP_FROM_ELEMENT_ID ||
-                    props.transitionType ===
-                        TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN)
-                    preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
-            }, "data-testid": "transition-controller", ref: containerRef, className: `${Transition_module_scss_1.default.section} ${className}` }, screensStack)));
-}
-var TransitionAnimationTypes;
-(function (TransitionAnimationTypes) {
-    TransitionAnimationTypes[TransitionAnimationTypes["SLIDE"] = 0] = "SLIDE";
-    TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_CLICK_ORIGIN"] = 1] = "POP_FROM_CLICK_ORIGIN";
-    TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_ELEMENT_ID"] = 2] = "POP_FROM_ELEMENT_ID";
-    TransitionAnimationTypes[TransitionAnimationTypes["FADE"] = 3] = "FADE";
-    TransitionAnimationTypes[TransitionAnimationTypes["COIN_FLIP"] = 4] = "COIN_FLIP";
-    TransitionAnimationTypes[TransitionAnimationTypes["CUSTOM"] = 5] = "CUSTOM";
-})(TransitionAnimationTypes = exports.TransitionAnimationTypes || (exports.TransitionAnimationTypes = {}));
-exports.default = (0, react_1.forwardRef)(Transition);
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TransitionAnimationTypes = void 0;
+const react_1 = __importStar(require("react"));
+const Transition_module_scss_1 = __importDefault(require("./Transition.module.scss"));
+function TransitionClasses(type) {
+    switch (type) {
+        case TransitionAnimationTypes.COIN_FLIP:
+            return {
+                backward: {
+                    elementExiting: Transition_module_scss_1.default.flipBottomUpOut,
+                    elementEntering: Transition_module_scss_1.default.flipBottomUpIn,
+                },
+                forward: {
+                    elementExiting: Transition_module_scss_1.default.flipBottomUpOut,
+                    elementEntering: Transition_module_scss_1.default.flipBottomUpIn,
+                },
+            };
+        case TransitionAnimationTypes.FADE:
+            return {
+                backward: {
+                    elementExiting: Transition_module_scss_1.default.fadeOutAbsolute,
+                    elementEntering: Transition_module_scss_1.default.fadeInDelayed,
+                },
+                forward: {
+                    elementExiting: Transition_module_scss_1.default.fadeOutAbsolute,
+                    elementEntering: Transition_module_scss_1.default.fadeInDelayed,
+                },
+            };
+        case TransitionAnimationTypes.SLIDE:
+            return {
+                backward: {
+                    elementEntering: Transition_module_scss_1.default.entranceLeft,
+                    elementExiting: "",
+                },
+                forward: {
+                    elementEntering: "",
+                    elementExiting: Transition_module_scss_1.default.exitLeft,
+                },
+            };
+        case TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN:
+        case TransitionAnimationTypes.POP_FROM_ELEMENT_ID:
+            return {
+                backward: {
+                    elementEntering: Transition_module_scss_1.default.fadeIn,
+                    elementExiting: Transition_module_scss_1.default.scaleOut,
+                },
+                forward: {
+                    elementEntering: Transition_module_scss_1.default.scaleIn,
+                    elementExiting: Transition_module_scss_1.default.fadeOut,
+                },
+            };
+    }
+}
+function ChildrenWrapperFactory(func, key) {
+    func.associatedKey = key;
+    return func;
+}
+/**
+ * Handles the transition between multiple children and recycling of elements
+ **/
+function Transition(_a, _containerRef) {
+    var { step, contentStyle, contentClassName = "", children, className, onDiscardStep, lockTransitionWidth = false } = _a, props = __rest(_a, ["step", "contentStyle", "contentClassName", "children", "className", "onDiscardStep", "lockTransitionWidth"]);
+    const containerRef = (0, react_1.useMemo)(() => _containerRef || (0, react_1.createRef)(), [_containerRef]);
+    const preTransitionDetails = (0, react_1.useRef)({
+        transformOrigin: "initial",
+    });
+    const [childrenWrappers, setChildrenWrappers] = (0, react_1.useState)(() => {
+        const func = ChildrenWrapperFactory(({ children }) => {
+            var _a;
+            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));
+        }, children[step].key || step);
+        return [func];
+    });
+    const prevStep = (0, react_1.useRef)(step);
+    const prevChild = (0, react_1.useRef)(children[step]);
+    (0, react_1.useEffect)(() => () => {
+        prevChild.current = children[step];
+    });
+    (0, react_1.useEffect)(() => {
+        var _a, _b, _c, _d, _e;
+        containerRef.current.style.overflow = "hidden";
+        const transitionClasses = props.transitionType === TransitionAnimationTypes.CUSTOM
+            ? props.config
+            : TransitionClasses(props.transitionType || TransitionAnimationTypes.SLIDE);
+        if (prevChild.current !== null &&
+            ((_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
+        ) {
+            return () => {
+                prevStep.current = step;
+            };
+        }
+        const key = ((_c = children[step]) === null || _c === void 0 ? void 0 : _c.key) || step;
+        if (prevStep.current !== step && lockTransitionWidth)
+            containerRef.current.style.width = `${containerRef.current.clientWidth}px`;
+        /** This runs on backwards */
+        if (prevStep.current > step) {
+            const stepToRemove = prevStep.current;
+            const prevKeyToRemove = ((_d = prevChild.current) === null || _d === void 0 ? void 0 : _d.key) || stepToRemove;
+            setChildrenWrappers((screensBeforeChangingStep) => {
+                const enteringScreenRef = (0, react_1.createRef)();
+                const [FirstNextScreen, ...restOfScreens] = screensBeforeChangingStep.filter((a) => (a === null || a === void 0 ? void 0 : a.associatedKey) !== String(key));
+                /** Cloned so I can change the animation to exiting */
+                const clonedFirst = FirstNextScreen
+                    ? ChildrenWrapperFactory(({ children }) => {
+                        return (react_1.default.createElement("div", { "data-testid": "transition-container", style: contentStyle, className: `${transitionClasses.backward.elementExiting}` }, children));
+                    }, FirstNextScreen.associatedKey)
+                    : ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "");
+                function animationEndListener(element) {
+                    var _a, _b;
+                    const isAnimationFromExpectedState = (_a = enteringScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.contains(transitionClasses.backward.elementEntering);
+                    (_b = enteringScreenRef.current) === null || _b === void 0 ? void 0 : _b.classList.remove(transitionClasses.backward.elementEntering);
+                    setChildrenWrappers((screensAfterTheCurrentStepEntered) => {
+                        if (onDiscardStep) {
+                            if (isAnimationFromExpectedState)
+                                onDiscardStep(prevKeyToRemove);
+                            if (FirstNextScreen)
+                                onDiscardStep(FirstNextScreen.associatedKey);
+                        }
+                        return screensAfterTheCurrentStepEntered.filter((s) => (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove) &&
+                            (FirstNextScreen
+                                ? (s === null || s === void 0 ? void 0 : s.associatedKey) !== FirstNextScreen.associatedKey
+                                : true));
+                    });
+                    element.currentTarget.removeEventListener("animationend", animationEndListener);
+                }
+                const newWrapper = ChildrenWrapperFactory(({ children }) => {
+                    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));
+                }, key);
+                if (FirstNextScreen)
+                    return [newWrapper, clonedFirst, ...restOfScreens];
+                else
+                    return [newWrapper];
+            });
+        }
+        else if (prevStep.current < step) {
+            const stepToDelete = prevStep.current;
+            const prevKeyToRemove = String(((_e = prevChild.current) === null || _e === void 0 ? void 0 : _e.key) || stepToDelete);
+            setChildrenWrappers((screensBeforeChangingStep) => {
+                const lastIndex = screensBeforeChangingStep.length - 1;
+                const lastWrapper = screensBeforeChangingStep[lastIndex];
+                const nextScreenRef = (0, react_1.createRef)();
+                const clonedLast = lastWrapper
+                    ? ChildrenWrapperFactory(({ children }) => {
+                        return (react_1.default.createElement("div", { "data-testid": "transition-container", style: contentStyle, className: `${contentClassName} ${transitionClasses.forward.elementExiting}`, onAnimationEnd: (e) => {
+                                var _a;
+                                if (e.target !== e.currentTarget)
+                                    return;
+                                if (transitionClasses.forward.elementEntering)
+                                    (_a = nextScreenRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(transitionClasses.forward.elementEntering);
+                                if (onDiscardStep)
+                                    onDiscardStep(prevKeyToRemove);
+                                setChildrenWrappers((screensAfterTheCurrentStepEntered) => {
+                                    const nextState = screensAfterTheCurrentStepEntered.filter((s) => {
+                                        const shouldMantain = (s === null || s === void 0 ? void 0 : s.associatedKey) !== String(prevKeyToRemove);
+                                        return shouldMantain;
+                                    });
+                                    return nextState;
+                                });
+                            } }, children));
+                    }, lastWrapper.associatedKey)
+                    : ChildrenWrapperFactory(() => react_1.default.createElement(react_1.default.Fragment, null), "fallback");
+                const newWrapper = ChildrenWrapperFactory(({ children }) => {
+                    return (react_1.default.createElement("div", { ref: nextScreenRef, "data-testid": "transition-container", key: key, style: Object.assign({}, contentStyle), className: `${contentClassName} ${transitionClasses.forward.elementEntering}` }, children));
+                }, key);
+                return [
+                    ...screensBeforeChangingStep.slice(0, lastIndex),
+                    clonedLast,
+                    newWrapper,
+                ];
+            });
+        }
+        return () => {
+            prevStep.current = step;
+        };
+    }, [step]);
+    (0, react_1.useEffect)(() => {
+        if (childrenWrappers.length === 1 && lockTransitionWidth)
+            containerRef.current.style.width = "";
+    }, [childrenWrappers.length !== 1]);
+    (0, react_1.useEffect)(() => {
+        if (props.transitionType === TransitionAnimationTypes.POP_FROM_ELEMENT_ID &&
+            "elementId" in props) {
+            const element = document.querySelector(`#${props.elementId}`);
+            if (element) {
+                const { clientWidth, clientHeight } = containerRef.current;
+                const offsetX = element.clientLeft + element.offsetLeft + element.clientWidth / 2;
+                const offsetY = element.clientTop + element.offsetTop + element.clientHeight / 2;
+                const percentX = (offsetX * 100) / clientWidth;
+                const percentY = (offsetY * 100) / clientHeight;
+                preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
+                Object.assign(containerRef.current.style, {
+                    transformOrigin: `${percentX}% ${percentY}%`,
+                });
+            }
+        }
+        else {
+            Object.assign(containerRef.current.style, preTransitionDetails.current);
+        }
+        if (childrenWrappers.length === 1) {
+            containerRef.current.style.overflow = "";
+        }
+    }, [childrenWrappers.length]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("section", { onClick: ({ currentTarget: { offsetTop, offsetLeft, clientWidth, clientHeight }, clientX, clientY, }) => {
+                const offsetX = clientX - offsetLeft;
+                const offsetY = clientY - offsetTop;
+                const percentX = (offsetX * 100) / clientWidth;
+                const percentY = (offsetY * 100) / clientHeight;
+                if (props.transitionType ===
+                    TransitionAnimationTypes.POP_FROM_ELEMENT_ID ||
+                    props.transitionType ===
+                        TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN)
+                    preTransitionDetails.current.transformOrigin = `${percentX}% ${percentY}%`;
+            }, "data-testid": "transition-controller", ref: containerRef, className: `${Transition_module_scss_1.default.section} ${className}` }, childrenWrappers.map((Wrapper) => {
+            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));
+            return (react_1.default.createElement(Wrapper, { key: Wrapper === null || Wrapper === void 0 ? void 0 : Wrapper.associatedKey },
+                react_1.default.createElement(react_1.default.Fragment, null, childToRender)));
+        }))));
+}
+var TransitionAnimationTypes;
+(function (TransitionAnimationTypes) {
+    TransitionAnimationTypes[TransitionAnimationTypes["SLIDE"] = 0] = "SLIDE";
+    TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_CLICK_ORIGIN"] = 1] = "POP_FROM_CLICK_ORIGIN";
+    TransitionAnimationTypes[TransitionAnimationTypes["POP_FROM_ELEMENT_ID"] = 2] = "POP_FROM_ELEMENT_ID";
+    TransitionAnimationTypes[TransitionAnimationTypes["FADE"] = 3] = "FADE";
+    TransitionAnimationTypes[TransitionAnimationTypes["COIN_FLIP"] = 4] = "COIN_FLIP";
+    TransitionAnimationTypes[TransitionAnimationTypes["CUSTOM"] = 5] = "CUSTOM";
+})(TransitionAnimationTypes = exports.TransitionAnimationTypes || (exports.TransitionAnimationTypes = {}));
+exports.default = (0, react_1.forwardRef)(Transition);
 //# sourceMappingURL=Transition.js.map

package/dist/components/Transition/Transition.js.map

@@ -1 +1 @@
-{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Transition.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.tsx"],"names":[],"mappings":"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"}

package/dist/components/Transition/Transition.stories.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-declare const _default: {
-    component: React.ForwardRefExoticComponent<import("./Transition").TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<import("./Transition").TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
-};
+import React from "react";
+declare const _default: {
+    component: React.ForwardRefExoticComponent<import("./Transition").TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<import("./Transition").TransitionProps & React.RefAttributes<HTMLDivElement | null>>;
+};