@onepercentio/one-ui 0.8.4 → 0.8.5-beta.10

package/dist/components/Transition/Transition.stories.js

@@ -1,29 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InitialImplementation = void 0;
-const react_1 = __importDefault(require("react"));
-const Text_1 = __importDefault(require("../Text"));
-const Transition_1 = __importDefault(require("./Transition"));
-exports.default = {
-    component: Transition_1.default,
-    title: "Transitor de elementos",
-};
-const InitialImplementation = (args) => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(Transition_1.default, Object.assign({}, args),
-        react_1.default.createElement("div", { style: { backgroundColor: "red" } },
-            react_1.default.createElement(Text_1.default, { style: { padding: 48, textAlign: "center" }, type: "title" }, "Etapa 1")),
-        react_1.default.createElement("div", { style: { backgroundColor: "green" } },
-            react_1.default.createElement(Text_1.default, { style: { padding: 48, textAlign: "center" }, type: "title" }, "Etapa 2")),
-        react_1.default.createElement("div", { style: { backgroundColor: "blue" } },
-            react_1.default.createElement(Text_1.default, { style: { padding: 48, textAlign: "center" }, type: "title" }, "Etapa 3")),
-        react_1.default.createElement("div", { style: { backgroundColor: "yellow" } },
-            react_1.default.createElement(Text_1.default, { style: { padding: 48, textAlign: "center" }, type: "title" }, "Etapa 4"))),
-    react_1.default.createElement("h1", null, "Controle o elemento atual pelos controles abaixo, existem 4 etapas")));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {
-    step: 0,
-};
-//# sourceMappingURL=Transition.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Transition.stories.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,mDAA2B;AAC3B,8DAAsC;AAEtC,kBAAe;IACb,SAAS,EAAE,oBAAU;IACrB,KAAK,EAAE,wBAAwB;CAChC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE,CAAC,CAClD;IACE,8BAAC,oBAAU,oBAAK,IAAI;QAClB,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE;YACpC,8BAAC,cAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAC,OAAO,cAExD,CACH;QACN,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,EAAE;YACtC,8BAAC,cAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAC,OAAO,cAExD,CACH;QACN,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE;YACrC,8BAAC,cAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAC,OAAO,cAExD,CACH;QACN,uCAAK,KAAK,EAAE,EAAE,eAAe,EAAE,QAAQ,EAAE;YACvC,8BAAC,cAAI,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,IAAI,EAAC,OAAO,cAExD,CACH,CACK;IACb,+GAA2E,CAC1E,CACJ,CAAC;AA1BW,QAAA,qBAAqB,yBA0BhC;AACF,6BAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,CAAC;CAC4C,CAAC"}

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

@@ -1 +0,0 @@
-export {};

package/dist/components/Transition/Transition.test.js

@@ -1,55 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const react_2 = require("@testing-library/react");
-const Transition_stories_1 = require("./Transition.stories");
-const utils_1 = require("../../__test__/utils");
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, Object.assign({}, props)));
-}
-it("Should at least render :)", () => {
-    renderScreen({ step: 0 });
-});
-it("Should not break this crazy logic", () => __awaiter(void 0, void 0, void 0, function* () {
-    const wrapper = (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 0 }));
-    wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 1 }));
-    wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 2 }));
-    wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 3 }));
-    wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { step: 2 }));
-    const [el3WhenGoinBack, el1, el2] = wrapper.getAllByTestId("transition-container");
-    expect(wrapper.container.textContent).toMatchSnapshot();
-    const event = new Event("animationend");
-    event.initEvent("animationend", true, true);
-    el1.dispatchEvent(event);
-    expect(wrapper.container.textContent).toMatchSnapshot();
-    el2.dispatchEvent(event);
-    expect(wrapper.container.textContent).toMatchSnapshot();
-    el3WhenGoinBack.dispatchEvent(event);
-    expect(wrapper.container.textContent).toMatchSnapshot();
-}));
-it("Should lock the current width when transitioning", () => __awaiter(void 0, void 0, void 0, function* () {
-    const wrapper = (0, react_2.render)(react_1.default.createElement(Transition_stories_1.InitialImplementation, { lockTransitionWidth: true, step: 0 }));
-    const el = wrapper.getByTestId("transition-controller");
-    expect(el.style.width).toEqual("");
-    wrapper.rerender(react_1.default.createElement(Transition_stories_1.InitialImplementation, { lockTransitionWidth: true, step: 1 }));
-    expect(el.style.width).toEqual("0px");
-    const [el1] = wrapper.getAllByTestId("transition-container");
-    const event = new Event("animationend");
-    event.initEvent("animationend", true, true);
-    el1.dispatchEvent(event);
-    yield (0, utils_1.WaitTimeout)();
-    expect(el.style.width).toEqual("");
-}));
-//# sourceMappingURL=Transition.test.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Transition.test.js","sourceRoot":"","sources":["../../../src/components/Transition/Transition.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,kDAAgD;AAEhD,6DAA0E;AAC1E,gDAAmD;AAEnD,SAAS,YAAY,CAAC,KAA6C;IACjE,OAAO,IAAA,cAAM,EAAC,8BAAC,0CAAS,oBAAK,KAAK,EAAI,CAAC,CAAC;AAC1C,CAAC;AAED,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACnC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5B,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;IACjD,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,8BAAC,0CAAS,IAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;IAE/C,OAAO,CAAC,QAAQ,CAAC,8BAAC,0CAAS,IAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;IACzC,OAAO,CAAC,QAAQ,CAAC,8BAAC,0CAAS,IAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;IACzC,OAAO,CAAC,QAAQ,CAAC,8BAAC,0CAAS,IAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;IACzC,OAAO,CAAC,QAAQ,CAAC,8BAAC,0CAAS,IAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;IACzC,MAAM,CAAC,eAAe,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,OAAO,CAAC,cAAc,CACxD,sBAAsB,CACH,CAAC;IACtB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,CAAC;IACxD,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5C,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,CAAC;IACxD,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,CAAC;IACxD,eAAe,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACrC,MAAM,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,eAAe,EAAE,CAAC;AAC1D,CAAC,CAAA,CAAC,CAAC;AAEH,EAAE,CAAC,kDAAkD,EAAE,GAAS,EAAE;IAChE,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,8BAAC,0CAAS,IAAC,mBAAmB,QAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;IACnE,MAAM,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC;IACxD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;IACnC,OAAO,CAAC,QAAQ,CAAC,8BAAC,0CAAS,IAAC,mBAAmB,QAAC,IAAI,EAAE,CAAC,GAAI,CAAC,CAAC;IAC7D,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,CAAC,cAAc,CAClC,sBAAsB,CACH,CAAC;IACtB,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,CAAC,SAAS,CAAC,cAAc,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAC5C,GAAG,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,MAAM,IAAA,mBAAW,GAAE,CAAC;IACpB,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACrC,CAAC,CAAA,CAAC,CAAC"}

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

@@ -1,33 +0,0 @@
-import React, { ComponentProps } from "react";
-import UncontrolledTransition from ".";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<({
-        className?: string | undefined;
-        contentClassName?: string | undefined;
-        children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-        lockTransitionWidth?: boolean | undefined;
-        onDiscardStep?: ((key: React.Key) => void) | undefined;
-    } & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
-        setOrientation: (orientation: "forward" | "backward") => void;
-        sectionRef: React.RefObject<HTMLDivElement>;
-    }>>;
-};
-export default _default;
-export declare const ClickBasedTransition: {
-    (args: ComponentProps<typeof UncontrolledTransition>): JSX.Element;
-    args: ({
-        className?: string | undefined;
-        contentClassName?: string | undefined;
-        children?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-        lockTransitionWidth?: boolean | undefined;
-        onDiscardStep?: ((key: React.Key) => void) | undefined;
-    } & Pick<import("../Transition/Transition").TransitionProps, "contentStyle"> & import("../Transition/Transition").TransitionTypeDefinitions) & React.RefAttributes<{
-        setOrientation: (orientation: "forward" | "backward") => void;
-        sectionRef: React.RefObject<HTMLDivElement>;
-    }>;
-};
-export declare const AnchorBasedTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
-export declare const FadeTransition: (args: ComponentProps<typeof UncontrolledTransition>) => JSX.Element;
-export declare const CoinFlip: () => JSX.Element;
-export declare const BUGFIX_BackwardsInconsistency: () => JSX.Element;

package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js

@@ -1,225 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BUGFIX_BackwardsInconsistency = exports.CoinFlip = exports.FadeTransition = exports.AnchorBasedTransition = exports.ClickBasedTransition = void 0;
-const react_1 = __importStar(require("react"));
-const _1 = __importDefault(require("."));
-const Button_1 = __importDefault(require("../Button"));
-const Transition_1 = require("../Transition/Transition");
-const UncontrolledTransition_stories_module_scss_1 = __importDefault(require("./UncontrolledTransition.stories.module.scss"));
-exports.default = {
-    title: "Uncontrolled Transition",
-    component: _1.default,
-};
-const ClickBasedTransition = (args) => {
-    const transRef = (0, react_1.useRef)(null);
-    const [nextPage, setNextPage] = (0, react_1.useState)(false);
-    const CurrentPage = () => {
-        if (!nextPage)
-            return (react_1.default.createElement(react_1.default.Fragment, { key: "currPage" },
-                react_1.default.createElement("h1", { style: {
-                        display: "flex",
-                    } },
-                    "Current page",
-                    " ",
-                    react_1.default.createElement("button", { onClick: () => setNextPage((a) => !a), style: { marginLeft: "auto" } }, "Click me to see a cool effect")),
-                react_1.default.createElement("button", { onClick: () => setNextPage((a) => !a), style: { marginRight: "auto" } }, "Hehe"),
-                react_1.default.createElement("h2", null, "Another text"),
-                react_1.default.createElement("button", { onClick: () => setNextPage((a) => !a), style: { margin: "auto" } }, "Or me")));
-        else
-            return (react_1.default.createElement(react_1.default.Fragment, { key: "nextPage" },
-                react_1.default.createElement("h1", { style: {
-                        display: "flex",
-                    } },
-                    "Next page",
-                    " ",
-                    react_1.default.createElement("button", { onClick: () => {
-                            setNextPage((a) => !a);
-                            transRef.current.setOrientation("backward");
-                        }, style: { marginLeft: "auto" } }, "Click me to see a cool effect")),
-                react_1.default.createElement("button", { onClick: () => {
-                        setNextPage((a) => !a);
-                        transRef.current.setOrientation("backward");
-                    }, style: { marginRight: "auto" } }, "Hehe"),
-                react_1.default.createElement("h2", null, "Another text"),
-                react_1.default.createElement("button", { onClick: () => {
-                        setNextPage((a) => !a);
-                        transRef.current.setOrientation("backward");
-                    }, style: { margin: "auto" } }, "Or me")));
-    };
-    return (react_1.default.createElement("div", { style: {
-            backgroundColor: "red",
-            padding: "250px",
-        } },
-        react_1.default.createElement(_1.default, Object.assign({ ref: transRef, transitionType: Transition_1.TransitionAnimationTypes.POP_FROM_CLICK_ORIGIN, contentStyle: {
-                backgroundColor: "white",
-            } }, args), CurrentPage())));
-};
-exports.ClickBasedTransition = ClickBasedTransition;
-const AnchorBasedTransition = (args) => {
-    const transRef = (0, react_1.useRef)(null);
-    const [nextPage, setNextPage] = (0, react_1.useState)(false);
-    const CurrentPage = () => {
-        if (!nextPage)
-            return (react_1.default.createElement(react_1.default.Fragment, { key: "currPage" },
-                react_1.default.createElement("div", { className: UncontrolledTransition_stories_module_scss_1.default.animatedContainer, style: {
-                        width: 100,
-                        height: 100,
-                        color: "white",
-                        backgroundColor: "black",
-                        animationDelay: `${-(Date.now() % 5000)}ms`,
-                    }, id: "anchor" }, "Anchor only present on page 1"),
-                react_1.default.createElement("button", { onClick: () => setNextPage((a) => !a), style: { margin: "auto" } }, "Click me")));
-        else
-            return (react_1.default.createElement(react_1.default.Fragment, { key: "nextPage" },
-                react_1.default.createElement("h1", { style: {
-                        display: "flex",
-                    } },
-                    "Now here comes the cool part",
-                    " "),
-                react_1.default.createElement("button", { onClick: () => {
-                        setNextPage((a) => !a);
-                        transRef.current.setOrientation("backward");
-                    }, style: { marginLeft: "auto" } }, "Click me to go back even though the anchor does not exists anymore")));
-    };
-    return (react_1.default.createElement("div", { style: {
-            backgroundColor: "red",
-            padding: "250px",
-        } },
-        react_1.default.createElement(_1.default, Object.assign({ ref: transRef, transitionType: Transition_1.TransitionAnimationTypes.POP_FROM_ELEMENT_ID, elementId: "anchor", contentStyle: {
-                backgroundColor: "white",
-            } }, args), CurrentPage())));
-};
-exports.AnchorBasedTransition = AnchorBasedTransition;
-const FadeTransition = (args) => {
-    const transRef = (0, react_1.useRef)(null);
-    const [nextPage, setNextPage] = (0, react_1.useState)(false);
-    const CurrentPage = () => {
-        if (!nextPage)
-            return (react_1.default.createElement(react_1.default.Fragment, { key: "currPage" },
-                react_1.default.createElement("h1", null, "First page"),
-                react_1.default.createElement("button", { onClick: () => setNextPage((a) => !a), style: { margin: "auto" } }, "Change page")));
-        else
-            return (react_1.default.createElement(react_1.default.Fragment, { key: "nextPage" },
-                react_1.default.createElement("h1", null, "Second page"),
-                react_1.default.createElement("button", { onClick: () => {
-                        setNextPage((a) => !a);
-                        transRef.current.setOrientation("backward");
-                    }, style: { margin: "auto" } }, "Click me to go back")));
-    };
-    return (react_1.default.createElement("div", { style: {
-            backgroundColor: "red",
-            padding: "250px",
-        } },
-        react_1.default.createElement(_1.default, Object.assign({ ref: transRef, transitionType: Transition_1.TransitionAnimationTypes.FADE, contentStyle: {
-                backgroundColor: "white",
-            } }, args), CurrentPage())));
-};
-exports.FadeTransition = FadeTransition;
-const firstEmoji = 0x1f604;
-const emojisCount = 0x1f64f - firstEmoji;
-function CoinFlipItem() {
-    const [flippedTheCoin, setFlipped] = (0, react_1.useState)(() => Math.random() > 0.5);
-    const [head, setHead] = (0, react_1.useState)((0 + Math.floor(99 * Math.random())).toString());
-    const [tails, setTails] = (0, react_1.useState)(String.fromCodePoint(firstEmoji + Math.floor(emojisCount * Math.random())));
-    (0, react_1.useEffect)(() => {
-        setTimeout(() => {
-            setFlipped((prev) => !prev);
-        }, 500 + Math.random() * 2000);
-        return () => {
-            if (flippedTheCoin)
-                setHead((0 + Math.floor(99 * Math.random())).toString());
-            else
-                setTails(String.fromCodePoint(firstEmoji + Math.floor(emojisCount * Math.random())));
-        };
-    }, [flippedTheCoin]);
-    const CoinSide = () => (react_1.default.createElement("div", { onClick: () => {
-            setFlipped((prev) => !prev);
-        }, style: {
-            cursor: "pointer",
-            width: "100px",
-            height: "100px",
-            borderRadius: "50px",
-            backgroundColor: flippedTheCoin ? "red" : "green",
-            fontSize: "60px",
-            textAlign: "center",
-            lineHeight: "100px",
-            position: "relative",
-        } }, !flippedTheCoin ? head : tails));
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(_1.default, { transitionType: Transition_1.TransitionAnimationTypes.COIN_FLIP, className: UncontrolledTransition_stories_module_scss_1.default.resetHeight },
-            react_1.default.createElement(CoinSide, { key: !flippedTheCoin ? "heads" : "tail" }))));
-}
-const CoinFlip = () => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("h1", null, "This story displays the animation of flipping between two elements on html"),
-        react_1.default.createElement("h2", null, "This is more usefull with square elements"),
-        react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", position: "relative" } }, new Array(100).fill(undefined).map(() => (react_1.default.createElement(CoinFlipItem, null))))));
-};
-exports.CoinFlip = CoinFlip;
-const BUGFIX_BackwardsInconsistency = () => {
-    const [number, setNumber] = (0, react_1.useState)(10);
-    const ref = (0, react_1.useRef)(null);
-    const prev = (0, react_1.useRef)(number);
-    (0, react_1.useLayoutEffect)(() => {
-        var _a;
-        // Here is some logic that decides on demand if it should go backwards or not
-        if (number < prev.current)
-            (_a = ref.current) === null || _a === void 0 ? void 0 : _a.setOrientation("backward");
-        prev.current = number;
-    }, [number]);
-    return (react_1.default.createElement("div", null,
-        react_1.default.createElement(_1.default, { transitionType: Transition_1.TransitionAnimationTypes.CUSTOM, config: {
-                backward: {
-                    elementExiting: UncontrolledTransition_stories_module_scss_1.default.outOfTheWay,
-                    elementEntering: UncontrolledTransition_stories_module_scss_1.default.fadeIn,
-                },
-                forward: {
-                    elementExiting: UncontrolledTransition_stories_module_scss_1.default.fadeOut,
-                    elementEntering: "",
-                },
-            }, ref: ref },
-            react_1.default.createElement("h1", { key: String(number) },
-                "N\u00FAmero ",
-                number)),
-        react_1.default.createElement(Button_1.default, { onClick: () => {
-                setNumber((prev) => prev - 1);
-            } }, "Go back with backwards inside useEffect (bugged as hell)"),
-        react_1.default.createElement(Button_1.default, { onClick: () => {
-                var _a;
-                (_a = ref.current) === null || _a === void 0 ? void 0 : _a.setOrientation("backward");
-                setNumber((prev) => prev - 1);
-            } },
-            "Go back setting backward ",
-            react_1.default.createElement("b", null, "before"),
-            " next screen (works fine)"),
-        react_1.default.createElement(Button_1.default, { onClick: () => setNumber((prev) => prev + 1) }, "Go forward")));
-};
-exports.BUGFIX_BackwardsInconsistency = BUGFIX_BackwardsInconsistency;
-exports.ClickBasedTransition.args = {};
-//# sourceMappingURL=UncontrolledTransition.stories.js.map

package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.js.map

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

package/dist/components/UncontrolledTransition/UncontrolledTransition.stories.module.scss

@@ -1,66 +0,0 @@
-.animatedContainer {
-  position: relative;
-  animation-name: pingpong;
-  animation-duration: 5s;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-}
-
-.resetHeight {
-  min-height: initial;
-}
-
-@keyframes pingpong {
-  0% {
-    left: 0%;
-  }
-
-  50% {
-    left: calc(100% - 100px);
-  }
-
-  100% {
-    left: 0%;
-  }
-}
-.fadeOut {
-  animation: fadeOutAnimation;
-  animation-duration: 2s !important;
-  animation-timing-function: linear;
-  position: absolute;
-}
-.outOfTheWay {
-  animation: fadeOutAnimation;
-  animation-duration: 2s !important;
-  animation-timing-function: linear;
-  position: absolute;
-}
-.fadeIn {
-  animation: fadeIn;
-  animation-duration: 2s !important;
-  animation-timing-function: linear;
-}
-
-@keyframes fadeIn {
-  0% {
-    background-color: green;
-    opacity: 0;
-  }
-
-  100% {
-    background-color: green;
-    opacity: 1;
-  }
-}
-
-@keyframes fadeOutAnimation {
-  0% {
-    background-color: red;
-    opacity: 1;
-  }
-
-  100% {
-    background-color: red;
-    opacity: 0;
-  }
-}

package/dist/components/UncontrolledTransition/UncontrolledTransition.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js

@@ -1,135 +0,0 @@
-"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const react_2 = require("@testing-library/react");
-const UncontrolledTransition_1 = __importDefault(require("./UncontrolledTransition"));
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(UncontrolledTransition_1.default, Object.assign({}, props)));
-}
-const spyOnTransitionContructor = jest.spyOn(require("../Transition"), "default");
-describe("Bugfix", () => {
-    it("Should render correctly when multiple backwards", () => {
-        const ref = {
-            current: null,
-        };
-        const event = new Event("animationend");
-        event.initEvent("animationend", true, true);
-        function BugWrapper({ shouldEffectBackwards, txt, }) {
-            (0, react_1.useLayoutEffect)(() => {
-                if (shouldEffectBackwards)
-                    ref.current.setOrientation("backward");
-            }, [shouldEffectBackwards, txt]);
-            return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-                react_1.default.createElement("h1", { key: txt }, txt)));
-        }
-        const wrapper = (0, react_2.render)(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "1" }));
-        wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "0" }));
-        expect(wrapper.container.textContent).toEqual("01");
-        function finishFirst() {
-            const [firstStepEl] = wrapper.getAllByTestId("transition-container");
-            firstStepEl.dispatchEvent(event);
-        }
-        finishFirst();
-        expect(wrapper.container.textContent).toEqual("0");
-        wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "-1" }));
-        expect(wrapper.container.textContent).toEqual("-10");
-        finishFirst();
-        expect(wrapper.container.textContent).toEqual("-1");
-    });
-});
-it("Should work with backwards", () => __awaiter(void 0, void 0, void 0, function* () {
-    const ref = {
-        current: null,
-    };
-    function BugWrapper({ shouldEffectBackwards, txt, }) {
-        (0, react_1.useLayoutEffect)(() => {
-            if (shouldEffectBackwards)
-                ref.current.setOrientation("backward");
-        }, [shouldEffectBackwards]);
-        return (react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-            react_1.default.createElement("h1", { key: txt }, txt)));
-    }
-    const wrapper = (0, react_2.render)(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "First step" }));
-    wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: true, txt: "Zero" }));
-    expect(wrapper.container.textContent).toEqual("ZeroFirst step");
-    wrapper.rerender(react_1.default.createElement(BugWrapper, { shouldEffectBackwards: false, txt: "Third screen" }));
-    // This is a bug that will be fixed in the future
-    // expect(wrapper.container.textContent).toEqual("ZeroFirst stepThird screen");
-}));
-it("Should transition only when the child changes", () => __awaiter(void 0, void 0, void 0, function* () {
-    const ref = {
-        current: null,
-    };
-    const event = new Event("animationend");
-    event.initEvent("animationend", true, true);
-    const wrapper = (0, react_2.render)(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "1" }, "First step")));
-    expect(wrapper.container.textContent).toEqual("First step");
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "2" }, "Second step")));
-    expect(wrapper.container.textContent).toEqual("First stepSecond step");
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "2" }, "Second step")));
-    expect(wrapper.container.textContent).toEqual("First stepSecond step");
-    const [firstStepEl] = wrapper.getAllByTestId("transition-container");
-    firstStepEl.dispatchEvent(event);
-    expect(wrapper.container.textContent).toEqual("Second step");
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "3" }, "Third step")));
-    expect(spyOnTransitionContructor).toHaveBeenLastCalledWith(expect.objectContaining({
-        step: 1,
-        children: expect.arrayContaining([
-            expect.objectContaining({ key: "2" }),
-            expect.objectContaining({ key: "3" }),
-        ]),
-    }), expect.anything());
-    expect(wrapper.container.textContent).toEqual("Second stepThird step");
-    const [secondStepEl] = wrapper.getAllByTestId("transition-container");
-    secondStepEl.dispatchEvent(event);
-    expect(wrapper.container.textContent).toEqual("Third step");
-    (0, react_2.act)(() => {
-        ref.current.setOrientation("backward");
-    });
-    wrapper.rerender(react_1.default.createElement(UncontrolledTransition_1.default, { ref: ref },
-        react_1.default.createElement("h1", { key: "2" }, "Second step")));
-    expect(wrapper.container.textContent).toEqual("Second stepThird step");
-    const [secondStepEl2] = wrapper.getAllByTestId("transition-container");
-    secondStepEl2.dispatchEvent(event);
-    expect(wrapper.container.textContent).toEqual("Second step");
-}));
-//# sourceMappingURL=UncontrolledTransition.test.js.map

package/dist/components/UncontrolledTransition/UncontrolledTransition.test.js.map

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