npm - @onepercentio/one-ui - Versions diffs - 0.3.0 → 0.5.1 - Mend

@onepercentio/one-ui 0.3.0 → 0.5.1

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.

Files changed (111) hide show

package/cypress/support/{commands.js → commands.ts} RENAMED Viewed

@@ -1,5 +1,7 @@
+/// <reference types="cypress" />
+import "@muritavo/cypress-toolkit/dist/support/essentials"
 // ***********************************************
-// This example commands.js shows you how to
+// This example commands.ts shows you how to
 // create various custom commands and overwrite
 // existing commands.
 //
@@ -23,3 +25,14 @@
 //
 // -- This will overwrite an existing command --
 // Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
+//
+// declare global {
+//   namespace Cypress {
+//     interface Chainable {
+//       login(email: string, password: string): Chainable<void>
+//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
+//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
+//     }
+//   }
+// }

package/cypress/support/component-index.html ADDED Viewed

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <title>Components App</title>
+  </head>
+  <body>
+    <div data-cy-root></div>
+  </body>
+</html>

package/cypress/support/component.ts ADDED Viewed

@@ -0,0 +1,39 @@
+// ***********************************************************
+// This example support/component.ts is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+// Import commands.js using ES2015 syntax:
+import './commands'
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
+import { mount } from 'cypress/react'
+// Augment the Cypress namespace to include type definitions for
+// your custom command.
+// Alternatively, can be defined in cypress/support/component.d.ts
+// with a <reference path="./component" /> at the top of your spec.
+declare global {
+  namespace Cypress {
+    interface Chainable {
+      mount: typeof mount
+    }
+  }
+}
+Cypress.Commands.add('mount', mount)
+// Example use:
+// cy.mount(<MyComponent />)

package/cypress/support/{index.js → e2e.js} RENAMED Viewed

File without changes

package/dist/components/AdaptiveButton/AdaptiveButton.js CHANGED Viewed

@@ -54,22 +54,24 @@ function AdaptiveButton(_a) {
         if (sectionDiv)
             sectionDiv.style.width = `${sectionDiv.clientWidth}px`;
         setTimeout(() => {
-            const sectionDiv = uncontrolledRef.current.sectionRef.current;
-            if (sectionDiv) {
-                const lastChild = sectionDiv.lastChild;
-                if (lastChild) {
-                    const contentWidth = lastChild.clientWidth;
-                    const targetWidth = `${contentWidth}px`;
-                    sectionDiv.style.width = targetWidth;
-                    function transEnd() {
-                        setTimeout(() => {
-                            if ((sectionDiv === null || sectionDiv === void 0 ? void 0 : sectionDiv.style.width) === `${contentWidth}px`)
-                                sectionDiv.style.width = "";
-                        }, 100);
-                        if (sectionDiv)
-                            sectionDiv.removeEventListener("transitionend", transEnd);
+            if (uncontrolledRef.current) {
+                const sectionDiv = uncontrolledRef.current.sectionRef.current;
+                if (sectionDiv) {
+                    const lastChild = sectionDiv.lastChild;
+                    if (lastChild) {
+                        const contentWidth = lastChild.clientWidth;
+                        const targetWidth = `${contentWidth}px`;
+                        sectionDiv.style.width = targetWidth;
+                        function transEnd() {
+                            setTimeout(() => {
+                                if ((sectionDiv === null || sectionDiv === void 0 ? void 0 : sectionDiv.style.width) === `${contentWidth}px`)
+                                    sectionDiv.style.width = "";
+                            }, 100);
+                            if (sectionDiv)
+                                sectionDiv.removeEventListener("transitionend", transEnd);
+                        }
+                        sectionDiv.addEventListener("transitionend", transEnd);
                     }
-                    sectionDiv.addEventListener("transitionend", transEnd);
                 }
             }
         }, 100);

package/dist/components/AdaptiveButton/AdaptiveButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AdaptiveButton.js","sourceRoot":"","sources":["../../../src/components/AdaptiveButton/AdaptiveButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,uDAA+B;AAC/B,8CAAyD;AACzD,uFAA+D;AAC/D,8FAAkD;AAElD;;IAEI;AACJ,SAAwB,cAAc,CAAC,EAMN;QANM,EACrC,QAAQ,EACR,SAAS,GAAG,EAAE,OAIiB,EAH5B,WAAW,cAHuB,yBAItC,CADe;IAId,MAAM,eAAe,GACnB,IAAA,cAAM,EAA4C,IAAI,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,eAAe,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAC/D,IAAI,UAAU;YAAE,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,UAAU,CAAC,WAAW,IAAI,CAAC;QACvE,UAAU,CAAC,GAAG,EAAE;YACd,MAAM,UAAU,GAAG,eAAe,CAAC,~~OAAQ~~,CAAC,UAAU,CAAC,OAAO,CAAC;~~YAC/D~~,IAAI,UAAU,EAAE;~~gBACd~~,MAAM,SAAS,GAAG,UAAU,CAAC,SAA2B,CAAC;~~gBACzD~~,IAAI,SAAS,EAAE;~~oBACb~~,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;~~oBAC3C~~,MAAM,WAAW,GAAG,GAAG,YAAY,IAAI,CAAC;~~oBACxC~~,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC;~~oBACrC~~,SAAS,QAAQ;~~wBACf~~,UAAU,CAAC,GAAG,EAAE;~~4BACd~~,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,KAAK,MAAK,GAAG,YAAY,IAAI;~~gCACjD~~,UAAW,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;~~wBACjC~~,CAAC,EAAE,GAAG,CAAC,CAAC;~~wBAER~~,IAAI,UAAU;~~4BACZ~~,UAAU,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;~~oBAC9D~~,CAAC;~~oBACD~~,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;~~iBACxD~~;aACF;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL;QACE,8BAAC,gBAAM,kBACL,SAAS,EAAE,GAAG,oCAAM,CAAC,WAAW,IAAI,SAAS,EAAE,EAC/C,GAAG,EAAE,SAAS,IACV,WAAW;YAEf,8BAAC,gCAAsB,IACrB,GAAG,EAAE,eAAe,EACpB,cAAc,EAAE,qCAAwB,CAAC,MAAM,EAC/C,mBAAmB,EAAE,KAAK,EAC1B,MAAM,EAAE;oBACN,QAAQ,EAAE;wBACR,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;oBACD,OAAO,EAAE;wBACP,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;iBACF,EACD,SAAS,EAAE,oCAAM,CAAC,YAAY,IAE7B,QAAQ,CACc,CAClB,CACR,CACJ,CAAC;AACJ,CAAC;~~AAjED~~,~~iCAiEC~~"}
1	+ {"version":3,"file":"AdaptiveButton.js","sourceRoot":"","sources":["../../../src/components/AdaptiveButton/AdaptiveButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAMe;AACf,uDAA+B;AAC/B,8CAAyD;AACzD,uFAA+D;AAC/D,8FAAkD;AAElD;;IAEI;AACJ,SAAwB,cAAc,CAAC,EAMN;QANM,EACrC,QAAQ,EACR,SAAS,GAAG,EAAE,OAIiB,EAH5B,WAAW,cAHuB,yBAItC,CADe;IAId,MAAM,eAAe,GACnB,IAAA,cAAM,EAA4C,IAAI,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAElD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,UAAU,GAAG,eAAe,CAAC,OAAQ,CAAC,UAAU,CAAC,OAAO,CAAC;QAC/D,IAAI,UAAU;YAAE,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,UAAU,CAAC,WAAW,IAAI,CAAC;QACvE,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,eAAe,CAAC,OAAO,EAAE;gBAC3B,MAAM,UAAU,GAAG,eAAe,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC;gBAC9D,IAAI,UAAU,EAAE;oBACd,MAAM,SAAS,GAAG,UAAU,CAAC,SAA2B,CAAC;oBACzD,IAAI,SAAS,EAAE;wBACb,MAAM,YAAY,GAAG,SAAS,CAAC,WAAW,CAAC;wBAC3C,MAAM,WAAW,GAAG,GAAG,YAAY,IAAI,CAAC;wBACxC,UAAU,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC;wBACrC,SAAS,QAAQ;4BACf,UAAU,CAAC,GAAG,EAAE;gCACd,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,KAAK,MAAK,GAAG,YAAY,IAAI;oCACjD,UAAW,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC;4BACjC,CAAC,EAAE,GAAG,CAAC,CAAC;4BAER,IAAI,UAAU;gCACZ,UAAU,CAAC,mBAAmB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;wBAC9D,CAAC;wBACD,UAAU,CAAC,gBAAgB,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;qBACxD;iBACF;aACF;QACH,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL;QACE,8BAAC,gBAAM,kBACL,SAAS,EAAE,GAAG,oCAAM,CAAC,WAAW,IAAI,SAAS,EAAE,EAC/C,GAAG,EAAE,SAAS,IACV,WAAW;YAEf,8BAAC,gCAAsB,IACrB,GAAG,EAAE,eAAe,EACpB,cAAc,EAAE,qCAAwB,CAAC,MAAM,EAC/C,mBAAmB,EAAE,KAAK,EAC1B,MAAM,EAAE;oBACN,QAAQ,EAAE;wBACR,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;oBACD,OAAO,EAAE;wBACP,cAAc,EAAE,oCAAM,CAAC,eAAe;wBACtC,eAAe,EAAE,oCAAM,CAAC,aAAa;qBACtC;iBACF,EACD,SAAS,EAAE,oCAAM,CAAC,YAAY,IAE7B,QAAQ,CACc,CAClB,CACR,CACJ,CAAC;AACJ,CAAC;AAnED,iCAmEC"}

package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { Key, ReactElement } from "react";
+export declare enum EntranceType {
+    SLIDE_AND_EXPAND = 0,
+    EXPAND = 1
+}
+export declare function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }: {
+    children: ReactElement;
+    noEntranceAnimation: boolean;
+    onRemoveChildren: (key: Key) => void;
+    entranceType: EntranceType;
+}): JSX.Element;
+/**
+ * Animates the entrance and exit of a component
+ **/
+export default function AnimatedEntrance({ children, entranceType, }: {
+    children: ReactElement[];
+    entranceType?: EntranceType;
+}): JSX.Element;

package/dist/components/AnimatedEntrance/AnimatedEntrance.js ADDED Viewed

@@ -0,0 +1,122 @@
+"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.AnimatedEntranceItem = exports.EntranceType = void 0;
+const react_1 = __importStar(require("react"));
+const Transition_1 = require("../Transition");
+const UncontrolledTransition_1 = __importDefault(require("../UncontrolledTransition"));
+const AnimatedEntrance_module_scss_1 = __importDefault(require("./AnimatedEntrance.module.scss"));
+var EntranceType;
+(function (EntranceType) {
+    EntranceType[EntranceType["SLIDE_AND_EXPAND"] = 0] = "SLIDE_AND_EXPAND";
+    EntranceType[EntranceType["EXPAND"] = 1] = "EXPAND";
+})(EntranceType = exports.EntranceType || (exports.EntranceType = {}));
+const CONFIGS_BY_ENTRANCE_TYPE = {
+    [EntranceType.SLIDE_AND_EXPAND]: {
+        forward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementEntering,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementExiting,
+        },
+        backward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementEnteringReverse,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementExitingReverse,
+        },
+    },
+    [EntranceType.EXPAND]: {
+        forward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpanding,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinking,
+        },
+        backward: {
+            elementEntering: AnimatedEntrance_module_scss_1.default.elementExpandingReverse,
+            elementExiting: AnimatedEntrance_module_scss_1.default.elementShrinkingReverse,
+        },
+    },
+};
+function AnimatedEntranceItem({ children, noEntranceAnimation, onRemoveChildren, entranceType, }) {
+    const uncontRef = (0, react_1.useRef)(null);
+    const [screen, setScreen] = (0, react_1.useState)(noEntranceAnimation ? children : react_1.default.createElement(react_1.Fragment, { key: "null" }));
+    (0, react_1.useEffect)(() => {
+        if (String(children.key).includes("-nullated")) {
+            uncontRef.current.setOrientation("backward");
+        }
+        setScreen(children);
+    }, [children.key]);
+    (0, react_1.useEffect)(() => {
+        const x = setTimeout(() => {
+            const key = String(screen.key);
+            if (key === "null" || key.includes("-nullated"))
+                uncontRef.current.sectionRef.current.style.maxHeight = `0px`;
+            else
+                uncontRef.current.sectionRef.current.style.maxHeight = `${uncontRef.current.sectionRef.current.scrollHeight}px`;
+        }, 100);
+        return () => {
+            clearTimeout(x);
+        };
+    }, [screen]);
+    const className = (0, react_1.useMemo)(() => (!noEntranceAnimation ? AnimatedEntrance_module_scss_1.default.maxHeight : ""), [String(children.key).includes("-nullated")]);
+    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) => {
+            if (k !== "null")
+                onRemoveChildren(k);
+        }, config: CONFIGS_BY_ENTRANCE_TYPE[entranceType] }, screen));
+}
+exports.AnimatedEntranceItem = AnimatedEntranceItem;
+/**
+ * Animates the entrance and exit of a component
+ **/
+function AnimatedEntrance({ children, entranceType = EntranceType.SLIDE_AND_EXPAND, }) {
+    const firstRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        firstRef.current = false;
+    }, []);
+    const prevChildren = (0, react_1.useRef)([]);
+    const childrenDelayed = (0, react_1.useMemo)(() => {
+        var _a;
+        const newChildren = children.filter((c) => !prevChildren.current.find((a) => a.key === c.key));
+        const filteredOutChildren = prevChildren.current.map((c) => {
+            return children.find((a) => a.key === c.key) ? ( // If the previous child still exists, mantain
+            c) : (
+            // If not, toggle to null to animate exit
+            react_1.default.createElement(react_1.Fragment, { key: String(c.key).includes("-nullated") ? c.key : `${c.key}-nullated` }));
+        });
+        for (let child of newChildren) {
+            const previousChildKey = (_a = children[children.indexOf(child) - 1]) === null || _a === void 0 ? void 0 : _a.key;
+            if (previousChildKey) {
+                filteredOutChildren.splice(filteredOutChildren.findIndex((a) => a.key === previousChildKey) + 1, 0, child);
+            }
+            else {
+                filteredOutChildren.unshift(child);
+            }
+        }
+        return filteredOutChildren;
+    }, [children]);
+    prevChildren.current = childrenDelayed;
+    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)))));
+}
+exports.default = AnimatedEntrance;
+//# sourceMappingURL=AnimatedEntrance.js.map

package/dist/components/AnimatedEntrance/AnimatedEntrance.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/dist/components/AnimatedEntrance/AnimatedEntrance.module.scss ADDED Viewed

@@ -0,0 +1,106 @@
+@keyframes expand {
+  0% {
+    transform: translateX(100%);
+  }
+  35% {
+    transform: translateX(100%);
+  }
+  85% {
+    transform: translateX(-5%);
+  }
+  100% {
+    transform: translateX(0%);
+  }
+}
+@keyframes exiting {
+  100% {
+    transform: translateX(100%);
+  }
+  65% {
+    transform: translateX(100%);
+  }
+  50% {
+    opacity: 0;
+  }
+  15% {
+    transform: translateX(-5%);
+    opacity: 1;
+  }
+  0% {
+    transform: translateX(0%);
+  }
+}
+$duration: 1s;
+.elementExiting {
+  animation-duration: $duration !important;
+  animation-name: exiting;
+  position: absolute;
+}
+.elementEntering {
+  animation-duration: $duration !important;
+  animation-name: expand;
+}
+.elementExitingReverse {
+  animation-duration: $duration !important;
+  animation-name: exiting;
+}
+.elementEnteringReverse {
+  animation-duration: $duration !important;
+  animation-name: expand;
+  position: absolute;
+}
+.resetHeight {
+  transition: max-height $duration/2 $duration * 0.2;
+  min-height: initial;
+  align-items: flex-start !important;
+  > * {
+    justify-content: flex-start !important;
+  }
+}
+.maxHeight {
+  max-height: 0px;
+}
+@keyframes nothing {
+  100% {
+    transform: translateX(0%);
+  }
+  0% {
+    transform: translateX(0%);
+  }
+}
+.elementShrinking {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+  position: absolute;
+}
+.elementExpanding {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+}
+.elementShrinkingReverse {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+}
+.elementExpandingReverse {
+  animation-duration: $duration !important;
+  animation-name: nothing;
+  position: absolute;
+}

package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import React from "react";
+import AnimatedEntrance from "./AnimatedEntrance";
+declare const _default: {
+    component: typeof AnimatedEntrance;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        children: React.ReactElement<any, string | React.JSXElementConstructor<any>>[];
+        entranceType?: import("./AnimatedEntrance").EntranceType | undefined;
+    }>;
+};

package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js ADDED Viewed

@@ -0,0 +1,67 @@
+"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.InitialImplementation = void 0;
+const react_1 = __importStar(require("react"));
+const Button_1 = __importDefault(require("../Button"));
+const AnimatedEntrance_1 = __importDefault(require("./AnimatedEntrance"));
+exports.default = {
+    component: AnimatedEntrance_1.default,
+    title: "Animated Entrance",
+};
+const ExampleEL = (key, removeElCb) => {
+    return (react_1.default.createElement("div", { key: key },
+        "Elemento ",
+        key,
+        " ",
+        react_1.default.createElement(Button_1.default, { variant: "outline", onClick: () => removeElCb((prev) => {
+                const filteredOut = prev.filter((prev) => String(prev.key) !== String(key));
+                return filteredOut;
+            }) }, "Remove")));
+};
+const InitialImplementation = (args) => {
+    const [exampleElements, setE] = (0, react_1.useState)([]);
+    (0, react_1.useMemo)(() => {
+        exampleElements.push(ExampleEL(1, setE));
+        exampleElements.push(ExampleEL(2, setE));
+        exampleElements.push(ExampleEL(3, setE));
+        exampleElements.push(ExampleEL(4, setE));
+    }, []);
+    const counter = (0, react_1.useRef)(4);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", { style: { minHeight: 800 } },
+            react_1.default.createElement(AnimatedEntrance_1.default, null, exampleElements)),
+        react_1.default.createElement(Button_1.default, { variant: "filled", onClick: () => setE((prev) => {
+                counter.current++;
+                const currCounter = counter.current;
+                return [...prev, ExampleEL(currCounter, setE)];
+            }) }, "Add element")));
+};
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
+//# sourceMappingURL=AnimatedEntrance.stories.js.map

package/dist/components/AnimatedEntrance/AnimatedEntrance.stories.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"AnimatedEntrance.stories.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/AnimatedEntrance.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOe;AACf,uDAA+B;AAC/B,0EAAkD;AAElD,kBAAe;IACb,SAAS,EAAE,0BAAgB;IAC3B,KAAK,EAAE,mBAAmB;CAC3B,CAAC;AAEF,MAAM,SAAS,GAAG,CAChB,GAAW,EACX,UAAiE,EACjE,EAAE;IACF,OAAO,CACL,uCAAK,GAAG,EAAE,GAAG;;QACD,GAAG;QAAE,GAAG;QAClB,8BAAC,gBAAM,IACL,OAAO,EAAE,SAAS,EAClB,OAAO,EAAE,GAAG,EAAE,CACZ,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAClB,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,MAAM,CAAC,GAAG,CAAC,CAC3C,CAAC;gBACF,OAAO,WAAW,CAAC;YACrB,CAAC,CAAC,aAIG,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,qBAAqB,GAAG,CAAC,IAAS,EAAE,EAAE;IACjD,MAAM,CAAC,eAAe,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAiB,EAAE,CAAC,CAAC;IAE7D,IAAA,eAAO,EAAC,GAAG,EAAE;QACX,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;QACzC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,OAAO,GAAG,IAAA,cAAM,EAAC,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL;QACE,uCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,GAAG,EAAE;YAC5B,8BAAC,0BAAgB,QAAE,eAAe,CAAoB,CAClD;QACN,8BAAC,gBAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE,CACZ,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE;gBACZ,OAAO,CAAC,OAAO,EAAE,CAAC;gBAClB,MAAM,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC;gBACpC,OAAO,CAAC,GAAG,IAAI,EAAE,SAAS,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;YACjD,CAAC,CAAC,kBAIG,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AA9BW,QAAA,qBAAqB,yBA8BhC;AACF,6BAAqB,CAAC,IAAI,GAAG,EAE5B,CAAC"}

package/dist/components/AnimatedEntrance/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { default } from './AnimatedEntrance';

package/dist/components/AnimatedEntrance/index.js ADDED Viewed

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var AnimatedEntrance_1 = require("./AnimatedEntrance");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AnimatedEntrance_1).default; } });
+//# sourceMappingURL=index.js.map

package/dist/components/AnimatedEntrance/index.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AnimatedEntrance/index.tsx"],"names":[],"mappings":";;;;;;AAAA,uDAA6C;AAApC,4HAAA,OAAO,OAAA"}

package/dist/components/Button/Button.d.ts CHANGED Viewed

@@ -1,4 +1,11 @@
 import React from "react";
+declare type ButtonProps = React.PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: "transparent" | "filled" | "outline";
+}>;
+/**
+ * A simple button with the new design
+ **/
+export declare function _Button({ children, variant, className, ...otherProps }: ButtonProps): JSX.Element;
 declare const _default: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: "transparent" | "filled" | "outline" | undefined;
 } & {

package/dist/components/Button/Button.js CHANGED Viewed

@@ -37,14 +37,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports._Button = void 0;
 const react_1 = __importStar(require("react"));
 const Button_module_scss_1 = __importDefault(require("./Button.module.scss"));
 /**
  * A simple button with the new design
  **/
-function Button(_a, ref) {
+function _Button(_a) {
     var { children, variant = "transparent", className = "" } = _a, otherProps = __rest(_a, ["children", "variant", "className"]);
-    return (react_1.default.createElement("button", Object.assign({ ref: ref, className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className}` }, otherProps), children));
+    return (react_1.default.createElement("button", Object.assign({ ref: arguments[1], className: `${Button_module_scss_1.default.button} ${Button_module_scss_1.default[variant]} ${className}` }, otherProps), children));
 }
-exports.default = (0, react_1.forwardRef)(Button);
+exports._Button = _Button;
+exports.default = (0, react_1.forwardRef)(_Button);
 //# sourceMappingURL=Button.js.map

package/dist/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA,+CAAoE;AACpE,8EAA0C;~~AAE1C~~;;IAEI;AACJ,~~SAAS~~,~~MAAM~~,~~CACb~~,~~EASC,EACD,GAAoC~~;~~QAVpC~~,~~EACE~~,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,~~OAMf~~,~~EALI~~,UAAU,~~cAJf~~,~~oCAKC~~,CADc;~~IAQf~~,OAAO,CACL,wDACE,GAAG,EAAE,~~GAAG~~,~~EACR~~,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,IACzD,UAAU,GAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,IAAA,kBAAU,~~EAAC~~,~~MAAM~~,CAAC,CAAC"}
1	+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,8EAA0C;AAQ1C;;IAEI;AACJ,SAAgB,OAAO,CAAC,EAKV;QALU,EACtB,QAAQ,EACR,OAAO,GAAG,aAAa,EACvB,SAAS,GAAG,EAAE,OAEF,EADT,UAAU,cAJS,oCAKvB,CADc;IAEb,OAAO,CACL,wDACE,GAAG,EAAE,SAAS,CAAC,CAAC,CAAC,EACjB,SAAS,EAAE,GAAG,4BAAM,CAAC,MAAM,IAAI,4BAAM,CAAC,OAAO,CAAC,IAAI,SAAS,EAAE,IACzD,UAAU,GAEb,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AAfD,0BAeC;AAED,kBAAe,IAAA,kBAAU,EAAiC,OAAO,CAAC,CAAC"}

package/dist/components/Button/Button.stories.d.ts CHANGED Viewed

@@ -1,11 +1,7 @@
 import React from "react";
-import Comp from ".";
+import Comp, { _Button } from "./Button";
 declare const _default: {
-    component: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-        variant?: "transparent" | "filled" | "outline" | undefined;
-    } & {
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLButtonElement>>;
+    component: typeof _Button;
     title: string;
 };
 export default _default;

package/dist/components/Button/Button.stories.js CHANGED Viewed

@@ -1,18 +1,42 @@
 "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.Primary = exports.TodasVariacoes = void 0;
 const react_1 = __importDefault(require("react"));
-const _1 = __importDefault(require("."));
+const Button_1 = __importStar(require("./Button"));
 const Spacing_1 = __importDefault(require("../Spacing"));
+console.warn(Button_1._Button);
 exports.default = {
-    component: _1.default,
+    component: Button_1._Button,
     title: "Botão",
 };
 const TodasVariacoes = () => {
-    const variantes = _1.default.__docgenInfo.props
+    const variantes = Button_1._Button.__docgenInfo.props
         .variant.type.value;
     return variantes
         .map((a) => JSON.parse(a.value))
@@ -25,10 +49,10 @@ const TodasVariacoes = () => {
         react_1.default.createElement("span", { style: { borderBottom: "2px solid black", marginBottom: 14 } },
             "Tipo: ",
             react_1.default.createElement("b", null, a)),
-        react_1.default.createElement(_1.default, { variant: a }, "Texto do exemplo"),
+        react_1.default.createElement(Button_1.default, { variant: a }, "Texto do exemplo"),
         react_1.default.createElement(Spacing_1.default, { size: "large" }))));
 };
 exports.TodasVariacoes = TodasVariacoes;
-const Primary = (args) => (react_1.default.createElement(_1.default, Object.assign({}, args), "Um simples bot\u00E3o"));
+const Primary = (args) => (react_1.default.createElement(Button_1.default, Object.assign({}, args), "Um simples bot\u00E3o"));
 exports.Primary = Primary;
 //# sourceMappingURL=Button.stories.js.map

package/dist/components/Button/Button.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"~~;;;;;;~~AAAA,kDAA0B;AAC1B,~~yCAAqB~~;~~AACrB~~,yDAAiC;~~AAEjC~~,kBAAe;IACb,SAAS,EAAE,~~UAAI~~;~~IACf~~,KAAK,EAAE,OAAO;CACf,CAAC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,SAAS,GAAyB,~~UAAY~~,CAAC,YAAY,CAAC,KAAK;~~SACpE~~,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IAEtB,OAAO,SAAS;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SAC/B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACV,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;SACxB;QAED,wCAAM,KAAK,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE;;YAC1D,yCAAI,CAAC,CAAK,CACX;QACP,8BAAC,~~UAAI~~,IAAC,OAAO,EAAE,CAAQ,uBAAyB;QAChD,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CACpB,CACP,CAAC,CAAC;AACP,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAEK,MAAM,OAAO,GAAG,CAAC,IAAuC,EAAE,EAAE,CAAC,CAClE,8BAAC,~~UAAI~~,oBAAK,IAAI,2BAAyB,CACxC,CAAC;AAFW,QAAA,OAAO,WAElB"}
1	+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,mDAAyC;AACzC,yDAAiC;AACjC,OAAO,CAAC,IAAI,CAAC,gBAAO,CAAC,CAAA;AAErB,kBAAe;IACb,SAAS,EAAE,gBAAO;IAClB,KAAK,EAAE,OAAO;CACf,CAAC;AAEK,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,SAAS,GAAyB,gBAAe,CAAC,YAAY,CAAC,KAAK;SACvE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;IAEtB,OAAO,SAAS;SACb,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;SAC/B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACV,uCACE,KAAK,EAAE;YACL,KAAK,EAAE,KAAK;YACZ,WAAW,EAAE,EAAE;YACf,OAAO,EAAE,aAAa;YACtB,aAAa,EAAE,QAAQ;SACxB;QAED,wCAAM,KAAK,EAAE,EAAE,YAAY,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,EAAE;;YAC1D,yCAAI,CAAC,CAAK,CACX;QACP,8BAAC,gBAAI,IAAC,OAAO,EAAE,CAAQ,uBAAyB;QAChD,8BAAC,iBAAO,IAAC,IAAI,EAAC,OAAO,GAAG,CACpB,CACP,CAAC,CAAC;AACP,CAAC,CAAC;AAtBW,QAAA,cAAc,kBAsBzB;AAEK,MAAM,OAAO,GAAG,CAAC,IAAuC,EAAE,EAAE,CAAC,CAClE,8BAAC,gBAAI,oBAAK,IAAI,2BAAyB,CACxC,CAAC;AAFW,QAAA,OAAO,WAElB"}