@onepercentio/one-ui 0.2.0 → 0.2.3

package/dist/components/FlowController/FlowController.stories.js

@@ -1,101 +1,101 @@
-"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.BugfixMultipleChanges = exports.Primary = void 0;
-const react_1 = __importStar(require("react"));
-const FlowController_1 = __importDefault(require("./FlowController"));
-exports.default = {
-    component: FlowController_1.default,
-    title: "Fluxo de etapas",
-};
-const Primary = (args) => react_1.default.createElement(FlowController_1.default, Object.assign({}, args));
-exports.Primary = Primary;
-exports.Primary.args = {
-    step: 3,
-    children: [
-        react_1.default.createElement("div", null, "Etapa 1"),
-        react_1.default.createElement("div", null, "Etapa 2"),
-        react_1.default.createElement("div", null, "Etapa 3"),
-        react_1.default.createElement("div", null, "Etapa 4"),
-        react_1.default.createElement("div", null, "Etapa 5"),
-        react_1.default.createElement("div", null, "Etapa 6"),
-        react_1.default.createElement("div", null, "Etapa 7"),
-        react_1.default.createElement("div", null, "Etapa 8"),
-    ],
-    buttons: [
-        {
-            label: "Action",
-            onClick: () => { },
-            state: "enabled",
-        },
-        {
-            label: "Action disabled",
-            onClick: () => { },
-            state: "disabled",
-        },
-    ],
-};
-const BugfixMultipleChanges = (args) => {
-    const [step, setStep] = (0, react_1.useState)(0);
-    (0, react_1.useEffect)(() => {
-        window.addEventListener("keydown", ({ key }) => {
-            if (key !== "ArrowLeft")
-                setStep((p) => ++p);
-            else
-                setStep((p) => --p);
-        });
-    }, []);
-    return react_1.default.createElement(FlowController_1.default, Object.assign({}, args, { step: step }));
-};
-exports.BugfixMultipleChanges = BugfixMultipleChanges;
-exports.BugfixMultipleChanges.args = {
-    step: 3,
-    children: [
-        react_1.default.createElement("div", null, "Etapa 1"),
-        react_1.default.createElement("div", null, "Etapa 2"),
-        react_1.default.createElement("div", null, "Etapa 3"),
-        react_1.default.createElement("div", null, "Etapa 4"),
-        react_1.default.createElement("div", null, "Etapa 5"),
-        react_1.default.createElement("div", null, "Etapa 6"),
-        react_1.default.createElement("div", null, "Etapa 7"),
-        react_1.default.createElement("div", null, "Etapa 8"),
-    ],
-    buttons: [
-        {
-            label: "Action",
-            onClick: () => { },
-            state: "enabled",
-        },
-        {
-            label: "Action disabled",
-            onClick: () => { },
-            state: "disabled",
-        },
-    ],
-};
+"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.BugfixMultipleChanges = exports.Primary = void 0;
+const react_1 = __importStar(require("react"));
+const FlowController_1 = __importDefault(require("./FlowController"));
+exports.default = {
+    component: FlowController_1.default,
+    title: "Fluxo de etapas",
+};
+const Primary = (args) => react_1.default.createElement(FlowController_1.default, Object.assign({}, args));
+exports.Primary = Primary;
+exports.Primary.args = {
+    step: 3,
+    children: [
+        react_1.default.createElement("div", null, "Etapa 1"),
+        react_1.default.createElement("div", null, "Etapa 2"),
+        react_1.default.createElement("div", null, "Etapa 3"),
+        react_1.default.createElement("div", null, "Etapa 4"),
+        react_1.default.createElement("div", null, "Etapa 5"),
+        react_1.default.createElement("div", null, "Etapa 6"),
+        react_1.default.createElement("div", null, "Etapa 7"),
+        react_1.default.createElement("div", null, "Etapa 8"),
+    ],
+    buttons: [
+        {
+            label: "Action",
+            onClick: () => { },
+            state: "enabled",
+        },
+        {
+            label: "Action disabled",
+            onClick: () => { },
+            state: "disabled",
+        },
+    ],
+};
+const BugfixMultipleChanges = (args) => {
+    const [step, setStep] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        window.addEventListener("keydown", ({ key }) => {
+            if (key !== "ArrowLeft")
+                setStep((p) => ++p);
+            else
+                setStep((p) => --p);
+        });
+    }, []);
+    return react_1.default.createElement(FlowController_1.default, Object.assign({}, args, { step: step }));
+};
+exports.BugfixMultipleChanges = BugfixMultipleChanges;
+exports.BugfixMultipleChanges.args = {
+    step: 3,
+    children: [
+        react_1.default.createElement("div", null, "Etapa 1"),
+        react_1.default.createElement("div", null, "Etapa 2"),
+        react_1.default.createElement("div", null, "Etapa 3"),
+        react_1.default.createElement("div", null, "Etapa 4"),
+        react_1.default.createElement("div", null, "Etapa 5"),
+        react_1.default.createElement("div", null, "Etapa 6"),
+        react_1.default.createElement("div", null, "Etapa 7"),
+        react_1.default.createElement("div", null, "Etapa 8"),
+    ],
+    buttons: [
+        {
+            label: "Action",
+            onClick: () => { },
+            state: "enabled",
+        },
+        {
+            label: "Action disabled",
+            onClick: () => { },
+            state: "disabled",
+        },
+    ],
+};
 //# sourceMappingURL=FlowController.stories.js.map

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

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

package/dist/components/FlowController/FlowController.test.js

@@ -1,166 +1,166 @@
-"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 FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
-const FlowController_1 = __importDefault(require("./FlowController"));
-function renderScreen(props) {
-    return (0, react_2.render)(react_1.default.createElement(FlowController_1.default, Object.assign({}, props),
-        react_1.default.createElement("div", null, "First step"),
-        react_1.default.createElement("div", null, "Second step"),
-        react_1.default.createElement("div", null, "Third step")));
-}
-it("Should at least render :)", () => {
-    renderScreen({
-        onClose: jest.fn(),
-        onBack: jest.fn(),
-        step: 0,
-        buttons: [
-            {
-                state: "enabled",
-                label: "",
-                onClick: jest.fn(),
-            },
-        ],
-    });
-});
-function renderWithCbs(step) {
-    const closeCb = jest.fn();
-    const backCb = jest.fn();
-    const nextCb = jest.fn();
-    const wrapper = renderScreen({
-        onClose: closeCb,
-        onBack: backCb,
-        step,
-        buttons: [
-            {
-                state: "enabled",
-                label: "",
-                onClick: nextCb,
-            },
-        ],
-    });
-    return {
-        closeCb,
-        backCb,
-        nextCb,
-        wrapper,
-    };
-}
-it("Should call onClose when clicking goBack and step 0", () => {
-    const { wrapper, backCb, closeCb } = renderWithCbs(0);
-    (0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
-    expect(backCb).toHaveBeenCalledTimes(0);
-    expect(closeCb).toHaveBeenCalledTimes(1);
-});
-it("Should call onGoBack when clicking the goBack button and step > 0", () => {
-    const { wrapper, backCb, closeCb } = renderWithCbs(1);
-    (0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
-    expect(backCb).toHaveBeenCalledTimes(1);
-    expect(closeCb).toHaveBeenCalledTimes(0);
-});
-it("Should call onNext when clicking the footer button", () => {
-    const { wrapper, backCb, closeCb, nextCb } = renderWithCbs(1);
-    (0, react_2.act)(() => wrapper.getByRole("button").click());
-    expect(backCb).toHaveBeenCalledTimes(0);
-    expect(closeCb).toHaveBeenCalledTimes(0);
-    expect(nextCb).toHaveBeenCalledTimes(1);
-});
-it("Should display the selected text on the button", () => {
-    const wrapper = renderScreen({
-        onClose: jest.fn(),
-        step: 0,
-        onBack: jest.fn(),
-        buttons: [
-            {
-                label: "MOCKED BUTTON",
-                state: "enabled",
-                onClick: () => { },
-            },
-        ],
-    });
-    expect(wrapper.getByRole("button").textContent).toEqual("MOCKED BUTTON");
-});
-it("Should be able to enable point of no return, where the goBack action is not displayed anymore, this is indicated by the inexistance of goBack", () => {
-    const wrapper = renderScreen({
-        onClose: jest.fn(),
-        step: 0,
-        onBack: jest.fn(),
-        buttons: [
-            {
-                label: "MOCKED BUTTON",
-                state: "enabled",
-                onClick: () => { },
-            },
-        ],
-    });
-    const buttonBack = wrapper.getByTestId("header-control-back");
-    expect(buttonBack.classList).not.toContain(FlowController_module_scss_1.default.hidden);
-    wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
-        onClose: jest.fn(),
-        step: 0,
-        onBack: undefined,
-        buttons: [
-            {
-                label: "MOCKED BUTTON",
-                state: "enabled",
-                onClick: () => { },
-            },
-        ],
-    }),
-        react_1.default.createElement("div", null, "First step"),
-        react_1.default.createElement("div", null, "Second step"),
-        react_1.default.createElement("div", null, "Third step")));
-    expect(buttonBack.classList).toContain(FlowController_module_scss_1.default.pointOfNoReturn);
-});
-it("Should show only the current step", () => {
-    const wrapper = renderScreen({
-        onClose: jest.fn(),
-        step: 0,
-        onBack: jest.fn(),
-        buttons: [
-            {
-                label: "MOCKED BUTTON",
-                state: "enabled",
-                onClick: () => { },
-            },
-        ],
-    });
-    expect(wrapper.container.textContent).toContain("First step");
-    wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
-        onClose: jest.fn(),
-        step: 1,
-        onBack: undefined,
-        buttons: [
-            {
-                label: "MOCKED BUTTON",
-                state: "enabled",
-                onClick: () => { },
-            },
-        ],
-    }),
-        react_1.default.createElement("div", null, "First step"),
-        react_1.default.createElement("div", null, "Second step"),
-        react_1.default.createElement("div", null, "Third step")));
-    expect(wrapper.container.textContent).toContain("Second step");
-    wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
-        onClose: jest.fn(),
-        step: 2,
-        onBack: undefined,
-        buttons: [
-            {
-                label: "MOCKED BUTTON",
-                state: "enabled",
-                onClick: () => { },
-            },
-        ],
-    }),
-        react_1.default.createElement("div", null, "First step"),
-        react_1.default.createElement("div", null, "Second step"),
-        react_1.default.createElement("div", null, "Third step")));
-    expect(wrapper.container.textContent).toContain("Third step");
-});
+"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 FlowController_module_scss_1 = __importDefault(require("./FlowController.module.scss"));
+const FlowController_1 = __importDefault(require("./FlowController"));
+function renderScreen(props) {
+    return (0, react_2.render)(react_1.default.createElement(FlowController_1.default, Object.assign({}, props),
+        react_1.default.createElement("div", null, "First step"),
+        react_1.default.createElement("div", null, "Second step"),
+        react_1.default.createElement("div", null, "Third step")));
+}
+it("Should at least render :)", () => {
+    renderScreen({
+        onClose: jest.fn(),
+        onBack: jest.fn(),
+        step: 0,
+        buttons: [
+            {
+                state: "enabled",
+                label: "",
+                onClick: jest.fn(),
+            },
+        ],
+    });
+});
+function renderWithCbs(step) {
+    const closeCb = jest.fn();
+    const backCb = jest.fn();
+    const nextCb = jest.fn();
+    const wrapper = renderScreen({
+        onClose: closeCb,
+        onBack: backCb,
+        step,
+        buttons: [
+            {
+                state: "enabled",
+                label: "",
+                onClick: nextCb,
+            },
+        ],
+    });
+    return {
+        closeCb,
+        backCb,
+        nextCb,
+        wrapper,
+    };
+}
+it("Should call onClose when clicking goBack and step 0", () => {
+    const { wrapper, backCb, closeCb } = renderWithCbs(0);
+    (0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
+    expect(backCb).toHaveBeenCalledTimes(0);
+    expect(closeCb).toHaveBeenCalledTimes(1);
+});
+it("Should call onGoBack when clicking the goBack button and step > 0", () => {
+    const { wrapper, backCb, closeCb } = renderWithCbs(1);
+    (0, react_2.act)(() => wrapper.getByTestId("header-control-back").click());
+    expect(backCb).toHaveBeenCalledTimes(1);
+    expect(closeCb).toHaveBeenCalledTimes(0);
+});
+it("Should call onNext when clicking the footer button", () => {
+    const { wrapper, backCb, closeCb, nextCb } = renderWithCbs(1);
+    (0, react_2.act)(() => wrapper.getByRole("button").click());
+    expect(backCb).toHaveBeenCalledTimes(0);
+    expect(closeCb).toHaveBeenCalledTimes(0);
+    expect(nextCb).toHaveBeenCalledTimes(1);
+});
+it("Should display the selected text on the button", () => {
+    const wrapper = renderScreen({
+        onClose: jest.fn(),
+        step: 0,
+        onBack: jest.fn(),
+        buttons: [
+            {
+                label: "MOCKED BUTTON",
+                state: "enabled",
+                onClick: () => { },
+            },
+        ],
+    });
+    expect(wrapper.getByRole("button").textContent).toEqual("MOCKED BUTTON");
+});
+it("Should be able to enable point of no return, where the goBack action is not displayed anymore, this is indicated by the inexistance of goBack", () => {
+    const wrapper = renderScreen({
+        onClose: jest.fn(),
+        step: 0,
+        onBack: jest.fn(),
+        buttons: [
+            {
+                label: "MOCKED BUTTON",
+                state: "enabled",
+                onClick: () => { },
+            },
+        ],
+    });
+    const buttonBack = wrapper.getByTestId("header-control-back");
+    expect(buttonBack.classList).not.toContain(FlowController_module_scss_1.default.hidden);
+    wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
+        onClose: jest.fn(),
+        step: 0,
+        onBack: undefined,
+        buttons: [
+            {
+                label: "MOCKED BUTTON",
+                state: "enabled",
+                onClick: () => { },
+            },
+        ],
+    }),
+        react_1.default.createElement("div", null, "First step"),
+        react_1.default.createElement("div", null, "Second step"),
+        react_1.default.createElement("div", null, "Third step")));
+    expect(buttonBack.classList).toContain(FlowController_module_scss_1.default.pointOfNoReturn);
+});
+it("Should show only the current step", () => {
+    const wrapper = renderScreen({
+        onClose: jest.fn(),
+        step: 0,
+        onBack: jest.fn(),
+        buttons: [
+            {
+                label: "MOCKED BUTTON",
+                state: "enabled",
+                onClick: () => { },
+            },
+        ],
+    });
+    expect(wrapper.container.textContent).toContain("First step");
+    wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
+        onClose: jest.fn(),
+        step: 1,
+        onBack: undefined,
+        buttons: [
+            {
+                label: "MOCKED BUTTON",
+                state: "enabled",
+                onClick: () => { },
+            },
+        ],
+    }),
+        react_1.default.createElement("div", null, "First step"),
+        react_1.default.createElement("div", null, "Second step"),
+        react_1.default.createElement("div", null, "Third step")));
+    expect(wrapper.container.textContent).toContain("Second step");
+    wrapper.rerender(react_1.default.createElement(FlowController_1.default, Object.assign({}, {
+        onClose: jest.fn(),
+        step: 2,
+        onBack: undefined,
+        buttons: [
+            {
+                label: "MOCKED BUTTON",
+                state: "enabled",
+                onClick: () => { },
+            },
+        ],
+    }),
+        react_1.default.createElement("div", null, "First step"),
+        react_1.default.createElement("div", null, "Second step"),
+        react_1.default.createElement("div", null, "Third step")));
+    expect(wrapper.container.textContent).toContain("Third step");
+});
 //# sourceMappingURL=FlowController.test.js.map

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

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

package/dist/components/FlowController/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 FlowController_1 = require("./FlowController");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FlowController_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 FlowController_1 = require("./FlowController");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(FlowController_1).default; } });
 //# sourceMappingURL=index.js.map

package/dist/components/Form/Form.d.ts

@@ -1,40 +1,40 @@
-import { ComponentProps, ForwardedRef, FunctionComponent, RefObject } from "react";
-import EmailInput from "../EmailInput";
-declare type BaseForm = {
-    [k: string]: string;
-};
-declare type FieldTypes = "email" | "text" | "textarea";
-declare type FieldDefinition<M extends BaseForm, F extends keyof M, T extends FieldTypes> = {
-    validator: (v: M[F] | undefined, f: Partial<M>) => string | true;
-    placeholder?: string;
-} & (T extends "email" ? {
-    type: "email";
-    messages: ComponentProps<typeof EmailInput>["messages"];
-} : T extends "textarea" ? {
-    type: "textarea";
-    lines: number;
-} : {
-    type: "text";
-});
-declare type ClassName = string;
-export declare type FormInterface = {
-    clear: () => void;
-};
-declare type FirebaseFormProps<M extends BaseForm> = {
-    ref?: RefObject<FormInterface>;
-    submitting: boolean;
-    onSubmit: (data: M) => void;
-    submited?: boolean;
-    config: {
-        [k in keyof M]: FieldDefinition<M, k, FieldTypes>;
-    };
-    submitBtn: string | {
-        label: [FunctionComponent] | [FunctionComponent, ClassName];
-        loading: [FunctionComponent] | [FunctionComponent, ClassName];
-        error: [FunctionComponent] | [FunctionComponent, ClassName];
-        success: [FunctionComponent] | [FunctionComponent, ClassName];
-    };
-};
-declare function FirebaseForm<M extends BaseForm>({ submitting, onSubmit, submited, config, submitBtn }: FirebaseFormProps<M>, ref: ForwardedRef<FormInterface>): JSX.Element;
-declare const _default: typeof FirebaseForm;
-export default _default;
+import { ComponentProps, ForwardedRef, FunctionComponent, RefObject } from "react";
+import EmailInput from "../EmailInput";
+declare type BaseForm = {
+    [k: string]: string;
+};
+declare type FieldTypes = "email" | "text" | "textarea";
+declare type FieldDefinition<M extends BaseForm, F extends keyof M, T extends FieldTypes> = {
+    validator: (v: M[F] | undefined, f: Partial<M>) => string | true;
+    placeholder?: string;
+} & (T extends "email" ? {
+    type: "email";
+    messages: ComponentProps<typeof EmailInput>["messages"];
+} : T extends "textarea" ? {
+    type: "textarea";
+    lines: number;
+} : {
+    type: "text";
+});
+declare type ClassName = string;
+export declare type FormInterface = {
+    clear: () => void;
+};
+declare type FirebaseFormProps<M extends BaseForm> = {
+    ref?: RefObject<FormInterface>;
+    submitting: boolean;
+    onSubmit: (data: M) => void;
+    submited?: boolean;
+    config: {
+        [k in keyof M]: FieldDefinition<M, k, FieldTypes>;
+    };
+    submitBtn: string | {
+        label: [FunctionComponent] | [FunctionComponent, ClassName];
+        loading: [FunctionComponent] | [FunctionComponent, ClassName];
+        error: [FunctionComponent] | [FunctionComponent, ClassName];
+        success: [FunctionComponent] | [FunctionComponent, ClassName];
+    };
+};
+declare function FirebaseForm<M extends BaseForm>({ submitting, onSubmit, submited, config, submitBtn }: FirebaseFormProps<M>, ref: ForwardedRef<FormInterface>): JSX.Element;
+declare const _default: typeof FirebaseForm;
+export default _default;