@onepercentio/one-ui 0.6.2 → 0.6.3

package/dist/components/EmailInput/EmailInput.test.js

@@ -1,77 +1,77 @@
-"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 EmailInput_1 = __importDefault(require("./EmailInput"));
-const user_event_1 = __importDefault(require("@testing-library/user-event"));
-function Wrapper(props) {
-    const [s, ss] = (0, react_1.useState)("");
-    function _onChange(v, valid) {
-        ss(v);
-        props.onChange(v, valid);
-    }
-    return react_1.default.createElement(EmailInput_1.default, Object.assign({}, props, { value: s, onChange: _onChange }));
-}
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(Wrapper, Object.assign({}, props)));
-}
-it("Should at least render :)", () => {
-    renderScreen({
-        onChange: jest.fn(),
-        value: "",
-        messages: { invalidEmail: "MOCK_INVALID_EMAIL" },
-    });
-});
-const MOCKED_ERROR_MESSAGE = "MOCK_INVALID_EMAIL";
-it("Should display error when unfocusing and the email is invalid", () => __awaiter(void 0, void 0, void 0, function* () {
-    const w = renderScreen({
-        onChange: jest.fn(),
-        value: "",
-        messages: { invalidEmail: "MOCK_INVALID_EMAIL" },
-    });
-    const input = w.getByRole("textbox");
-    yield user_event_1.default.type(input, "muritavo@gmail", { delay: 50 });
-    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
-    (0, react_2.act)(() => input.blur());
-    expect(w.container.textContent).toContain(MOCKED_ERROR_MESSAGE);
-    yield user_event_1.default.type(input, ".com", { delay: 50 });
-    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
-    (0, react_2.act)(() => input.blur());
-    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
-}));
+"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 EmailInput_1 = __importDefault(require("./EmailInput"));
+const user_event_1 = __importDefault(require("@testing-library/user-event"));
+function Wrapper(props) {
+    const [s, ss] = (0, react_1.useState)("");
+    function _onChange(v, valid) {
+        ss(v);
+        props.onChange(v, valid);
+    }
+    return react_1.default.createElement(EmailInput_1.default, Object.assign({}, props, { value: s, onChange: _onChange }));
+}
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(Wrapper, Object.assign({}, props)));
+}
+it("Should at least render :)", () => {
+    renderScreen({
+        onChange: jest.fn(),
+        value: "",
+        messages: { invalidEmail: "MOCK_INVALID_EMAIL" },
+    });
+});
+const MOCKED_ERROR_MESSAGE = "MOCK_INVALID_EMAIL";
+it("Should display error when unfocusing and the email is invalid", () => __awaiter(void 0, void 0, void 0, function* () {
+    const w = renderScreen({
+        onChange: jest.fn(),
+        value: "",
+        messages: { invalidEmail: "MOCK_INVALID_EMAIL" },
+    });
+    const input = w.getByRole("textbox");
+    yield user_event_1.default.type(input, "muritavo@gmail", { delay: 50 });
+    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
+    (0, react_2.act)(() => input.blur());
+    expect(w.container.textContent).toContain(MOCKED_ERROR_MESSAGE);
+    yield user_event_1.default.type(input, ".com", { delay: 50 });
+    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
+    (0, react_2.act)(() => input.blur());
+    expect(w.container.textContent).not.toContain(MOCKED_ERROR_MESSAGE);
+}));
 //# sourceMappingURL=EmailInput.test.js.map

package/dist/components/EmailInput/index.d.ts

@@ -1 +1 @@
-export { default, validateEmail } from './EmailInput';
+export { default, validateEmail } from './EmailInput';

package/dist/components/EmailInput/index.js

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

package/dist/components/FadeIn/FadeIn.d.ts

@@ -1,10 +1,10 @@
-import React from "react";
-declare const _default: React.ForwardRefExoticComponent<{
-    className?: string | undefined;
-    active?: boolean | undefined;
-    onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onHidden?: (() => void) | undefined;
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+import React from "react";
+declare const _default: React.ForwardRefExoticComponent<{
+    className?: string | undefined;
+    active?: boolean | undefined;
+    onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
+    onHidden?: (() => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/dist/components/FadeIn/FadeIn.js

@@ -1,64 +1,64 @@
-"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 });
-const react_1 = __importStar(require("react"));
-const FadeIn_module_scss_1 = __importDefault(require("./FadeIn.module.scss"));
-/**
- * Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
- **/
-function FadeIn({ onHidden, children, className = "", active, onClick }, divRef) {
-    if (!divRef) {
-        divRef = (0, react_1.createRef)();
-    }
-    const [, trigger] = (0, react_1.useState)(0);
-    const prevChildren = (0, react_1.useRef)();
-    prevChildren.current = children || prevChildren.current;
-    (0, react_1.useEffect)(() => {
-        const el = divRef.current;
-        const isElHidden = active !== undefined ? !active : !children;
-        if (isElHidden) {
-            el.classList.remove(FadeIn_module_scss_1.default.active);
-            const handler = () => {
-                prevChildren.current = null;
-                trigger((a) => a + 1);
-                if (onHidden && !el.classList.contains(FadeIn_module_scss_1.default.active))
-                    onHidden();
-            };
-            el.addEventListener("transitionend", handler);
-            return () => {
-                el.removeEventListener("transitionend", handler);
-            };
-        }
-        else {
-            el.classList.add(FadeIn_module_scss_1.default.active);
-        }
-    }, [children, active]);
-    return (react_1.default.createElement("div", { ref: divRef, "data-testid": "fadein_container", className: `${FadeIn_module_scss_1.default.container} ${className}`, onClick: onClick }, prevChildren.current));
-}
-exports.default = (0, react_1.forwardRef)(FadeIn);
+"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 });
+const react_1 = __importStar(require("react"));
+const FadeIn_module_scss_1 = __importDefault(require("./FadeIn.module.scss"));
+/**
+ * Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
+ **/
+function FadeIn({ onHidden, children, className = "", active, onClick }, divRef) {
+    if (!divRef) {
+        divRef = (0, react_1.createRef)();
+    }
+    const [, trigger] = (0, react_1.useState)(0);
+    const prevChildren = (0, react_1.useRef)();
+    prevChildren.current = children || prevChildren.current;
+    (0, react_1.useEffect)(() => {
+        const el = divRef.current;
+        const isElHidden = active !== undefined ? !active : !children;
+        if (isElHidden) {
+            el.classList.remove(FadeIn_module_scss_1.default.active);
+            const handler = () => {
+                prevChildren.current = null;
+                trigger((a) => a + 1);
+                if (onHidden && !el.classList.contains(FadeIn_module_scss_1.default.active))
+                    onHidden();
+            };
+            el.addEventListener("transitionend", handler);
+            return () => {
+                el.removeEventListener("transitionend", handler);
+            };
+        }
+        else {
+            el.classList.add(FadeIn_module_scss_1.default.active);
+        }
+    }, [children, active]);
+    return (react_1.default.createElement("div", { ref: divRef, "data-testid": "fadein_container", className: `${FadeIn_module_scss_1.default.container} ${className}`, onClick: onClick }, prevChildren.current));
+}
+exports.default = (0, react_1.forwardRef)(FadeIn);
 //# sourceMappingURL=FadeIn.js.map

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

@@ -1,24 +1,24 @@
-import React from 'react';
-declare const _default: {
-    component: React.ForwardRefExoticComponent<{
-        className?: string | undefined;
-        active?: boolean | undefined;
-        onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-        onHidden?: (() => void) | undefined;
-    } & {
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
-    title: string;
-};
-export default _default;
-export declare const InitialImplementation: {
-    (args: any): JSX.Element;
-    args: Partial<{
-        className?: string | undefined;
-        active?: boolean | undefined;
-        onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-        onHidden?: (() => void) | undefined;
-    } & {
-        children?: React.ReactNode;
-    } & React.RefAttributes<HTMLDivElement>>;
-};
+import React from 'react';
+declare const _default: {
+    component: React.ForwardRefExoticComponent<{
+        className?: string | undefined;
+        active?: boolean | undefined;
+        onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
+        onHidden?: (() => void) | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLDivElement>>;
+    title: string;
+};
+export default _default;
+export declare const InitialImplementation: {
+    (args: any): JSX.Element;
+    args: Partial<{
+        className?: string | undefined;
+        active?: boolean | undefined;
+        onClick?: ((e: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
+        onHidden?: (() => void) | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.RefAttributes<HTMLDivElement>>;
+};

package/dist/components/FadeIn/FadeIn.stories.js

@@ -1,16 +1,16 @@
-"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 FadeIn_1 = __importDefault(require("./FadeIn"));
-exports.default = {
-    component: FadeIn_1.default,
-    title: "Fade In"
-};
-const InitialImplementation = (args) => react_1.default.createElement(FadeIn_1.default, Object.assign({}, args));
-exports.InitialImplementation = InitialImplementation;
-exports.InitialImplementation.args = {};
+"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 FadeIn_1 = __importDefault(require("./FadeIn"));
+exports.default = {
+    component: FadeIn_1.default,
+    title: "Fade In"
+};
+const InitialImplementation = (args) => react_1.default.createElement(FadeIn_1.default, Object.assign({}, args));
+exports.InitialImplementation = InitialImplementation;
+exports.InitialImplementation.args = {};
 //# sourceMappingURL=FadeIn.stories.js.map

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

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

package/dist/components/FadeIn/FadeIn.test.js

@@ -1,22 +1,22 @@
-"use strict";
-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 FadeIn_module_scss_1 = __importDefault(require("./FadeIn.module.scss"));
-const FadeIn_1 = __importDefault(require("./FadeIn"));
-it("Should at least render :)", () => {
-    (0, react_2.render)(react_1.default.createElement(FadeIn_1.default, null));
-});
-it("Should display previous children when it's removed", () => {
-    const wrapper = (0, react_2.render)(react_1.default.createElement(FadeIn_1.default, null, "Previous content"));
-    const container = wrapper.getByTestId("fadein_container");
-    expect(wrapper.container.textContent).toBe("Previous content");
-    expect(container.classList).toContain(FadeIn_module_scss_1.default.active);
-    wrapper.rerender(react_1.default.createElement(FadeIn_1.default, null));
-    expect(wrapper.container.textContent).toBe("Previous content");
-    expect(container.classList).not.toContain(FadeIn_module_scss_1.default.active);
-});
+"use strict";
+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 FadeIn_module_scss_1 = __importDefault(require("./FadeIn.module.scss"));
+const FadeIn_1 = __importDefault(require("./FadeIn"));
+it("Should at least render :)", () => {
+    (0, react_2.render)(react_1.default.createElement(FadeIn_1.default, null));
+});
+it("Should display previous children when it's removed", () => {
+    const wrapper = (0, react_2.render)(react_1.default.createElement(FadeIn_1.default, null, "Previous content"));
+    const container = wrapper.getByTestId("fadein_container");
+    expect(wrapper.container.textContent).toBe("Previous content");
+    expect(container.classList).toContain(FadeIn_module_scss_1.default.active);
+    wrapper.rerender(react_1.default.createElement(FadeIn_1.default, null));
+    expect(wrapper.container.textContent).toBe("Previous content");
+    expect(container.classList).not.toContain(FadeIn_module_scss_1.default.active);
+});
 //# sourceMappingURL=FadeIn.test.js.map

package/dist/components/FadeIn/index.d.ts

@@ -1 +1 @@
-export { default } from './FadeIn';
+export { default } from './FadeIn';

package/dist/components/FadeIn/index.js

@@ -1,9 +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 FadeIn_1 = require("./FadeIn");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FadeIn_1).default; } });
+"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 FadeIn_1 = require("./FadeIn");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FadeIn_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/FileInput/FileInput.d.ts

@@ -1,13 +1,13 @@
-import React from "react";
-/**
- * A component to provide the upload of a file
- **/
-export default function FileInput({ reason, uploadAction, removeAction, fileProvided, file, onFile, footer, ...props }: {
-    reason: string;
-    uploadAction: string;
-    removeAction: string;
-    fileProvided: string;
-    file?: File;
-    onFile: (file: File | undefined) => void;
-    footer: string;
-} & React.HTMLProps<HTMLInputElement>): JSX.Element;
+import React from "react";
+/**
+ * A component to provide the upload of a file
+ **/
+export default function FileInput({ reason, uploadAction, removeAction, fileProvided, file, onFile, footer, ...props }: {
+    reason: string;
+    uploadAction: string;
+    removeAction: string;
+    fileProvided: string;
+    file?: File;
+    onFile: (file: File | undefined) => void;
+    footer: string;
+} & React.HTMLProps<HTMLInputElement>): JSX.Element;